16 Usable CSS Graph and Bar Chart Tutorials and Techniques

Have you ever even tried to create your own CSS graph? If you have, you will know how hard it is. Using Flash is one way to go, but you just can’t beat a beautifully crafted CSS Graph. Have a look at these tutorials and techniques.

PHP and CSS- A Simple Graph

Usable CSS Graph Tutorials and Techniques

Link : PHP and CSS- A Simple Graph.
Tagline : Here’s an easy way to display a simple percentage graph using PHP to work out the percentages and do the maths and CSS to display the data on our page.
Demo : View the demo.

Continue reading

Free Pure CSS line graphs

I often think about ways to visualize data using pure css. A while ago I wrote an article about pure css bar graphs, but what puzzled me lately was a solution for doing line graphs using nothing but css.
Many will not see much sense in this technique, specially when we have so much JavaScript (or even Flash) based line graph scripts.

My intention was not only to enable data visualization to people that don’t feel comfortable with using various scripting languages but also to demonstrate the power of css and present a way of using css a bit differently. If you are not a fan of line graphs and data visualization in general, you may still read this article and think of it as css experiment and perhaps learn a thing or two about css sprites and positioning.

pure css line graph Continue reading

Best Flash Stock Chart's, Line & Area, Pie & Donut, Column & Bar, Scatter (XY) & Bubble chart

Best Flash Stock Chart’s, Line & Area, Pie & Donut, Column & Bar, Scatter (XY) & Bubble chart

Stock Chart’s main purpose is to display financial charts. However, it can also be used for visualizing any date-based data. Line, column, candlestick, OHLC, step line and area – all these types of charts can be displayed with this application. The features include a very comfortable scrollbar, data grouping into longer periods, displaying of data at irregular intervals, etc.
Continue reading