https://github.com/gmac/bubblechart.js

An animated time-based bubble chart (scatter plot) with JavaScript and SVG/HTML graphics.
https://github.com/gmac/bubblechart.js

Last synced: 29 days ago
JSON representation

An animated time-based bubble chart (scatter plot) with JavaScript and SVG/HTML graphics.

• Host: GitHub
• URL: https://github.com/gmac/bubblechart.js
• Owner: gmac
• Created: 2012-03-14T15:01:11.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-03-19T15:50:35.000Z (over 12 years ago)
• Last Synced: 2024-04-14T22:19:44.054Z (7 months ago)
• Language: JavaScript
• Homepage:
• Size: 120 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
Time-based Bubble Chart (scatter plot)

By Greg MacWilliam.

Released under MIT license.

For demonstration, see: http://lassiegames.com/tests/bubblechart

This chart loads in year-based data, which is aggregated into a timeline that may be scrubbed and/or played as an animation. The chart currently supports data plotted on three axes: horizontal (X), vertical (Y), and bubble size (Z). Data must be loaded as CSV with the following format (requires three rows of headers):

labels,Income,Growth,Change,Income,Growth,Change

types,number,percent,number,number,percent,number

years,2009,2009,2009,2010,2010,2010

Location-A,0,0,0,0,0,0

Location-B,0,0,0,0,0,0

The chart display may be rendered using SVG graphics or the HTML DOM. VML rendering in IE7/8 is not supported due to extremely poor performance with large numbers of nodes. While the HTML renderer is not as smooth as the SVG renderer, it is equally performant in older browsers.

Planned features include hooking bubble color in as a fourth axis of data.