Data graphics developer at Gapminder. Teacher at DIS Stockholm. Escaping flatland one chart at a time.
Plot.image(
subset,
Plot.dodgeY({
sort: "followers",
anchor: "middle",
x: "followers",
src: "image",
title: "name",
r: 15
})
).plot({ height: 420, x: { type: "log" } })
positions = {
const R = {};
Plot.image(
subset,
Plot.dodgeY({
sort: "followers",
anchor: "middle",
x: "followers",
src: "image",
title: "name",
r: 15,
// intercept the values and save them in R, return null since we're discarding the chart anyway
render: (index, scales, values) => ((R.values = values), null)
})
).plot({ height: 420, x: { type: "log" } });
return [R.values.x, R.values.y];
}
import { subset } from "dbe21ae287cc2523"
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.
