Charts and Graph Tags Infographic Library v1.0.1 Preview

The Infographic Charts and Graph Tags library developed by coding-dude.com (hey, that’s me) kicked as quite a success. I’ve received very positive feedback from the users and also a few very interesting feature requests. Therefore I decided to include these feature requests and release it as version 1.0.1. This version has just been submitted and can be downloaded here.

In this post I would like to show to you some of the new features added to version 1.0.1.

Piechart and doughnut changes

  • 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


Data 1
Data 2
Data 3


Data 1
Data 2
Data 3
Data 4
Data 5

Line graph with CSV support

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). The following line graph is using a CSV export from Google Analytics you can see the file here.

Visits vs. Unique Visitors Line Chart (CSV Source)

line graph csv source

Line graph and bar chart graph support for negative values

Line graph and bar graph has been adjusted to also support displaying of negative values.

Temperature Avg. Line Chart

JanFebMarAprJunJulAugSepOctNovDec

Shape graph with radial fill

Shape graph now supports extra type “radial” which creates radial fill for the shape

So, don’t forget, if you want to download this infographic library

John Negoita

View posts by John Negoita
I'm a Java programmer, been into programming since 1999 and having tons of fun with it.

7 Comments

  1. Manish kumarAugust 12, 2014

    plz send me .zip link of this temp

    Reply
  2. SebaNovember 14, 2014

    I can use this with access database, sql database, csv or any other datasource?

    Thanks

    Reply
    1. John NegoitaFebruary 16, 2015

      Yes you can, and the infographic library has native support for CSV without needing a server side component.

      Reply
  3. Norm FletcherAugust 26, 2019

    John – Looking to make a graph along the lines on this page . I don’t think the package on Code Canyon will be enough. Perhaps I can hire you to build something like it (needs to run on a WP site). Let me know – thanks.

    Reply
    1. John NegoitaNovember 6, 2019

      sure, this is possible using the WordPress plugin for charts and graphs

      Reply
  4. Brian HillMarch 13, 2020

    I’m using Infographic library. Using a bar graph. The scale numbers on the left of the grid are 1/2 covered by the first bar in the bar graph. How can I fix this?

    Second question:
    Is it possible to make the graph elements (bars, pie slices, etc.) clickable? I would like to display a detail page when an element is clicked.

    Thanks for your help.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top