JavaScript InfoVis Toolkit. InfiView™ : InfiView - Home. Flare | Data Visualization for the Web. Dracula Graph Library | Graph Computation, Layout, Algorithms for JavaScript. MetricsGraphics.js - a library based on D3.js, optimized for visualizing and laying out time-series data. JavaScript InfoVis Toolkit. D3.js - Data-Driven Documents. JS Charts - Free JavaScript charts. Polymaps. FlowingMedia/TimeFlow. Timemap - Javascript library to help use a SIMILE timeline with online maps including Google, OpenLayers, and Bing. Timemap.js is a Javascript library to help use online maps, including Google, OpenLayers, and Bing, with a SIMILE timeline. The library allows you to load one or more datasets in JSON, KML, or GeoRSS onto both a map and a timeline simultaneously.
By default, only items in the visible range of the timeline are displayed on the map. Version 2.0.1 Now Up! Version 2.0.1 is primarily a maintenance release, fixing a number of small bugs and cleaning up a few things that weren't quite right in v.2.0. Anyone using v.2.0 should probably upgrade to v.2.0.1, as it is more stable and includes very few changes other than bug fixes and new unit tests. Upgrading to v.2.x: Timemap.js v.2.x includes several important changes from 1.x: it removes the dependency on Google Maps v2, and adds dependencies on jQuery and the Mapstraction library to allow support for multiple map providers, including Google v3, OpenLayers, and Bing Maps. Simple Three-Item Dataset (using inline JSON data and Google Maps v3)
Processing.js. Arbor.js. Raphaël—JavaScript Library. Gka/chroma.js. Cubism.js. Time Series Visualization foo7.6 bar−6.2 foo + bar1.4 foo - bar14 Cubism.js is a D3 plugin for visualizing time series. Scalable Cubism fetches time series data incrementally: after the initial display, Cubism reduces server load by polling only the most recent values.
Effective Cubism also scales in terms of perception: small multiples aligned by time facilitate rapid comparison. Area (120px)7.6 Area (30px)7.6 In contrast, horizon charts reduce vertical space without losing resolution. Horizon, 1-band (120px)7.6 Horizon, 2-band (60px)7.6 Horizon, 3-band (40px)7.6 Horizon, 4-band (30px)7.6 By combining position and color, horizon charts improve perception: position is highly effective at discriminating small changes, while color differentiates large changes. Flexible Cubism is data-source agnostic. Want to learn more? Envision - demos. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use.
Sigma.js | a lightweight JavaScript graph drawing library. 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.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky. Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub.
May 28, 2010 - ZOMG! Getting Started. OpenLayers: Home. DrasticTreemap. DrasticTreemapGApi, version 0.9, by: DrasticData Overview A dynamic treemap to inspect the distribution of variables in a visual way. The treemap uses Flash. Note for Developers : Because of Flash security settings, this (and all Flash-based visualizations) might not work correctly when accessed from a file location in the browser (e.g., rather than from a web server URL (e.g., This is typically a testing issue only. You can overcome this issue as described on the Macromedia web site Example (Note that the following code will not work when loaded as a local file; it must be loaded from a web server.) Other Examples There are two more examples included in the release: Example2Example3 (uses random data) Loading and Instantiating Note that the component needs the swfobject to be loaded to be able to start.
Google.load("visualization", "1"); google.load("swfobject", "2.2"); Data Format label column. Configuration Options Methods.