Link tags: visual

210

sparkline

Space Elevator

Scroll up to the Kármán line.

GB Renewables Map

A lovely bit of real-time data visualisation from Robin:

It’s a personal project created at home in Wales with an aim to explore and visualise renewable energy systems. Specifically, it aims to visualise live generation from renewable energy systems around Great Britain and to show where that generation is physically coming from.

The Web Needs a Native .visually-hidden

I agree with the reasoning here—a new display value would be ideal.

Highlights | Catalogue | Sainsbury Archive

There are some tasty designs in this archive from Sainbury’s.

Color and Contrast.com

A lovely website (or web book?) dedicated entirely to colour contrast, complete with interactive illustrative widgets.

A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast.

How Florence Nightingale Changed Data Visualization Forever - Scientific American

The design process in action in Victorian England:

Recognizing that few people actually read statistical tables, Nightingale and her team designed graphics to attract attention and engage readers in ways that other media could not. Their diagram designs evolved over two batches of publications, giving them opportunities to react to the efforts of other parties also jockeying for influence. These competitors buried stuffy graphic analysis inside thick books. In contrast, Nightingale packaged her charts in attractive slim folios, integrating diagrams with witty prose. Her charts were accessible and punchy. Instead of building complex arguments that required heavy work from the audience, she focused her narrative lens on specific claims. It was more than data visualization—it was data storytelling.

Pizza Exchange Rate | FlowingData

This is a story about pizza and geometry.

The interactive widget here really demonstrates the difference between showing and telling.

When Women Make Headlines

This is a great combination of rigorous research and great data visualisation.

My Custom CSS Reset

This CSS reset is pleasantly minimalist and a lot of thought has gone into each step. The bit about calculating line height is very intriguing!

A visual introduction to machine learning

I like the split-screen animated format for explaining this topic.

Kaleidoscope Brain: 100 Visualizations of Moby-Dick

Download this PDF to see 100 beautiful literary visualisations.

THE INTERNET — Opte

Visualising the growth of the internet.

Nature 150 Interactive

A beautiful interactive visualisation of every paper published in Nature.

Iceberger

Draw an iceberg and see how it will float.

Data Visualization and the Modern Imagination - Spotlight at Stanford

There are some beautiful illustrations in this online exhibition of data visualisation in the past few hundred years.

Eleanor Lutz - An Orbit Map of the Solar System

A lovely visualisation of asteroids in our solar system.

CSS Stats

A handy tool for getting an overview of your site’s CSS:

CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of your app, and diagnose complex areas before it snowballs out of control.

An Ocean of Books

What you see is the big map of a sea of literature, one where each island represents a single author, and each city represents a book. The map represents a selection of 113 008 authors and 145 162 books.

This is a poetic experiment where we hope you will get lost for a while.