Infographic Charts and Graphics HTML Tags Library

This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics. It is a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all modern browsers including IE, Chrome, Firefox, Opera, Safari. To use it you do not need to know any JavaScript, as all the charts are added as HTML tags. You can follow the very straight forward documentation which also contains examples. The library allows creating: - Piecharts and doughnuts - Shape graphs – you can transform any image(PNG) into a graph - Shape bar graphs – use any image (PNG) to construct a bar chart - Line graphs - Barchart graphs Extensive easy to use documentation included. Easy customization: color scheme, size, etc. Check out the Christmas Infographic Sample

Visit the infographic javascript library project page for planned features

Change log

v 1.0.1 Jan 13, 2014 Click here to view new features examples
  • added the “label-type” attribute to piechart/doughtnut which allows representing either percentage (“percent”), value (“value”) or hiding the slice label
  • added the “label-decimals” attribute to piechart/doughnut for indicating the precision of the number displayed on each slice
  • added the “label-unit” attribute to piechart/doughnut for indicating the name of the measure unit used on each slice (eg. millions, billions, pcs, etc.)
  • added the “hole-size” attribute for doughnut charts to indicate the size of the center hole
  • added support for displaying CSV data for the line graph (eg. you can export CSV data from GoogleAnalytics and use that file as a parameter for the graph and it will display it accordingly)
  • line graph and bar graph has been adjusted to also support displaying of negative values
    • one gaming PCs
    • iPhone 6 ab 1€*