Charts

  2. UI Elements
  3. Charts

Flot Charts

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Basic Chart

You don't have to do much to get an attractive plot. Create a placeholder, make sure it has dimensions (so Flot knows at what size to draw the plot), then call the plot function with your data.

Real-Time Chart

You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.

Bars Chart

With the categories plugin you can plot categories/textual data easily.

Pie Chart

Default Pie Chart

Morris Charts

Good-looking charts shouldn't be difficult.

Line Chart

A style of chart that is created by connecting a series of data points together with a line.

Donut Chart

Donut Chart are functionally identical to pie charts.

Bar Chart

A bar chart is a way of summarizing a set of categorical data.

Stacked Chart

Stacked Bar Chart.

Area Chart

An area chart or area graph displays graphically quantitive data.

Circular Charts

Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values.

Easy Pie Chart

Lightweight jQuery plugin to render and animate nice pie charts with the HTML5 canvas element.

Design
HTML

Gauge Charts

Animated Gauge Charts

Gauge

100% native and cool looking animated JavaScript/CoffeScript gauge.

Design
HTML

Liquid Charts

Adds animated liquid charts.

Liquid Meter

Exclusive Plug-in by Okler Themes

Small Inline Charts

Adds tiny charts called sparklines.

Sparklines

This jQuery plugin generates sparklines (small inline charts).

1567.89
5000
1567.89
1567.89
1567.89
1567.89