This is a simple bar graph we developed for a tool we’re releasing shortly for our client. The concept is simple, utilize the percentage width abilities of CSS to accurately portray a percentage bar graph.
Here's a fairly typical vertical bar graph showing a hypothetical set of quarterly data for, say, invoice and collection totals. The difference here is that the whole thing is a simple set of nested lists and CSS.
Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.
The last choice is our 'Pazin' Flash Gallery. The main difference of this choice is that it appears you don’t watch a digital gallery or slideshow, but actually have a paper photo in your hand enabling you to have a good look at each image one by one.
This is a more complex visualization, yet still following the same basic idea. Here the graph is a ‘bad’ to ‘good’ indicator with a marker that travels the length of the color scheme. A lighter bar shade also helps indicate the marker position as it travels from left to ri
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 your page
