Graphiques

TwitterFacebook
Get flash to fully experience Pearltrees
Fast Multidimensional Filtering for Coordinated Views Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register , allowing merchants to slice and dice their payment history fluidly. Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top- K lists. For more details on how Crossfilter works, see the API reference .

Crossfilter

http://square.github.com/crossfilter/
http://mbostock.github.com/protovis/ Protovis composes custom views of data with simple marks such as bars and dots . Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance , scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License . It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example . Protovis is no longer under active development.

Protovis

Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset

Nous allons voir ici les scénarios clés d’utilisation de canvas ou SVG après avoir vu les bases dans l’article précédent. Cet article fait donc parti de cette série : 1 – les bases de SVG et de Canvas 2 – les scénarios clés d’utilisation de ces 2 jeux d’APIs Le but du jeu étant de vous donner quelques éléments de réponse et des orientations d’usage pour vous aider à choisir le mode potentiellement le plus adapté à vos besoins. Tableau récapitulatif des grandes différences Commençons tout d’abord par rappeler les grandes différences entre <canvas> et SVG : http://blogs.msdn.com/b/davrous/archive/2011/05/20/introduction-aux-apis-graphiques-d-html5-svg-amp-canvas-2-4.aspx
HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/ . The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries.

humble finance - html5 visualization

http://www.humblesoftware.com/finance/index
Dans cet exemple, je n'utilise pas de JavaScript, ni aucune application en arrière-plan. Tout ce sur quoi je compte est un balisage bien formé et du CSS. Donc, l'objectif est de présenter des données sous forme graphique. Nous pourrions dire que la graphique est un objet en deux dimensions. http://cssglobe.developpez.com/tutoriels/css/histogramme/

Réalisez un histogramme avec CSS