Liquid flow velocity in pipesTernary plotSpotify Pop ArtistsDistance Angle VoronoiAoC 12: shortest path under constraintsVoronoi labelsHello, olliRough PlotCorrelation heatmapUsing d3.blur with PlotJob vacancies in AustraliaWarming stripesAssemblée nationale 2017-2022Minimalist dodge plotPlot.image borderfrom columnar to tidy dataAge/Handgroup, bin and sortPlot.stereoHistogramVariants of SARS-Cov-2 in EuropeVariants du SARS-CoV-2 en FranceTopological subsamplingAnimate a bar chart (OBSOLETE)Metbrewer color schemesHow many books was I reading?Road traffic under COVID restrictions (France)Convex hull mark (#154)Hello, Open MeteoK-means binningMatrix diagramQuasi-random Monte Carlo integrationDifference chartELD ViewerPlot early birdROC curveSkies PlotHappy anniversary, Project Gutenberg!The Sun’s analemmaObservable Plot in a Web WorkerregressionEdit data with PlotConical gradient PlotPlot HyperboloidExperimental Plot BeeswarmThe ARPANET in December 1969Irregular bins histogramLog-scale histogramDatabase Outage Plotcount distinct (#412)Scatterplot matrixIrregular Bar ChartFacet exclusion transformCanvas PlotHow to attach a plot to a DOM elementRenko ChartWaffle ChartQatar Population PyramidSlope ChartSequence LogosStacked bin dots
Merging hexagons
hex = ({ x, y }) => ({
type: "Polygon",
coordinates: [
Array.from({ length: 7 }, (_, i) => {
const a = (Math.PI * i) / 3;
const r = Math.sqrt(3) / 3;
return [
+(x + Math.sin(a) * r).toFixed(10), // rounding to avoid floating point error & vertex mismatch
+(y + Math.cos(a) * r).toFixed(10)
];
})
]
})
topo = topojson.topology(
Object.fromEntries(
d3.rollup(
data,
(v) => ({
type: "GeometryCollection",
geometries: v.map(hex)
}),
(d) => d.color
)
)
)
merged = Object.entries(topo.objects).map(([color, e]) => [
color,
topojson.merge(topo, e.geometries)
])
topojson = require("topojson-client@3", "topojson-server@3")
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.
