https://notes.billmill.org/visualization/graphs/observable_plot/Replicating_an_NYT_graph_in_observable_plot.html
Replicating an NYT graph in observable plot - llimllib notes
observable plotreplicatingnytgraphnotes
https://deno.com/blog/exploring-art-with-typescript-and-jupyter
Exploring Art with TypeScript, Jupyter, Polars, and Observable Plot | Deno
With Deno's Jupyter support, you can explore, interact, and create interactive charts with TypeScript and HTML. Here's a tutorial featuring data of over...
exploring artobservable plottypescriptjupyterpolars
https://observablehq.com/@observablehq/plot-parcoords
Plot: Parallel coordinates / Observable | Observable
Each quantitative dimension of the cars dataset is normalized and mapped to a different (parallel) axis with a dedicated D3 scale. Lines connect the positions...
parallel coordinatesplotobservable
https://observablehq.com/@d3/ridgeline-plot
Ridgeline plot / D3 | Observable
Ridgeline plots are an alternative to horizon charts and small-multiple area charts that allow greater precision for a given vertical space at the expense of...
ridgeline plotd3observable
https://observablehq.com/@observablehq/plot-barcode
Plot: Barcode chart / Observable | Observable
A barcode chart just adds a tick for each value; if the values overlap, use strokeOpacity to give a sense of density. In this example, the populations are...
plotbarcodechartobservable
https://observablehq.com/@observablehq/plot-two-dimensional-faceting
Plot: Two-dimensional faceting / Observable | Observable
Small multiple charts help comparison across modalities. The horizontal↔︎ facet shows sex (with the rightmost column representing penguins whose sex field is...
two dimensionalplotfacetingobservable
https://observablehq.com/@observablehq/plot-line-with-moving-average
Plot: Line with moving average / Observable | Observable
The window transform can be used to draw a moving average atop points — here, global temperature readings. Source: NASA Goddard Institute for Space Studies
moving averageplotlineobservable
https://observablehq.com/@observablehq/plot-difference-arrows
Plot: Difference arrows / Observable | Observable
The chart plots the difference between the number of male and female Olympic athletes by sport. Sports with more men are right-pointing orange arrows, while...
plotdifferencearrowsobservable
https://observablehq.com/@observablehq/plot-stacked-bars
Plot: Stacked bars / Observable | Observable
Group and count data sharing the same x base (here, the island where penguins were counted) and fill color (their species). The bar mark implicitly stacks...
plotstackedbarsobservable
https://observablehq.com/@observablehq/plot-function-contour-2
Plot: Function contour 2 / Observable | Observable
A function contour with a diverging color scale.
plotfunctioncontourobservable
https://observablehq.com/@observablehq/plot-scatterplot-with-ordinal-dimension
Plot: Scatterplot with ordinal dimension / Observable | Observable
A dot mark encoding three dimensions with various scales: x is quantitative, y and stroke (color) are nominal.
plotordinaldimensionobservable
https://observablehq.com/@observablehq/plot-image-medals
Plot: Image medals / Observable | Observable
Showing the percentage of people today who have an opinion of past presidents using the image mark (with the r option set, to make images circular). Data from...
plotimagemedalsobservable
https://observablehq.com/@observablehq/plot-unemployment-horizon-chart
Plot: Unemployment horizon chart / Observable | Observable
By layering colored bands, the horizon chart makes the most of a limited vertical space. For another example, see Horizon chart.
plotunemploymenthorizonchartobservable
https://observablehq.com/@observablehq/plot-spherical-line-with-a-varying-stroke
Plot: Spherical line with a varying stroke / Observable | Observable
Set the z option to null for line charts that represent a single series of data with a varying color. This also works with the geodesic curve used for map...
with aplotsphericallinestroke
https://observablehq.com/@observablehq/plot-seattle-temperature-heatmap
Plot: Seattle temperature temporal heatmap / Observable | Observable
A calendar with a cell for each day (x) of each month (y), colored by maximum temperature on that day.
plotseattletemperaturetemporalheatmap
https://observablehq.com/@d3/dot-plot/2
Dot plot / D3 | Observable
Percentage of population by age and state. Data: American Community Survey Using Observable Plot’s concise API, you can create a similar chart with a dot mark....
dot plotd3observable
https://observablehq.com/@observablehq/plot-linear-regression-simpson
Plot: Linear regression / Observable | Observable
If you measure the relationship between culmen depth and length in a mixed population of penguins, it is positively correlated in each of the three species...
linear regressionplotobservable