Published
Edited
May 30, 2021
6 stars
Liquid flow velocity in pipesTernary plotMerging hexagonsSpotify 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 BeeswarmIrregular 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
The ARPANET in December 1969
Also listed in…
Plot Experiments
nodes = [
{ id: "SRI", x: 0, y: 10 },
{ id: "UCSB", x: 1, y: 1 },
{ id: "UCLA", x: 8, y: 0 },
{ id: "UTAH", x: 36, y: 17 }
]
lookup = {
const index = new Map(nodes.map(d => [d.id, d]));
return id => index.get(id);
}
links = [ ["SRI", "UTAH"], ["SRI", "UCSB"], ["SRI", "UCLA"], ["UCLA", "UCSB"] ]
function project([id1, id2]) {
const {x: x1, y: y1} = lookup(id1);
const {x: x2, y: y2} = lookup(id2);
return {x1, y1, x2, y2};
}
Plot.plot({
inset: 50,
x: {axis: null},
y: {axis: null},
marks: [
Plot.link(links.map(project), {
x1: "x1", y1: "y1", x2: "x2", y2: "y2"
}),
Plot.dot(nodes, {x: "x", y: "y", fill: "black"}),
Plot.text(nodes, {x: "x", y: "y", text: "id", dy: 16, dx: -12})
],
width: 300,
height: 220
})
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.
