// Generate a simple point set for
hierarchy = {
let config = {
dataset: pointsRoutes,
// groupByFns: [d => d.continent, d => d.country, d => d.code],
groupByFns: [d => d.country, d => d.code],
reduceFn: v => d3.sum(v, d => d["routes"])
}
const defaultConfig = {
childrenAccessorFn: ([key, value]) => value.size && Array.from(value),
sumFn: ([key, value]) => value,
sortFn: (a, b) => b.value - a.value,
};
const { dataset, reduceFn, groupByFns, childrenAccessorFn, sumFn, sortFn } = { ...defaultConfig, ...config };
const rollupData = d3.rollup(dataset, reduceFn, ...groupByFns);
const hierarchyData = d3.hierarchy([null, rollupData], childrenAccessorFn)
.sum(sumFn)
.sort(sortFn);
return hierarchyData;
}
// Generate a lookup string for easier searching in the AutoSelect
// Pull the IATA code from the autoselect to use for filtering, this could be optimized but the existing autoselect input doesn't seem to work with value/label pairs
chartTip = d3.select("body").append("div").attr("class", "toolTip chartTip");
import { world } from "@benoldenburg/simple-globe"
import {select, autoSelect} from "@jashkenas/inputs"
topojson = require("topojson-client@3")
d3 = require("d3@6") // Load D3
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.
