Here is today
A long-zoom data visualisation.
Tags: visual
Out of Sight, Out of Mind: A visualization of drone strikes in Pakistan since 2004
This powerful timeline illustrates how drone attacks have increased dramatically under Obama’s administration.
CSS 3D Clouds
A beautiful experiment with CSS transforms and a smattering of JavaScript.
Swatch you doing?
A cute and fun way to put together a colour palette.
Flickr, codeswarming
A beautiful timelapse visualisation of code commits to Flickr from 2004 to 2011.
Medaler.com
I know have a visualisation of my public data in the form of 3D-printed snowflake, thanks to Medaler.
Jan V. White
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.
10 Years of Scrobbling Timeline – Last.fm
A really nice interactive timeline of data from ten years of scrobbling music to Last.fm.
Data Visualization Reinterpreted by VISUALIZED on Vimeo
Peter Saville talks about the enduring appeal of his cover for Unknown Pleasures.
I like to think of all the variations and mashups as not just tributes to Joy Division, but tributes to Jocelyn Bell Burnell too.
Distant Shape: 10 Years of Daring Fireball
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.
The Evolution of the Web
A nice timeline visualisation of recent history.
KyleBean.co.uk - Portfolio: Mobile Evolution
Kyle’s Matryoshka phones are as cool as they are cute.
Sound of Summer
This is sooo nifty: Chloe’s obsessive Summer music visualisation is a lesson in responsive design and progressive enhancement. It’s also pretty fascinating.
NoisePNG - Generate noisy PNG-images with alpha-transparency
If you’re adding some noise texture to your backgrounds, this little service might be handy. I usually base-64 encode these kinds of background images: it would be nice to see that added as an option here.
Myself, quantified | Extenuating Circumstances
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 Time-Lapse Map of Every Nuclear Explosion Since 1945 - by Isao Hashimoto - YouTube
A beautiful and disturbing piece of data visualisation. The numbers are quite astonishing.
A List Apart: Articles: Style Tiles and How They Work
Samantha does an excellent job of explaining how useful style tiles can be for visual design and iteration.
Rebecca Cottrell » Where visual design fits in a design process
I think Rebecca is on to something here. Everyone has been so quick to self-identify as a UX designer while marginalising visual design as a purely surface-level layer …but it’s all part of the design process.
10 Charts About Sex « OkTrends
This is may just be the best thing on the internet about data visualisation and statistics. And sex.
See something or say something - a set on Flickr
These lovely visualisations of geotagged photos and tweets are almost indistinguishable from aerial views of cities at night.
Layer Styles
A handy little GUI for generating CSS declarations for shadows, gradients, opacity and border radius.
Dribbble - My Secret for Color Schemes by Erica Schoonmaker
A very useful tip for creating cohesive colour palettes.
css Zen Garden: All-In-One
This is cute: using media queries to display multiple CSS Zen Garden submissions without refreshing the page — just adjust your browser window.
Samantha Warren’s Web Design Blog | Design ~ Web Typography ~ Inspiration
An excellent design technique from Samantha that allows you to nail down a visual vocabulary without using something as wishy-washy as a mood board or as rigid as a fully-blown comp. Brilliant!
The style tile is not a literal translation of what the website is going to be, but a starting point for the designer and the client to have a conversation and establish a common visual language.
Tell-all telephone | Data Protection | Digital | ZEIT ONLINE
A dataviz demo of creepiness: displaying the movements of Malte Spitz by correlating her phone activity and web usage.
Tidy Street electricity usage | Flickr - Photo Sharing!
I really like this idea: one street in Brighton is openly displaying its electricity usage over time.
a world of tweets
A very pretty visualisation of tweets on a map using canvas.
MTA.ME
The New York subway schedule converted into sound by treating each line as a string.
YouTube - Tracking 18th-century “social network” through letters
Visualising the Republic of Letters.
Victorian Infographics - a set on Flickr
Some beautiful pieces of data visualisation.
Notabilia – Visualizing Deletion Discussions on Wikipedia
Visualisations of the history of controversial Wikipedia articles.
GELLED!
Paul has created a site for tracking usage of the BBC’s GEL (Global Experience Language) visual design language. Nice’n’responsive it is too.
Mashup Breakdown - Girl Talk
A visual representation of each track on the new Girl Talk album.
Journalism in the Age of Data: A Video Report on Data Visualization by Geoff McGhee
Telling stories with data — the video.
Did you have a nice day? - Made by Rattle
A beautiful SVG visualisation (with source code) of the Rattle team's experience of dConstruct 2010.
Periodic Table of the Elements - Josh Duck
Cute illustration of different content types in HTML (though, personally, I would put sectioning content — section, article, nav, aside — into their own group).
Polymaps
A JavaScript/SVG library for displaying maps in a variety of interesting ways.
prettymaps
Beautiful map visualisations by Aaron Straup-Cope.
flickr shapetiles / july 2010
Aaron's lovely visualisation of Flickr's shapetiles.
aM laboratory
A beautiful piece of musical mathematical poetry.
CanvasMol
Beautiful chemistry visualisations using canvas.
Geonames Maps « optional.is/required
Brian documents his beautiful Geonames SVG maps.
Understanding Graphics — Design For The Human Mind
A site on designing with data from the author of Visual Language For Designers: Principles For Creating Graphics That People Understand.
If San Francisco Crime was Elevation | Doug McCune
Beautiful mapping visualisations of crime data.
A Practical Guide to Designing with Data
Excellent news: Brian is writing a book.
The Case For An Older Woman « OkTrends
A thoroughly well-researched and data-heavy blog post ...complete with interactive charts!
Román Cortés » Pure CSS Coke Can
A nifty little CSS experiment.
MikeMake
Beatles infographics.
Digital Podge 2009 - Measurable Fun | 17th December 2009
This is a gorgeous-looking website. I have no idea what it's about.
Is modern web design too like print design? (Phil Gyford’s website)
Yes. Yes. YES! "We’ve shaken off the restrictions of the early days, opened up all kinds of technical possibilities, but web design seems less exciting and less experimental than it did fifteen years ago."
The Landscape of Music
The geography of musicians.
Humanising data: introducing “Chernoff Schools” for Ashdown – Blog – BERG
Matt gets an opportunity to use the Chernoff effect for visualising school data.
cyoa
An in-depth study mapping all the permutations in "choose your own adventure" books.
Venn Diagrams as UI Tools « optional.is/required
A very in-depth article on visually representing Boolean logic in an interface. Stick with it; it's worth it.
Information Is Beautiful | Ideas, issues, concepts, subjects - visualized!
A blog devoted to data visualisation.
Building Rome in a Day
Unbelievable 3D visualisation created by extracting common points from millions of pictures on Flickr of Rome, Venice and Dubrovnik. As Matt Haughey would say, "Holy shitballs!"
Table of Condiments
Table of Condiments That Periodically Go Bad
Pulse Laser: Here & There influences
Jack Schulze goes into detail on the genesis of the wonderful Here & There map/visualisation.
http://schulzeandwebb.com/hat/
This is the best location visualisation I have ever seen.
Visible Tweets – Twitter Visualisations. Now with added prettiness!
A visualisation of Twitter messages designed for display in public spaces. From the mad genius that is Cameron Adams.
Wikirank
A Cederholm-designed site for tracking trends on Wikipedia. Check out the HTML5-based class names.
Part 1/5, My Favorite Graph: at the Equator
"I love this graph because in one small space, it shows the time of Sunrise and Sunset across the entire world throughout all Latitudes throughout the entire year of this tilted planet."
[ws] Color Scheme Designer
A handy tool for putting colour palettes together.
maxgadney.com
Information Graphics about WWII for WWII magazine and for the book proposal "A Visual Miscellany of World War II".
Dopplr Blog » Blog Archive » Dopplr presents the Personal Annual Report 2008: freshly generated for you, and Barack Obama…
I can't wait to get my personal annual report from Dopplr! In the meantime, I'll content myself with the very pretty example of Barack Obama's annual report.
CO2 emissions, birth & death rates by country, simulated real-time
A visual real-time simulation that displays the carbon dioxide (co2) emissions, birth rates, and death rates of every country in the world.
Vimeo Toys
Interactive visualizations of what's happening right now.
Pattern Tap : Interface Collection for Design Inspiration
Collections of visual design patterns from web interfaces.
Networks - a set on Flickr
A collection of network diagrams and visualisations from the simple to the sublime.
DoodleBuzz:Typographic News Explorer
A crazy way of viewing news stories courtesy of Brendan Dawes.
RA DIOHEA_D / HOU SE OF_C ARDS - Google Code
The new Radiohead video isn't really a video at all. It's data visualisation. Here you can interact with the data points while the song is playing. I love this.
code_swarm
A tool for generating beautiful visualisations from commits to code repositories.
Wordle - adactio
Wordle puts a new spin on the tired old tag cloud. Here's a cloud of my del.icio.us tags.
Looking Back: How Different Groups Voted
A really nice interactive infographic from the New York Times.
twistori
Realtime visualisation of feelings on Twitter. I can't help but think that present continuous emotions would have yielded better results; loving, hating, thinking...
Twitter Friends Network Browser
Browse trough your twitter friends, and your friends' friends, and your friends' friends' friends...
thecourtsofchaos » Blog Archive » BarCampLondon2 - Visualisation Presentation
A recap of an excellent presentation at BarCamp Brighton 2 on data visualisation.
Dopplr Blog » Dopplr Raumzeitgeist 2007: Where we went last year
Gorgeous visualisation from Dopplr of all the places visited in 2007.
Chinese Culture Versus German Culture » Adino Online
A series of infographics comparing Chinese and German culture. Amusing and astute.
Twitter Blocks
A lovely visual of contacts of your Twitter contacts, exploring those six degrees.
GOOD 006 - Transparency - Weights and Measures
A really nice visual representation of just how isolated the Imperial system is.
design|snips
A collection of websites incorporating noteworthy visual design elements.
circaVie | Create and Share Timelines
From the people who brought you Ficlets comes a nice app for creating personal timelines. Microformats and OpenID support included.
flightpatterns_excerpt.mov (video/quicktime Object)
Beautiful visualisations of flight data.
Vitamin Features » Web Design-isms: 7 Surefire Styles that Work
A nice well-illustrated article from Larissa Meek pointing to some design trends that can be applied to the Web.
Twitterverse
A new project from Idea Codes (Emily Chang and Max Kiesler): a tag cloud for Twitter.
mezzoblue § Chalkwork Basic Royalty-free Icons
Dave has made some icons — very nice ones.
Digital Web Magazine - Redesigning the ExpressionEngine Site
A really nice article by Jesse Bennett-Chamberlain detailing the process behind a site design.
Subtraction: Oh Yeeaahh!
Khoi has posted the slides from his grids workshop online. Download and learn.
SimpleBits
Dan has redesigned his site and it looks gorgeous.
hicksdesign: design for print and new media Ο°
Jon redesigns too. It's lovely, but a bit wide for my taste.
Photo Matt » New Blog Design
Matt Mullenweg redesigns. I like it.
The 9th Incarnation of ShaunInman.com // ShaunInman.com/post
Shaun is pushing the boundaries of CSS as an indicator of the passage of the time. I'm really happy to see this kind of experimentation: this is exactly why we want separation of content and presentation.
CoverFlow
A nifty app for OS X that allows you to browse your iTunes music by album cover.
Virtual Street Reality
If Holbein had been a street artist, the results might have looked something like this.