background preloader

Graph/Arborescense/Map

Facebook Twitter

Gauges

Envision - demos. Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. Real-Time: TimeSeries template with real-time data. This demo features animation of the selection when new data arrives. The data itself is from a function but could be a callback to a remote data source. (click to code) TimeSeries: HTML5 time series chart. Finance: HTML5 financial chart. Ajax: August 19, 2004 March 4, 2010 AJAX driven financial chart. Custom - Fractal: A custom built visualization which draws a fractal. Graphs. Plot & graphic curve. jOrgChart - A jQuery OrgChart Plugin. Geolocalisation. jStat : a JavaScript statistical library. Map. Arbor.js. Peity • progressive <canvas> pie charts. Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari.

Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/benpickles/peity Pie Charts Call peity("pie") on a jQuery selection. You can also pass delimiter, fill, height, radius and width options. <span class="pie">1/5</span><span class="pie">226/360</span><span class="pie">0.52/1.561</span><span class="pie">1,4</span><span class="pie">226,134</span><span class="pie">0.52,1.041</span><span class="pie">1,2,3,2,2</span> JavaScript $("span.pie").peity("pie") Donut Charts Donut charts are the same as pie charts and take the same options with an added innerRadius option which defaults to half the radius. $('.donut').peity('donut') Line Charts $(".line").peity("line") Events.