Data visualization

jQuery Visualize

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae ac ligula eleifend commodo id quis risus. Donec consequat lorem et metus facilisis vitae dapibus felis fermentum.

jQuery Visualize plugin for accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more importantly, because it bases the chart on data already in the page in an HTML table element, it is accessible to people who browse the web with a screen reader or other assistive technology, or with browsers that don't fully support JavaScript or HTML5 Canvas.

Etiam diam tortor, malesuada eu semper sit amet, ornare sit amet nunc. Praesent eros purus, bibendum commodo commodo eu, aliquam quis nibh. Integer ullamcorper semper est, at euismod justo tincidunt sit amet. Curabitur commodo tristique augue ac pellentesque.

Maecenas varius ultricies orci non ullamcorper. Mauris vestibulum convallis ligula eget adipiscing. Sed fringilla, ante fringilla egestas iaculis, orci lorem rhoncus arcu, venenatis vehicula purus urna id diam.

Employee Sales by Department
food auto household furniture kitchen bath
Mary 190 160 40 120 30 70
Tom 3 40 30 45 35 49
Employee Sales by Department
food auto household furniture kitchen bath
Mary 190 160 40 120 30 70
Tom 3 40 30 45 35 49
Employee Sales by Department
food auto household furniture kitchen bath
Mary 190 160 40 120 30 70
Tom 3 40 30 45 35 49
Employee Sales by Department
food auto household furniture kitchen bath
Mary 190 160 40 120 30 70
Tom 3 40 30 45 35 49

jQuery Flot Charts

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.

The plugin works with Internet Explorer 6+, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+ with the HTML canvas tag (the excanvas Javascript emulation helper is used for IE < />

More Flot Chart examples.

Nunc blandit magna eu urna

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus urna odio, tincidunt porta consectetur in, pellentesque at odio. Vestibulum interdum turpis at elit lobortis fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc blandit magna eu urna gravida sit amet semper lorem mattis.

Nulla facilisi. Morbi consectetur mattis tellus sit amet ullamcorper. Sed facilisis lacus vel arcu luctus scelerisque. Nullam congue sodales auctor. Sed vulputate lacus et felis porta porta.

Etiam egestas, ante congue

Aliquam hendrerit justo id libero vestibulum commodo. Nulla tincidunt congue justo, vitae tristique metus laoreet id. In non odio sodales enim vulputate dignissim quis eget libero. Duis ultrices facilisis ipsum, vel gravida nibh mattis quis.

Maecenas id malesuada metus. Ut suscipit tristique nulla, vel vulputate dolor ornare a. Mauris placerat metus at nunc bibendum ac feugiat nisl tincidunt.

Duis vitae dui

Aliquam fringilla tincidunt egestas. Nam laoreet erat congue lectus rutrum quis interdum sem fermentum. Nulla facilisi.

Mouse hovers at (0, 0).

Curabitur dapibus accumsan vulputate. Aliquam fringilla tincidunt egestas. Nam laoreet erat congue lectus rutrum quis interdum sem fermentum.

Morbi consectetur

Nullam congue sodales auctor. Sed vulputate lacus et felis porta porta.