Home / Premium Pro Plugins / Infographic Charts and Graphics HTML Tags Library

Infographic Charts and Graphics HTML Tags Library

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


This tradition JS charting library created by PSDDude from zero implements customized HTML tags which permit creating charts and graphs for infographics.

It’s a lightweight, pure JavaScript charting library (NO jQuery or different libraries required) which makes use of HTML5 applied sciences and works on all fashionable browsers together with IE, Chrome, Firefox, Opera, Safari.

To make use of it you do not want to know any JavaScript, as all of the charts are added as HTML tags. You may observe the very straight ahead infographic library documentation which additionally accommodates examples.

The library permits creating:
– Piecharts and doughnuts
– Form graphs – you possibly can rework any picture(PNG) right into a graph
– Form bar graphs – use any picture (PNG) to assemble a bar chart
– Line graphs
– Barchart graphs

In depth straightforward to make use of documentation included.

Straightforward customization: coloration scheme, measurement, and so forth.

BONUS:FREE WordPress Charts and Graphs plugin for including infographics to your posts and pages

Take a look at the Christmas Infographic Pattern

Go to the infographic javascript library challenge web page for deliberate options

Change log

v 1.zero.three Jul 17, 2014

  • charts at the moment are ; use % for width and the charts measurement shall be adjusted based on the dimensions of the ingredient the place inside which it’s positioned and it’ll additionally resize with the window;
  • for piechart and doughnut charts added the attribute “start-angle” to point the place to begin at which the slices shall be drawn; this attribute is in levels (from zero to 360 however it may be any quantity even destructive);
  • for piechart and doughnut chart if just one slice worth is used it will likely be handled as a share worth; you may also use it as a price if the attribute “label-type” is about as “worth” – set the newly added attribute “base-value” as a calculation base for displaying the chart (eg. if the slice worth is 50, the “label-type” is about as “worth” and the “base-value” is about to 200, the chart will show a slice 50 / 200 = 25%)

v 1.zero.2 Apr 9, 2014

  • for line graph added the “x-axis-labels” attribute to point if the graph ought to show labels on the X-axis
  • bar graphs can now be configured to show as stacked bar graphs by setting the “bar-type” attribute to “stacked”
  • for piechart/doughnut added the “padding” attribute to point the area between the outer circumference of the chart and the bounding field of the chart
  • for piechart/doughnut added the “highlight-mode” attribute to point tips on how to spotlight slices on mouse-over; the spotlight will be “default” for coloration spotlight solely, “pop” for highlighting by coming out the slice and “border” for highlighting by including an exterior border across the slice
  • for piechart/doughnut added the “highlight-size” attribute which works at the side of the “highlight-mode” attribute to point the dimensions of the coming out impact for “pop” and the width of the border for “border” spotlight mode

v 1.zero.1 Jan 13, 2014
Click on right here to view new options examples

  • added the “label-type” attribute to piechart/doughtnut which permits representing both share (“%”), worth (“worth”) or hiding the slice label
  • added the “label-decimals” attribute to piechart/doughnut for indicating the precision of the quantity displayed on every slice
  • added the “label-unit” attribute to piechart/doughnut for indicating the identify of the measure unit used on every slice (eg. hundreds of thousands, billions, pcs, and so forth.)
  • added the “hole-size” attribute for doughnut charts to point the dimensions of the middle gap
  • added help for displaying CSV information for the road graph (eg. you possibly can export CSV information from GoogleAnalytics and use that file as a parameter for the graph and it’ll show it accordingly)
  • line graph and bar graph has been adjusted to additionally help displaying of destructive values


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...