Learn How To Create Data Charts With Pure CSS

Data charts are usually achieved with the help of Flash, Silverlight or Javascript.
In this clever tutorial from CSS globe you will not use any form of javascript or backend application. All you will rely on is well formed CSS and markup.

So, the goal is to present data chart. We could say that a chart is a two dimensional object. So, the best structural and semantical choice is definition list. Why? Well, for starter, it is a list of items. Although the list is linear, we could interpret definition titles (dt elements) as items on x axis and definition descriptions (dd elements) as values on y axis.

Check out he whole article!

Website: http://cssglobe.com/post/4175/pure-css-line-graph
Demo: http://cssglobe.com/lab/csslinegraph/

Tags: CSS, Data Charts