Home CodeCanyon Infographic Charts and Graphics HTML Tags Library nulled

Infographic Charts and Graphics HTML Tags Library nulled

by admin

Infographic Charts and Graphics HTML Tags Library nulled

Demo


demo button

Description

This custom JS charting library created by PSDDude from 0 implements custom HTML tags which allow creating charts and graphs for infographics.

It is light-weight, pure JavaScript charting library (NO jQuery or different libraries required) which make use of HTML5 technologies and works on all çağıl browsers including IE, Chrome, Firefox, Opera, Safari.

To use it you donot need to know any JavaScript, as all the charts are added as HTML tags. U can follow the very straight forward infographic library documentation which also contains examples.

The library allows creating: – Piecharts and doughnuts – Shape graphs – u 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, ….

BONUS:
FREE WordPress Charts and Graphs plugin for adding infographics to your posts and pages. Did you know that u can manually insert HTML bar charts in your WordPress posts and pages?

Check out the infographic javascript library project page for planned feature

Change log

v 1.0.6 Dec 30, 2018

  • fixed sorun with legend display

v 1.0.5 Mar 3, 2018

  • line chart can now display values for points. use point-text-* attribute to configure how the point values are displayed

v 1.0.4 May 1, 2015

  • bar chart new attribute “max-value” – sets the maximum range of grid; default is 0 which mean that the actual maximum value of data series determines the range of grid;
  • bar chart new attribute “bar-labels” can be true or false – determines even though to draw labels for each bar; default is false;
  • for line charts u can specify individual point sizes through a new attribute on the “infographic-point” element named “point-size”; by default the “point-size” value of “infographic-line” is taken into account
  • for bar charts it is now possible to add marker image for each bar through the attribute “marker” set on the “infographic-bar” tag

v 1.0.3 Jul 17, 2014

  • charts are now responsive; use % for width and the charts size will be adjusted according to size of element where inside which it is placed and it will also resize with this window;
  • for piechart and doughnut charts added the attribute “start-angle” to indicate the starting point at which the slices will be drawn; this attribute is in degrees (from 0 to 360 but it can be any number even negative);
  • for piechart and doughnut chart if only 1 slice value is used it will be treated as percentage value; u can also use it as value if the attribute “label-type” is set as “value” – set the newly added attribute “base-value” as calculation base for displaying the chart (eg. if the slice value is 50, the “label-type” is set as “value” and the “base-value” is set to 200, the chart will display a slice 50 / 200 = 25%)

v 1.0.2 Apr 9, 2014

  • for line graph added the “x-axis-labels” attribute to indicate if the graph should display labels on the X-axis
  • bar graphs can now be configured to display as stacked bar graphs by setting the “bar-type” attribute to “stacked”
  • for piechart/doughnut added the “padding” attribute to indicate the space between the outer circumference of chart and the bounding box of chart
  • for piechart/doughnut added the “highlight-mode” attribute to indicate how to highlight slices on mouse-over; the highlight can be “default” for color highlight only, “pop” for highlighting by popping out the slice and “border” for highlighting by adding an exterior border around the slice
  • for piechart/doughnut added the “highlight-size” attribute which works in conjunction with this “highlight-mode” attribute to indicate the size of popping out effect for “pop” and the width of border for “border” highlight mode

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 number displayed on each slice
  • added the “label-unit” attribute to piechart/doughnut for indicating the name of measure unit used on each slice (eg. millions, billions, pcs, ….)
  • added the “hole-size” attribute for doughnut charts to indicate the size of center hole
  • added support for displaying CSV data for the line graph (eg. u can export CSV data from GoogleAnalytics and use that file as parameter for the graph and it will display it accordingly)
  • line graph and bar graph özgü been adjusted to also support displaying of negative values

Author of Infographic Charts and Graphics HTML Tags Library nulled

https://codecanyon.net/user/psddude

Download Infographic Charts and Graphics HTML Tags Library nulled


download now button red

Related Articles