Create Beautiful Small Inline Charts – jQuery Sparklines

A jQuery plugin to generate beautiful sparklines inline charts directly in the browser using the data supplied inline in the HTML, or via javascript.

Supported Chart Types

• Line Chart
• Bar Chart
• Tristate Chart
• Discrete Chart
• Bullet Graph
• Pie Chart
• Box Plot

Hidden Sparklines

If you try to display a sparkline in a tag that’s currently not visible (ie. the tag or one of its parents are set to display:none) then you’ll find that the sparkline hasn’t been rendered when you finally make the tag visisble. This is because a hidden tag has no size so we can’t detect the area to draw on.

The solution is to call the $.sparkline_display_visible() function anytime a sparkline may have become visible so that it can be correctly rendered. This is the technique this site uses to handle the sparklines that are hidden in the different tabbed sections.

Compatibility: All major browsers

Requirements: jQuery Framework

Website: http://www.omnipotent.net/jquery.sparkline/