Data visualization software enginner: working to make visualization more accessible, equitable, and impactful.
format = d3.format(",d")
name = (d) => (d.id === "/" ? "All names" : d?.id?.replaceAll("/", "") || "")
w = width < 500 ? width : Math.floor(width / 3)
height = width //width < 500 ? (width * 2) / 3 : Math.floor(width / 3)
import { data } from "@mkfreeman/baby-name-treemap"
candian_baby_names.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
color = d3
.scaleLinear()
.domain([0, pack(data).height])
.range(["hsl(152,80%,80%)", "hsl(228,30%,40%)"])
.interpolate(d3.interpolateHcl)
pack = (data) => d3.pack().size([width, height]).padding(3)(data)
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.
