Posts mit dem Label visualization werden angezeigt. Alle Posts anzeigen
Posts mit dem Label visualization werden angezeigt. Alle Posts anzeigen
22.11.2011
19.10.2011
Adobe-Ausstellung: Turning Data into Meaning
Nach einem längeren Intro kann man in der Ausstellung "InForm :: Turning Data into Meaning" im virtuellen Adobe-Museum verschiedene Beispiele für die visuelle Umsetzung von Daten (SMS, Twitter, Wikipedia u.a.). Hier ein Beispiel aus einem Film über den SMS-Versand an einem Jahreswechsel:
08.06.2011
Eyeo Data Visualization Challenge: Ghost Counties
Jan Willem Tulp wins Eyeo Data Visualization Challenge
The visualization depicts the number of homes and vacant homes for all the counties for each state. The size of the outer bubble represents the total number of homes, the size of the inner bubble represents the number of vacant homes. The y-axis shows the population size (on a logarithmic scale) and the x-axis of the bubbels shows the number of vacant homes per population. Each bubble is also connected with a line to another axis: the population / home ratio. On the top right you can see some exact numbers for this data.
Built with Processing
The visualization depicts the number of homes and vacant homes for all the counties for each state. The size of the outer bubble represents the total number of homes, the size of the inner bubble represents the number of vacant homes. The y-axis shows the population size (on a logarithmic scale) and the x-axis of the bubbels shows the number of vacant homes per population. Each bubble is also connected with a line to another axis: the population / home ratio. On the top right you can see some exact numbers for this data.
Built with Processing
14.03.2011
Data-Driven Documents
Mike Bostock's JavaScript library D3.js for manipulating documents based on data.
"D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
"D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
D3 is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such as CSS3,HTML5 and SVG. It avoids learning a new intermediate proprietary representation. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. And, for those common needs, D3’s functional style allows code reuse through a diverse collection of optional modules."
Hier noch ein paar Beispiele
Beim Voronoi-Diagramm ist vor allem beeindruckend, mit welcher Geschwindigkeit die Polygone beim Darüberfahren mit der Maus neu berechnet werden.
Und noch eine spielerische Anwendung (man kann irgendein Bild als Paramter übergeben, http://koalastothemax.com?<your image url>)
09.03.2011
Filme kompakt
Eine wirklich sehr kompakte Darstellung von Filmen (eine Art "Filme aufräumen", bisher 74 Filme, unten z.B. Babel (2006)); erinnert etwas an das Projekt Interactive Information Visualization of a Million Items.
FlowingData: Choice of color in a movie can say a lot about what's going on in a scene. It sets the mood, changes the tone, indicates a change in point of view, so on and so forth, which is why moviebarcode is so fun to click through. The concept is simple. Take every frame in a movie and compress it into a sliver, and put them next to each other. Voilá. Movie barcode."
FlowingData: Choice of color in a movie can say a lot about what's going on in a scene. It sets the mood, changes the tone, indicates a change in point of view, so on and so forth, which is why moviebarcode is so fun to click through. The concept is simple. Take every frame in a movie and compress it into a sliver, and put them next to each other. Voilá. Movie barcode."
Abonnieren
Posts (Atom)