public marks

PUBLIC MARKS from sbrothier with tag data-visualisation


Soundcloud Visualizer by Michael Bromley

This is an experiment in using the web audio API together with canvas to make some interesting and cool-looking visualizations. Since this is my first foray into the world of both canvas and web audio, I have slowly iterated over a number of ideas and trials which are all in the /tests folder.

Architecture of Radio

by 1 other
The infosphere* relies on an intricate network of signals, wired and wireless, that support it. We are completely surrounded by an invisible system of data cables and radio signals from access points, cell towers and overhead satellites. Our digital lives depend on these very physical systems for communication, observation and navigation.

Audio Visualization with Web Audio, Canvas and the Soundcloud API

If you don’t already know, Soundcloud is sort of like YouTube, but for audio rather than video. It provides a rich API for building apps that use its audio streams, so I decided to use it as the source for my visualization (note that you’ll need to register your app to use the Soundcloud API – it’s free and straightforward to do).



by 2 others
Nicholas Felton keeps some of his favorite things here.

Human Data

by 1 other (via)
Human helps people move almost twice as much in six weeks. Every day, people track millions of activities with our app. We visualized 7.5 Million miles of activity in major cities all across the globe to get an insight into Human activity. Walking, running, cycling, and motorized transportation data tell us different stories.



by 2 others
The missing link between spreadsheets and vector graphics.


TileMill | Fast and beautiful maps

by 3 others
Whether you're a journalist, web designer, researcher, or seasoned cartographer, TileMill is the design studio you need to create stunning interactive maps.


States of Design 01: Visualization - Design - Domus

Visualisation design is today in rapid expansion, relying on more frequent direct collaborations between designers and scientists and trying to keep up with an ever-growing computational power that churns out raw data at astounding speeds. Besides strong graphic-design skills, however, working with data in an Internet-savvy world also requires a strong sense of space and time, as well as the gift of synthesis. That is why so many architects and designers are trying their hand at this new form of communication, also as an alternative to making and building in the physical world, where both the economic and the environmental crises are limiting their work. The examples on these pages represent the highest quality of design in a range of different topics and stand in for many others as paragons. All but one, that is. Please get acquainted with a memorable 2010 diagram of the American strategy in Afghanistan, prepared for General Stanley A. McChrystal and hailed by Elisabeth Bumiller as an example of how not to visualise information.

Infographics and charts - interactive data visualization |

by 11 others
"'s product is gunning to be a kind of Adobe Illustrator for online, allowing anyone to create cool info-graphics." | create and share visual ideas online

by 6 others
create and share visual ideas online vhemes are visual themes. drag and drop a vheme onto your canvas for easy creation of your visual idea! is currently in beta but we would love your feedback here.

D3.js - Data-Driven Documents

by 7 others
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

Ingeniously Charting The Horrifying Power Of Today's Nuclear Bombs | Co.Design: business + innovation + design

The mushroom cloud of Russia’s biggest nuke was 8 times the height of Mt. Everest. This infographic will give you a visceral feel for that that means.


TK TYPE > Chartwell

Chartwell is a family that explores the use of OpenType to interpret and visualize data. The font format is highly portable and can be used in any application that supports standard ligatures. The data also remains editable allowing for easy updates.


Best of 2009 –

The hottest new music based on your scrobbles


feltron vii

by 2 others
Feltron annual report / nice charts & use of types /

Génération de camemberts, histogrammes et courbes statistiques en Flash - Prendre un Café

by 1 other
Mes amis, dans le cadre d'une mission de développement je cherche actuellement des outils de génération de graphiques statistiques en Flash : histogrammes, camemberts, courbes et consorts.

Super simple CSS bars

by 5 others
I needed some simple progress bars in a html table to indicate the progress of string translations in the new internationalizeable checkout process of Shopify and found an elegant CSS solution:

sbrothier's TAGS related to tag data-visualisation

app +   flash +   graphic design +   humor +   illustration +   internet +   ipad +   javascript +   maps +   mobile +   music +   print +   radio +   sounds +   tools +   tracking +   tv +   typography +   vector +   war +   web services +   web/tech +   webdesign +