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.
Tags: visual
167
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.
Exclusive Design
Vasilis has published his magnificent thesis online. It’s quite lovely:
You can read this thesis in a logical order, which is the way that I wrote it. It starts with a few articles that explore the context of my research. It then continues with four chapters in which I describe the things I did. I end the thesis with four posts with findings, conclusions and recommendations.
WALL·E | Typeset In The Future
A deep dive into Pixar’s sci-fi masterpiece, featuring entertaining detours to communist propaganda and Disney theme parks.
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.
CSS Border-Radius Can Do That? | IO 9elements
This is the trick that Charlotte used to get the nifty blobby effect on last year’s UX London site. Now there’s a tool to help you do the same.
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.”
9 squares – The Man in Blue
Some lovely little animation experiments from Cameron.
Accessibility for Teams
I really, really like the way that this straightforward accessibility guide is subdivided by discipline. As Maya wrote in the blog post announcing its launch:
Each person on a team, whether you’re a manager, designer, or developer, has a role to play. Your responsibilities are different depending on your role. So that’s how we structured the guide, with a separate section for each of five roles:
- Product management
- Content design
- UX design
- Visual design
- Front-end development
Generative Artistry
Tutorials for recreating classics of generative art with JavaScript and canvas.
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).
Brutalist design is the bad influence we all need
What these brands are taking from web-brutalism — and truly, we should all be learning something here — is that User-centered design doesn’t need to be monopolized by the same colors, same buttons, same photography and even same copy you see in pretty much every single website or product.
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)