⚡ Data scientist, I enjoy telling stories with data. I'm currently learning D3.js and working on hobby projects, Mapbox visualizations, and fiddling with Juniper network data.
height = 1080
width = 1920
lineHeight = 40
pack = data => d3.pack()
.size([width, height])
.padding(5)
(d3.hierarchy(data)
.sum(d => d.value)
.sort((a, b) => b.value - a.value))
color = d3.scaleLinear()
.domain([0, 5])
.range(["hsl(152,80%,80%)", "hsl(228,30%,40%)"])
.interpolate(d3.interpolateHcl)
function buildTree(nodes, links) {
// https://stackoverflow.com/a/68209716
const map = new Map(nodes.map((o) => [o.name, { ...o, children: [] }]));
for (let { source, target } of links)
map.get(source).children.push(map.get(target));
return map;
}
raw = {
const text = await FileAttachment(
"RWS_Organisatiestructuur_source_target@1.csv"
).text();
return d3.dsvFormat(";").parse(text);
}
d3 = require("d3@6")
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.
