Free CSS Graph Resources, easy to use and customiz.

Ajax MGraph

Ajax MGraph is a pure XHTML/CSS graph. It is User Interactive, runs in FireFox, IE and Opera, PHP Powered and includes easy database integration.

PlotKit

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

CSS + Javascript Bar Charts

Recently I was working on CSS + JavaScript Bar Charts. SVG is good, but it?s not cross browser so I decided to write simple chart by myself. This is only alpha and there are a lot of work to do.

Vertical Bar Graphs with CSS and PHP

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.


CSS For Bar Graphs

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.

CSS Vertical Bar Graphs

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. Really.

Displaying Percentages with CSS

In turning this part of the design into something flexible on the website I saw two options; clever CSS, or ‘Lots of Images’. I decided that Lots of Images was a bad idea…

Dynamic Pie Chart with CSS

This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries.

Real World Bar Graphs (with some CSS)

Now, running a website is a lot about following statistics, at least if you are selling advertisement space. We needed to make some nice graph pages for few biggish websites, and naturally wanted to do it in a neat way, spending little bandwidth and using simple mark up.

Leave a Comment.