background preloader

Envision - demos

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.

http://www.humblesoftware.com/envision

Related:  Data VisualizationData Vizualizationvisualisation

progressive <svg> 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

Cube Time Series Data Collection & Analysis Cube is a system for collecting timestamped events and deriving metrics. By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc. It also enables richer analysis, such as quantiles and histograms of arbitrary event sets. Cube is built on MongoDB and available under the Apache License on GitHub. Collecting Data Pizza Pie Charts Pizza is an easy to use plugin. It's built with our responsive framework Foundation so you can quickly install it into your current Foundation project. Water BuffaloBisonSheepGoatShetland Pony PepperoniSausageCheeseMushroomChickenOther

Sparklines News 15 June 2013 - Version 2.1.2 Relased This release adds support for jQuery 1.10.0 and other bug fixes and minor improvements. See the full changelog for details of all changes. 26 January 2013 - Version 2.1.1 Relased This release adds support for jQuery 1.9.0 along with a couple of other bug fixes. Home - Recline Data Explorer and Library A simple but powerful library for building data applications in pure Javascript and HTML. Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos » Get started fast Using Google Charts - Google Charts Google Charts provides a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart gallery provides a large number of ready-to-use chart types. The most common way to use Google Charts is with simple JavaScript that you embed in your web page. You load some Google Chart libraries, list the data to be charted, select options to customize your chart, and finally create a chart object with an id that you choose.

Chartkick Simplify your admin dashboard - create new charts in seconds! Works with Rails, Sinatra and most browsers (including IE 6) A perfect companion to groupdate, hightop, and active_median Get handcrafted updates for new features 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.

Dancing with Data « Quasipartikel Last Sunday I gave a small workshop at the MapBox office, where I showed new findings I’ve discovered while working on my last visualization project. We turned a collection of countries into a dance of dots, each dot referring to a country in the collection. In other words: We created a simple animated Scatterplot. The goal was to implement a data-driven visualization where the output image is determined by the data and visualization state, such as filters and selected variables. Once users modify either the state or the data, the visualization gets updated accordingly using smooth transitions between states. We applied fundamental concepts such as Data Joins (a technique introduced by D3.js), Scales and Animation.

Ember Charts A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation. Features Highly customizable and extensible. Automatically Preparing Edge/Node Data for Gephi Okay, I've done some work with Gephi lately, but I find myself with a problem I can't quite solve. I work on reprinting networks, and thus far have generated network graphs from spreadsheets of reprinting with the original newspaper in one column (source) and reprinting newspaper in the second (target). Import edge table-->Gephi creates a pretty graph.

Related: