And then there was Cartagr.am (bloom blog)

Geht leider nicht um Kartogramme aber doch um Karten, konkret um die Visualisierung von Instagram-Fotos. Interessant, dass da eine weitere JavaScript-Kartographie-Bibliothek auftaucht:

"Technology: Cartagr.am was written using ModestMap.js for the tile mapping and SimpleGeo for the location services and the labels are the Acetate labels from FortiusOne and Stamen."


Leider ist die Doku noch nicht allzu ausgebaut. Es hat aber einige Beispiele:

Beispiele

greatcircle

hurricane

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

Flash vs. Canvas

Ein Vergleich von Canvas/JavaScript und Flash aufgrund verschiedener Kriterien. Die Schlussfolgerung:

Canvas is the future of 2D (and possibly 3D) graphics on the web. Sure, it has a few shortcomings, but as time passes, it will only get better.

You can write it with the same language (JavaScript) as the rest of the interaction logic on your web page. It's fast and getting faster. Once a few competent frameworks appear, it will be just as easy to use as Flash for a huge variety of tasks. And once the iPad ships, Flash will become a liability.

My advice for web developers: if something on your site CAN be done in Canvas, it SHOULD be done in canvas.

(aus: "Bye Bye Flash: Network Graph is now Canvas")

d3.js

(Ausschnitt aus der Website, ein paar Links gehen (auch dort) nicht):
Data-Driven Documents

D3.js is a small, free JavaScript library 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 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 asCSS3, 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.