What a lovely bit of progressive enhancement—styling data tables to display as charts.
This infographic offers a visual way to explore the various stages of the Earth’s history using a 12 hour clock analogy.
More of this kind of thing, please!
Lea wasn’t happy with the lack of styling and extensibility of the datalist element, so she rolled her own lightweight autocomplete/type-ahead widget, and she’s sharing it with the world.
A nice little pattern for generating a swish timeline in SVG from a plain ol’ definition list in HTML.
Curiosity’s journey so far, nicely visualised.
I should fork this on Github and add instructions for exporting your Huffduffer data.
Beautiful visualisations of science and nature.
Made with love by a designer with a molecular biology degree.
The first in a series of posts looking at the process behind builfing this “quantified self” site:
As with most decisions in my life, I asked myself: What would Tony Stark do?
The transcript of Maciej’s talk from Beyond Tellerrand on how the web has become more and more centralised:
The degree of centralization is remarkable. Consider that Google now makes hardware, operating systems, and a browser.
It’s not just possible, but fairly common for someone to visit a Google website from a Google device, using Google DNS servers and a Google browser on the way.
This is a level of of end-to-end control that would have caused us to riot in the streets if Microsoft had attempted it in 1999. But times have changed.
Cleanup of Silicon Valley Superfund site takes environmental toll | The Center for Investigative Reporting
A terrific piece of well-illustrated data-driven journalism.
A lovely visualisation that combines two of my loves: space, and the correct use of the subjunctive.
Fast Company features Aral’s tantalising Indie Phone project that he’s been working on at Clearleft Towers.
Good to see Oskar the dog getting the recognition he deserves.
On the top floor of a commercial building in the old maritime city of Brighton, England, Balkan has been quietly hacking away at Indie Phone for the last several months with the rest of his team—Victor Johansson, an industrial designer, Laura Kalbag, a professional web designer (and Balkan’s partner), and her Husky, Oskar.
A lovely bit of data celebration from Ravelry on the occasion of their 4 millionth user.
I’ve said it before and I’ll say it again: if you want to see a successful example of a real social networking site, don’t look at Facebook; look at Ravelry.
An interesting pattern for handling complex data tables in responsive designs. It’s a desktop-down approach, but pretty smart.
This tool for building ScrAPIs is an interesting development—the current trend for not providing a simple API (or even a simple RSS feed) is being interpreted as damage and routed around.
I like Erin’s list.
A beautiful real-time visualisation of winds on our planet.
An epic tale of data recovery.
Of course Jason Scott was involved.
Data visualisations that make no sense.
On the one hand, this is yet another Snowfall clone. On the other hand, the fact that it’s responsive is impressive.
A gorgeous interactive visualisation of our local galactic neighbourhood.
A long-zoom data visualisation.
This is wonderful stuff! I’m a big fan of the
datalist element but I hadn’t realised how it could be combined with
input types like
A collection of those appalling doublespeek announcements that sites and services give when they get acquired. You know the ones: they begin with “We’re excited to announce…” and end with people’s data being flushed down the toilet.
Charles Arthur analyses the data from Google’s woeful history of shutting down its services.
So if you want to know when Google Keep, opened for business on 21 March 2013, will probably shut - again, assuming Google decides it’s just not working - then, the mean suggests the answer is: 18 March 2017. That’s about long enough for you to cram lots of information that you might rely on into it; and also long enough for Google to discover that, well, people aren’t using it to the extent that it hoped.
This powerful timeline illustrates how drone attacks have increased dramatically under Obama’s administration.
I heartily concur with Luke’s call for sharing of data:
If you’ve had success with a responsive design, my plea to you is to please share what you’ve learned.
I’m going to see if I can get some Clearleft clients to open up.
A damning analysis of the Empire’s military strategy at the battle of Hoth, complete with illustrations. The comments are good too:
Guys, cut Palpatine some slack. He’s still in his first term as Emperor…
A beautiful timelapse visualisation of code commits to Flickr from 2004 to 2011.
I know have a visualisation of my public data in the form of 3D-printed snowflake, thanks to Medaler.
Investigating the options for off-world backups.
Data is only as safe as the planet it sits on. It only takes one rock, not too big, not moving that fast, to hit the Earth at a certain angle and: WHAM! Most living species are done for.
How the hell is your Twitter archive supposed to survive that?
Eight of Jan White’s excellent books on graphic design are now available for free online, licensed under CC0 …they’re in the public domain now.
All he asks in return is that you might buy one of his books still in print, and maybe make a donation to the Internet Archive.
Jan V. White is a mensch.
A really nice interactive timeline of data from ten years of scrobbling music to Last.fm.
A handy step-by-step guide to scraping HTML to get data out. Useful for services (—cough—Twitter—cough—) that keep changing the rules of their API use.
The fascinating story of how a dream team of geeks helped Obama to victory. Personally, I think it’s all about the facial hair. I mean, how could they lose with Trammell’s beard to guide them?
Craig writes about the hologram of his quantified self.
A great article by Hannah, focusing on the Long Web—it isn’t about the quantity of data you’re publishing; it’s the quality. This builds nicely on the article I linked to recently about digital scarcity.
A nice visualisation of Apple’s transition From desktop to mobile over ten years, one Daring Fireball article at a time.
Oh, and happy birthday, Daring Fireball.
Some good database character-encoding advice from Mathias.
This is an important subject (and one very close to my heart) so I’m very glad to see these data protection guidelines nailed to the wall of the web over at Contents Magazine.
- Treat our data like it matters.
- No upload without download.
- If you close a system, support data rescue.
Vannevar Bush’s original 1945 motherlode of hypertext.
A nice timeline visualisation of recent history.
Kyle’s Matryoshka phones are as cool as they are cute.
Google’s datadump makes for a fascinating—and worrying—bit of data dumpster diving.
The way that Chloe has catalogued her music over time is fascinating. It’s like the Long Now opposite of This Is My Jam.
An in-depth analysis (graphs! data!) of how popular sites are using—or not using—compression.
Dan writes about how data saved his life. That is not an exaggeration.
He describes how, after receiving some very bad news from his doctor, he dived into the whole “quantified self” thing with his health data. Looking back on it, he concludes:
If I were still in the startup game, I have a pretty good idea of which industry I’d want to disrupt.
A beautiful and disturbing piece of data visualisation. The numbers are quite astonishing.
A thoughtful—and beautifully illustrated—piece by Geri on memory and digital preservation, prompted by the shut-down of Gowalla.
Explore the shape of the underwater world of internet backbones.
Stef does some data-sleuthing and uncovers some shocking behaviour on the part of Google in Kenya.
Fred touches on the same issues that Frank highlighted in his dConstruct talk last year: what do we do with all of this wealth of material we’ve been collecting/ffffinding/scrobbling/liking/favouriting/plus-one-ing.
Mashing up Angry Birds and spreadsheets to better visualise project time-tracking.
A Responsive Design Approach for Complex, Multicolumn Data Tables | Filament Group, Inc., Boston, MA
A really nice pattern for data tables in responsive designs. Just as with conditional loading, the key point is making a distinction between essential and optional content.
Colly’s thoughts on digital preservation are written in a lighthearted tongue-in-cheek way but at least he’s thinking about it. That alone gives me comfort.
A stroke of genius: turning money itself into the carrier for infographics on wealth distribution in America.
One of the opening lightning talks at Science Hack Day in San Francisco by Sean Herron of NASA.
A very even-handed look at the time and data debacle in HTML5.
Richard would like your help. Take a few minutes to run through a card-sorting exercise to help classify fonts in a more meaningful way.
This is may just be the best thing on the internet about data visualisation and statistics. And sex.
A great piece by James on the architecture, aesthetics and perception of datacenters.
A nice project from BERG that aligns numbers from your own world (like the number of people you follow on Twitter) to numbers in the larger world.
A worrying report on the state of digital preservation and the web, specifically in the UK. Welcome to the memory hole.
Stewart Brand wrote this twelve years ago: it’s more relevant than ever in today’s cloud-worshipping climate.
I’d like to think that it’s ironic that I’m linking to The Wayback Machine because the original URL for this essay is dead. But it isn’t ironic, it’s horrific.
A fascinating examination by Hixie of web technologies that may have technically been “better” than HTML, but still found themselves subsumed into the simpler, more straightforward, good ol’ hypertext markup language.
The follow-on comments are definitely worth a read too.
These lovely visualisations of geotagged photos and tweets are almost indistinguishable from aerial views of cities at night.
This looks like it might be worth investigating as one potential solution to the sharecropping problem: code for decentralising your data; you allow apps to access your data but you get to decide where that data lives. Intriguing.
The Riegers are like emissaries from Planet Smart and we mere mortals are fortunate that they take the time to give us great articles like this.
A dataviz demo of creepiness: displaying the movements of Malte Spitz by correlating her phone activity and web usage.
I really like this idea: one street in Brighton is openly displaying its electricity usage over time.
A very pretty visualisation of tweets on a map using canvas.
If you speak Flemish, you might enjoy this article based on a chat I had with a Belgium journalist.
If you don’t speak Flemish, well, just move along.
This consortium of institutions and universities came together “to provide practical solutions and expertise in digital preservation.”
PLANETS stands for Preservation and Long-term Access through Networked Services.
For once, I’m happy to see data being destroyed.
The New York subway schedule converted into sound by treating each line as a string.
Visualising the Republic of Letters.
This looks like it could be a good book: a collaborative project to find patterns and stories in the data of one city.
Oh, and the site is lovely and responsive.
A gorgeous visualisation of Wikipedia data from History Hack Day. Watch the shape of the world emerge over time.
Some beautiful pieces of data visualisation.
Using data to help put a single death in the family into a wider perspective.
Visualisations of the history of controversial Wikipedia articles.
A site dedicated to the principle of homesteading your data.
A very handy tool for planning intercontinental communication.
London has its first data dead drop. Time to put Brighton on the map methinks.
A glanceable indication of the current Thames tide, from James Bridle.
A visual representation of each track on the new Girl Talk album.
Watch this space. Glenn has a really interesting idea (and implementation) for exchanging structured data between browser windows using drag'n'drop.
What a superb project! Forget Mechanical Turk — this is the way to harness the collective intelligence of humans: transcribing weather observations made by naval ships at the beginning of the twentieth century. It's all grist for the climate model mill.
Telling stories with data — the video.
An inspiring presentation by Tom Armitage on the value of open data.
They're going to get into so much trouble for this, but this data analysis is pretty great.
A beautiful SVG visualisation (with source code) of the Rattle team's experience of dConstruct 2010.
Cute illustration of different content types in HTML (though, personally, I would put sectioning content — section, article, nav, aside — into their own group).
New from BERG: superimposing historical events onto familiar landscapes.
Beautiful map visualisations by Aaron Straup-Cope.
Paul Ford sets the record straight on what editors do.
Aaron's lovely visualisation of Flickr's shapetiles.