Observable
@observablehq
The data visualization company
“Cover a sphere with equally spaced dots” — original notebook by Jim Bumgardner, recently forked and fixed by John Wiseman. new.observablehq.com/d/15e996683f...
Here @laotzunami.bsky.social “visualizes datasets and their inner joins with proportional Venn diagrams.” new.observablehq.com/@laotzunami/...
Here @fil.rezo.net reproduces @climatecasino.net’s chart, using warped gridlines to represent both the absolute temperature and the deviation from the historical mean for each day of the year. new.observablehq.com/@fil/godzill...
Wouter Schreuders made a scale that’s linear in the (foveal?) middle and logarithmic in the periphery, for exploring enormous ranges without losing concrete proportional grounding. observablehq.com/@wouter-d3/a... His reflections on the development process: wouterschreuders.com/adaptive-scale
This one illustrates how problems overflow “main logic” (left box) to “fallback logic” (right) such as “religion, shamanism, authority, science and technology, family, acquaintances, the market”. Some ppl start w/ fallback logic (slide 2) or have little fallback (3). observablehq.com/@humble-data...
We appreciate the rich variety and effort manifest in their thumbnails, which caught our eye. More typical of YouTube than of Observable!
Here nxrix (@nxrix.bsky.social, I suppose?) extends Plot with a custom mark rendering GLSL shaders to demonstrate domain coloring for complex-valued functions, with interactive pan and zoom new.observablehq.com/@nxrix/domai...
Here Monica Rizzolli describes her artwork “Forma e Fórmula”. Inspired by Johan Gielis’s “superformula” — a generalization of the superellipse — she developed a “curatorial interface” for curves and a “herbarium of generative flowers” new.observablehq.com/@dac4b2f6fec...
Now @ehouais.bsky.social has added a visualization of the “Golden Boot” race for the most goals, with nice cross-hatched portraits. observablehq.com/@ehouais/wor...
Revisiting this is a great idea by @thelatentspace.bsky.social, and it sent @toph.me down a rabbit hole: when you fill in all the years in-between, you get a lot of self-intersection. new.observablehq.com/@tophtucker/...
A lovely map-slash-timeline of upcoming World Cup matches, designed for pen plotter by @ehouais.bsky.social. observablehq.com/@ehouais/wor...
Antoni Gaudí, who died one hundred years ago today, picked up a fondness for the catenary — the hyperbolic cosine, the shape of an idealized hanging chain — working on suspension bridges. observablehq.com/@toja/catenary
Inspired by Ian Quigley, trying to do our part… here’s the “significance filter” histogram reproduced in a notebook, with a parquet file of the underlying million z-statistics. observablehq.com/@tophtucker/...
Ah, you ask, but how does that compare to the baseline growth of *all* npm packages (below)? Still relatively strong.
Some great D3 packages also booming. d3-array, d3-shape, d3-scale — love it, makes sense. We’re more surprised by the similar boom in d3-time-format, which — though also a classic! — has long since been largely obviated by Intl.DateTimeFormat & its ilk. observablehq.github.io/oss-analytics/
Observable Plot hit >100k daily downloads yesterday for the first time! Literally “off the chart”! (Because we set the maximum of the y domain to the 99.5th percentile in order to occasionally give ourselves this satisfaction.) Congrats to Mike and Fil! observablehq.github.io/oss-analytic...
In 1943, Patrick Abercrombie wanted to describe “a general plan for creating ‘new towns’ but didn’t have the authority to designate specific sites for redevelopment. So, he decided blobs would do the trick.” @mattkhinda.city recreated the “potato plan” in D3: observablehq.com/@mpkhinda/d3...
In March, the U.S. Department of Homeland Security waived the Jones Act, which says only U.S.-made ships can ship between U.S. ports. Waiver stipulates that vessel movements be publicly disclosed. @laotzunami.bsky.social mapped them; they’re most commonly gasoline observablehq.com/d/3a87558830...
Or @mootari.social’s exploration of Lee Stemkoski’s polyhedra npm package observablehq.com/@mootari/pol..., which in turn pulls from George W. Hart’s Encyclopedia of Polyhedra
See also @makio135.bsky.social’s “Polyhedrons & lasers” observablehq.com/@makio135/po... and Platonic solids lineup observablehq.com/@makio135/pl...
That’s by @paulchaikin.bsky.social. Or here’s one by @mark-mcclure.bsky.social, showing cutting a polyhedron into a net. observablehq.com/@mcmcclur/un... There are eleven ways to unfold a cube, which he collects here: observablehq.com/@mcmcclur/th...
“[O]ur model is not the sphere, which is no greater than its parts, where every point is equidistant from the centre… Instead, it is the polyhedron, which reflects the convergence of all its parts, each of which preserves its distinctiveness.” Explore: observablehq.com/@pamacha/pla...
Also don’t miss that you can click on edges and adjust their easing, e.g. to make them all linear and fast so there’s no pause between successive transitions.
This resembles some of the transition diagrams in @jheer.org’s classic “Animated Transitions in Statistical Data Graphics” idl.uw.edu/papers/anima..., but makes the diagram itself an interface for constructing the chart.
In this notebook, @laotzunami.bsky.social visualizes a state space of possible chart types and transitions among them along defined edges. Transitions between unconnected types are achieved by routing through intermediate types. observablehq.com/d/3c8b082818...
Lovely! Here’s a little suggestion to allow regenerating the cloud. Would love to see the other parameters pulled out too! observablehq.com/compare/64d4...
Nice recreation of Perlin’s mrl.cs.nyu.edu/~perlin/expe... Java applet from… twenty years ago? More? (Perlin noise is from the ’80s.)
Matt’s notebook compares 311 service requests and DOT pothole work orders (from opendata.cityofnewyork.us) to explore the decline in overall pothole reports; the seasonality; the geographic distribution; and the first 100 days of the last three mayors. observablehq.com/@mpkhinda/ny...
Instead of taking the function of x and y, the raster mark can also interpolate spatial samples. See documentation: observablehq.com/plot/marks/r...