Charts & Graphs: Demos, Tools & Tutorials

Charts & Graphs: Demos, Tools & Tutorials

 Animated charts by Sara Vieira via WDD

WDD has a nice tute on creating charts if you need to display some info with animation. Chart.js allows you to create stunning charts via javascript and it's simple to use.

See the chart demo in action

Go to Webdesigner Depot for the chart tutorial



 22 Useful Online Chart & Graph Generators By Kay Tan via Hongkiat

Go to Hongkiat for the full chart list

Hongkiat's article highlights some of the best web services that allow you to create various charts and graphs online on-the-fly. Most of them are easy to use and don’t you even worry about the design. Your output will be as good as what you see in the screen shots below (if function is more important than form).



PHPChart by phpChart

PhpChart is a PHP charting and graphing component for rendering interactive, data-driven and animated Ajax HTML5 charts. It does NOT require PHP GD or any other third party graphic libraries. Only 2 lines of code are needed for a working chart.

Demo 1 ~ Area Graph

Demo 2 ~ Banded LIne

Demo 3 ~ Bubble Chart

See the full list of Demos

Go to the PHPChart website.

------------ by lets you create more than 30 chart types. Anything from bubble charts and treemaps to simple pie charts.

You need to sign up for free to check it out at


Found is our way of sharing the best articles, resources and tutorials that find their way to the eyeballs of the CSSDA crew.

Go to Top