background preloader

TOOLS

Facebook Twitter

Looking 4 data visualization: Tools. . RAW est une nouvelle application web ouverte et gratuite qui permet de créer aisément des dataviz basées sur le framework D3.js de Mike Bostock (Data Designer au New York Times). . Développé par l'institut de recherche italienne Density Design, l'outil permet de générer sans aucune ligne de code des visualisations avancées de type Treemap, Dendogram, Fineo Diagram.

Les données peuvent être importées à partir de fichiers texte (.csv, .tsv) ou à partir d' Excel, TextEdit ou TextWrangler. . 6 types de layouts / composants graphiques sont disponibles à ce jour : Treemap, Bubble Chart, Dendogram, Hexagonal Binning, Alluvial Diagram (Fineo), Circle Packing. Toutes les visualisations sont directement tirées de la librairie D3.js. . . 'raw is conceived to ease graphic production, not to replace it. La boite à outils.

Leaflet - a JavaScript library for mobile-friendly maps. Sigma.js | a lightweight JavaScript graph drawing library. Rickshaw: A JavaScript toolkit for creating interactive time-series graphs. Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.

Open Source Rickshaw is free and open source, available under the MIT license. Getting Started Here's a minimal but complete working example. Area Graphs Lines Bars Scatterplot Interactive Legend Add a basic legend: Add functionality to toggle series' visibility on and off: Highlight each series on hover within the legend: Add drag-and-drop functionality to re-order the stack (requires jQueryUI): Interactive Hover Details Show the series value and formatted date and time on hover: Specify formatting callbacks to customize output: See the custom formatter and subclass examples for more. Annotations Add toggleable annotations: annotator.add(timestamp, message);annotator.update(); Range Slider Graphs & Data via AJAX / JSONP Tutorial. OpenLayers: Home.