Login   Register  

JQuery Simple Chart: jQuery plugin to display bar charts with HTML DIVs

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Robert Haddad
Name: Robert Haddad <contact>
Classes: 2 packages by
Country: Jordan Jordan
Age: 34
All time rank: 751 in Jordan Jordan
Week rank: 30 Up1 in Jordan Jordan Equal
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This is a jQuery plugin to display bar charts with HTML DIVs.

It can render a bar chart displaying different DIVs elements in given colors of calculated widths and heights to represent each bar in the chart.

The plugin can render a axis in given colors and use background images behind the chart bars to show a grid.

The colors of axis lines and the titles of the chart and bars are configurable parameters.

  Classes of Robert Haddad  >  JQuery Simple Chart  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: JQuery Simple Chart
Base name: jquery-simple-chart
Description: jQuery plugin to display bar charts with HTML DIVs
Version: 1.0.0
JavaScript version: 1.0
License: MIT/X Consortium License
All time users: 207 users
All time rank: 193
Week users: 1 user
Week rank: 39 Up
  Groups   Rate classes User ratings   Applications   Files Files  

Group folder image jQuery Components that extend the jQuery framework View top rated classes
Group folder image Graphics Colors, images, charts and picture formats View top rated classes

  Innovation Award  
JavaScript Programming Innovation award winner
April 2014

Prize: One year Codenvy Developer hosted cloud IDE premium plan
One simple way to render bars in HTML pages is to set the background color of a DIV element and adjust its width and height.

This jQuery plugin uses this approach to display bar charts using only DIV elements instead of canvas objects.

Manuel Lemos

  User ratings  
Not enough user ratings

  Applications that use this package  
No pages of applications that use this class were specified.
Add link image If you know an application of this package, send a message to the author to add a link here.
  Files folder image Files  
File Role Description
Files folder imageimages (2 files)
Files folder imagejs (1 file)
Accessible without login Plain text file demo.html Example Demo
Accessible without login Plain text file LICENSE Lic. Auxiliary data
Accessible without login Plain text file README.md Doc. Auxiliary data
Accessible without login Plain text file SimpleChart.jquery.json Data Auxiliary data

  Files folder image Files  /  images  
File Role Description
  Accessible without login Image file monthly_grid.png Icon Icon image
  Accessible without login Image file weekly_grid.png Icon Icon image

  Files folder image Files  /  js  
File Role Description
  Plain text file jquery.SimpleChart.js Class Class source

Install with Composer Install with Composer - Download Download all files: jquery-simple-chart.tar.gz jquery-simple-chart.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.