Animated bar graphs and line charts

We have put up two scripts which use HTML5 functionality.

Animated bar graphs
You can have multiple bars which grow to size in animated fashion. The script allows you to control the order of graphs growing up. You can control which bars come up together and also the sequence. The script allows you to place text inside or above the bar. Besides that, standard css properties like colour etc. can be controlled for each bar. Besides that, the speed of animation can be increased or reduced. Below is the demo link and source code.

Bar graph demo | Bar graph source code

Animated line charts
This uses the HTML5 canvas tag. You can animate to start all lines simultaneously or sequentially. Every line css property like thickness and colour can be controlled. It also allows you to put text after a certain animation. Below is the demo link and source code.

Line graph demo | Line graph source code

Leave a Reply

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

*


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>