Creating Line Graphs With Pure CSS

Flash, Silverlight & JavaScript are already offering quality solutions for creating graphs. On the other hand, it is impressive to see what an be done in visualising data with CSS.

After the pure CSS data chart, Css Globe is presenting a very creative tutorial (with source codes) on creating a pure CSS line graph.

The solution creates a vertical/horizontal grid with dd & dl elements in the background. And, a smartly prepared image is used with CSS sprites technique to display the lines.

Although it looks complicated, the technique is simple yet clever & inspiring.