Data and community wrangler
chart = {
const path = d3.geoPath(
d3.geoMercator().fitSize([width, (width/4)], trees)
)
const titleFormat = d3.format(",")
const svg = d3.create("svg")
.attr("viewBox", [0, 0, width, (width/4)]);
svg.append("g")
.selectAll("path")
.data(trees.features)
.join("path")
.attr("d", path)
.append("title")
return svg.node()
}
sketch(world, {
fill: "none",
paper: true,
k: k,
stroke: stroke,
strokeWidth1: strokewidth1,
strokeWidth2: strokewidth2
})
sketch(trees, {
paper: true,
k: 0.05,
stroke: "none",
fill: fill,
overflow: overflow,
roughness: roughness,
hachureGap: hachureGap,
fillWeight: fillWeight,
fillStyle: fillStyle,
bowing: bowing
})
sketch(trees, {
fill: "none",
paper: true,
k: k2,
title: projection.name + " projection",
projection: projection.proj,
stroke: "#000"
})
style = html`<style>
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
</style>`
)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
