The avatar for @basilesimon
Basile Simon
Past: Reuters Graphics, The Times, BBC News Labs. 🇫🇷 in 🇩🇪
Published
Edited
Sep 16, 2021
1 fork
Importers
11 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
makeHierarchy = config => {
const defaultConfig = {
childrenAccessorFn: ([key, value]) => value.size && Array.from(value),
sumFn: ([key, value]) => value
//sortFn: (a, b) => b.value.localeCompare(a.value)
};
const { data, reduceFn, groupByFns, childrenAccessorFn, sumFn, sortFn } = {
...defaultConfig,
...config
};
const rollupData = d3.rollup(data, reduceFn, ...groupByFns);
const hierarchyData = d3
.hierarchy([null, rollupData], childrenAccessorFn)
.sum(sumFn)
.sort(sortFn);
return hierarchyData;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
bubbles.drawData(sizeBy)
Insert cell
Insert cell
Insert cell
packed_bubbles.drawData(sizeBy)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
height = 799
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more