PUBLIC MARKS from sbrothier with tag data-visualisation

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.

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.

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).

Nicholas Felton keeps some of his favorite things here.

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.

The missing link between spreadsheets and vector graphics.

hahaha

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

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.

"Infogr.am'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 vhemes are visual themes. drag and drop a vheme onto your canvas for easy creation of your visual idea! easel.ly is currently in beta but we would love your feedback here.

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.

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.

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.

The hottest new music based on your scrobbles

Feltron annual report / nice charts & use of types /

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.

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: