Draw all roads in a city at once
A lovely little bit of urban cartography.
Link tags: visualisation
126
Kinopio
I’m finding this tool to be very useful for the kind of chaotic mind-mapping I do when I’m preparing a conference talk.
The Deep Sea
After showing us the size of space, here’s a fascinating intereactive visualisation of the ocean depths.
The New York City Subway Map as You’ve Never Seen It Before - The New York Times
The design history of the New York subway map.
The Size of Space
Celestial objects ordered by size, covering a scale from one astronaut to the observable universe.
Spurious Correlations
Correlation does not imply causation.
Lights at sea
Lighthouses of the world, mapped.
Complexity Explorables
A cornucopia of interactive visualisations. You control the horizontal. You control the vertical. Networks, flocking, emergence, diffusion …it’s all here.
Earth day at Clearleft
Isn’t this just lovely?
Cassie made a visualisation of the power we’re getting from the solar panels we installed on the roof of the Clearleft building.
I highly recommend reading her blog post about the process too. She does such a great job of explaining how she made API calls, created SVGs, and calculated animations.
Atlas of Urban Expansion
Oodles and oodles of data on cities, including gorgeous animations of urban growth over time.
Brendan Dawes - The Art of Cybersecurity
Some lovely data visualisation by Brendan:
The work features three main components — the threats, represented by black obelisk style objects, the system which detects and deals with these threats, represented by an organic mesh like structure, and finally the creativity that is allowed to flow because the threats have been neutralised.
HTML periodical table (built with CSS grid)
This is a nifty visualisation by Hui Jing. It’s really handy to have elements categorised like this:
- Root elements
- Scripting
- Interactive elements
- Document metadata
- Edits
- Tabular data
- Grouping content
- Embedded content
- Forms
- Sections
- Text-level semantics
Sparkline Sound-Off – Chris Burnell
Chris has made sonic sparklines on his site too, but they’re far more musical than mine. Here’s his explanation of how he did it.
Tinnitus Tracker
Rob has turned his exhaustive spreadsheet of all the concerts he has attended into a beautiful website. Browse around—it’s really quite lovely!
Rob’s also writing about the making of the site over on his blog.
CodePen - Solar System 3D Animation (Pure CSS)
This orrery is really quite wonderful! Not only is it a great demonstration of what CSS can do, it’s a really accurate visualisation of the solar system.
Barely Maps
Minimalist cartography.
Stats: Creating (Phil Gyford’s website)
I quite like Phil’s idea of having charts like this. It might be a fun project for Homebrew Website Club to do something like this for my site.
The map we need if we want to think about how global living conditions are changing - Our World in Data
While a geographical map is helpful if you want to find your way around the world, a population cartogram is the representation that we need if we want to know where our fellow humans are at home.
Figures in the Stars
A lovely bit of data visualisation from Nadieh showing the differences and commonalities in constellations across cultures. As always, she’s written up the process too.
Astronomical Typography
Typography meets astronomy in 16th century books like the Astronomicum Caesareum.
It is arguably the most typographically impressive scientific manual of the sixteenth century. Owen Gingerich claimed it, “the most spectacular contribution of the book-maker’s art to sixteenth-century science.”