Generative Artistry
Tutorials for recreating classics of generative art with JavaScript and canvas.
Tags: dataviz
103
Sandra Rendgen
A blog dedicated to data visualisation, all part of ongoing research for a book on Charles-Joseph Minard.
Data visualisation, interactive media and computational design are one focus of my work, but I also do research in the history of maps and diagrams.
Colour Wheels, Charts, and Tables Through History – The Public Domain Review
These are beautiful!
Featured below is a chronology of various attempts through the last four centuries to visually organise and make sense of colour.
Shipmap.org | Visualisation of Global Cargo Ships | By Kiln and UCL
A beautiful visualisation of shipping routes and cargo. Mesmerising!
You can see movements of the global merchant fleet over the course of 2012, overlaid on a bathymetric map. You can also see a few statistics such as a counter for emitted CO2 (in thousand tonnes) and maximum freight carried by represented vessels (varying units).
Sessions Map
This is nifty—a map of all the Irish music sessions and events happening around the world, using the data from TheSession.org.
If you’re interested in using data from The Session, there’s a read-only API and regularly-updated data dumps.
Animated SVG Radial Progress Bars - daverupert.com
Using a single path SVG, a smidge of CSS, and ~6 lines of JavaScript.
In this days of monolithic frameworks, I really like seeing modest but powerful patterns like this—small pieces that we can loosely join.
What would happen if a nuclear bomb went off in your backyard? | Outrider
Hot nuclear blasts in your area.
(like Eric’s HYDEsim)
Cognitive Overload - daverupert.com
From Scott McCloud to responsive design, Dave is pondering our assumptions about screen real estate:
As the amount of information increases, removing details reduces information density and thereby increasing comprehension.
It reminds me of Edward Tufte’s data-ink ratio.
The Times | data viz catalogue
Data visualisations created for The Times, complete with code.
Frappé Charts
A JavaScript library for displaying charts’n’graphs.
Web Typography: Designing Tables to be Read, Not Looked At · An A List Apart Article
An extract from Richard’s excellent book, this is a deep dive into styling tables for the web (featuring some CSS I had never even heard of).
Tables can be beautiful but they are not works of art. Instead of painting and decorating them, design tables for your reader.
(It also contains a splendid use of the term “crawl bar.”)
What Would Augment Reality? (with images, tweets) · lukew · Storify
Luke has been asking people to imagine ways of augmenting the world. Spimes are back, baby!
Presenting the new d3.loom chart form plugin - Visual Cinnamon
Nadieh has packaged up the code for her lovely loom diagrams as a plug-in for d3.
ARP Observatory (@ArpObservatory) | Twitter
In July we started receiving audio signals from outside the solar system, and we’ve been studying them since.
Tweets contain sound samples on Soundcloud, data visualisations, and notes about life at the observatory …all generated by code.
ARP is a fictional radio telescope observatory, it’s a Twitter & SoundCloud bot which procedurally generates audio, data-visualisations, and the tweets (and occasionally long-exposure photography) of an astronomer/research scientist who works at ARP, who is obsessive over the audio messages, and who runs the observatory’s Twitter account.
Hertzsprung-Russell diagram animation | ESA/Hubble
When I was in Düsseldorf for this year’s excellent Beyond Tellerrand conference, I had the pleasure of meeting Nadieh Bremer, data visualisation designer extraordinaire. I asked her a question which is probably the equivalent of asking a chef what their favourite food is: “what’s your favourite piece of data visualisation?”
There are plenty of popular answers to this question—the Minard map, Jon Snow’s cholera map—but we had just been chatting about Nadieh’s previous life in astronomy, so one answer popped immediately to mind: the Hertzsprung-Russell diagram.
Font Map · An AI Experiment by IDEO
Fontlandia is yours to explore.
By leveraging AI and convolutional neural networks to draw higher-vision pattern recognition, we have created a tool that helps designers understand and see relationships across more than 750 web fonts.
Stuff in Space
A gorgeous visualisation of satellites in Earth orbit. Click around to grasp the scale of the network.
A Day in the Life of Americans | FlowingData
Watching this data visualisation on its high speed setting is quite hypnotic.
Our World In Data
If you’re in need of some long-term perspective right now—because, let’s face it, the short-term outlook is looking pretty damn bleak—then why not explore some of Max Roser’s data visualisations? Have a look at some of the global trends in inequality, disease, hunger, and conflict.