A jQuery horizontal bar chart with Bootstrap: hBarChart

jQuery horizontal chart custom

The horizontal bar chart plug-in for jQuery For creating the horizontal bar chart plug-in, you may use a jQuery solution hBarChart. This solution requires using the HTML lists where each <li> represents a bar. The plug-in can be initiated by a single line of code or use the available options for customizing e.g. color of … Read more

4 Demos of jQuery Circle Statistics/Chart based on SVG (no images)

jQuery circle data attributes

The jquery-plugin-circliful for creating circle data presentation The circliful enables creating the SVG based circles for statistical information on web pages. It uses font-awesome icons that allow adding icons to make statistical circles even more descriptive. No images are used, so it is light weight with many options that can be set by using jQuery or … Read more

3 Demos of animated bar filling for progress or charts by jQuery: barfiller

jQuery animated bar color

Create animated progress bar by barfiller plug-in The barfiller plug-in can be used for creating the animated bar fillings for the progress bar or horizontal bar charts. You just provide the percentage value in the data-percentage attribute and it will fill the bar accordingly. The bars can be customized for color by using the provided … Read more

jQuery line and donut chart plug-in with 2 live demos

jquery line chart

The KlondikeChart plug-in The jQuery-based KlondikeChart plug-in can be used for creating the line and donut charts on your website. This is a light-weight plug-in that requires adding a script file after the jQuery reference. You also need to include the jCanvas plug-in in the <head> section of the website. See the demo and code in … Read more

jQuery Bar Chart/graph Plug-in: 2 Demos

jquery bar graph custom

The bar graph plug-in The jquery-graph is a simple-to-use jQuery plug-in for creating bar graphs On your website. It simply requires adding the plug-in JS file, CSS file and using a few attributes in the HTML table as shown in the live examples below. The plug-in can be downloaded from the Github website here or … Read more

A responsive Bootstrap column chart: 3 demos

Bootstrap vertical chart colors

The column chart Presenting information in a graphical format like bar charts, columns etc. is always eye catching and says many words than lots of textual information. In this tutorial, I am going to show you a columns chart that is based on Bootstrap and jQuery. The jQuery part is just a few lines of code … Read more