7 years ago
97 Views
0 0

HTML5 data visualization tool – HumbleFinance

Written by

HumbleFinance is an HTML5 data visualization tool that look and functions similar to the flash chart on Google Finance. The tool is written entirely in JavaScript, using the Prototype and Flotr libraries.

HTML5 data visualization tool - HumbleFinance

HumbleFinance is an Open Source project which can display any two 2-D numeric data sets which share an axis. All data is should be stored within JavaScript variables as an array of [x, y] points and requires 3 parameters to be set before running the function to create the dynamic chart.

The first two parameters priceData and volumeData are the two sets sharing an axis and the third, summaryData, is a set which will be displayed all at once, used to provide a useful visual cue for interacting with the other data. This set must also share the same axis and should span the range of the other two sets. In general it will be a summary, 100 or so points, from either priceData or volumeData.

You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.

Download : http://www.humblesoftware.com/finance/source
Demo : http://www.humblesoftware.com/finance/index

Article Categories:
Chart and Graph Generators

Comments

wonderful comments!