List of CSS Bar Graph & Diagram Techniques
Posted By Jürgen Koller On 9. April 2007 @ 10:54 In Resources,Scripts etc.,Webnews, Sites | 7 Comments
Manchmal benötigt man verschiedenartige Diagramme für die Darstellung bestimmter Statistiken. Meistens macht man dazu mit irgendeinem Programm ein Bild, das man dann im Web veröffentlicht. Ändern sich diese Daten, muss man aber natürlich wieder zuerst das Bild neu abspeichern und neu veröffentlichen - ein Vorgang der oft sehr mühsam sein kann. Um auf das Bild verzichten zu können, gibt es diverse CSS Techniken mit denen man auch relativ einfach wunderbare Diagramme erstellen kann, die dann einfacher zu warten sind.
Hier eine Auflistung diverser Techniken
- CSS for Bar Graphs [1]
- Dynamic Pie Charts with CSS [2]
- Vertical Bar Graphs with CSS and PHP [3]
- AjaxMGraph [4] [Ajax,PHP+CSS based Graphs using Prototype]
- CSS + Javascript Bar Charts [5] [with Bar animation! Example [6]]
- Plotkit - Javascript Chart Plotting [7] [Javascript Library for awesome Charts]
- CSS Diagrams [8]
- Real World Bar Graphs with some CSS [9] [Example [10]]
- Creating a graph using percentage background images [11]
- Super simple css bars [12]
- Displaying Percentages with CSS [13]
- Gliffy [14] [online tool for making diagrams]
- Ajaxio [15] [ajax diagram maker demo]
- Emprise JavaScript Charts [16] [Amazing Javascript Charts!]
Article printed from Kollermedia.at: http://www.kollermedia.at
URL to article: http://www.kollermedia.at/archive/2007/04/09/list-of-css-bar-graph-diagram-techniques/
URLs in this post:
[1] CSS for Bar Graphs: http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55
[2] Dynamic Pie Charts with CSS: http://petewilliamsagency.com/css/examples/pie/
[3] Vertical Bar Graphs with CSS and PHP: http://www.terrill.ca/design/vertical_bar_graphs/
[4] AjaxMGraph: http://dragan.yourtree.org/blog/en/2007/03/31/ajax-mgraph/
[5] CSS + Javascript Bar Charts: http://phpvoid.com/2007/03/26/css-javascript-bar-charts/
[6] Example: http://phpvoid.com/demos/charts/demo.html
[7] Plotkit - Javascript Chart Plotting: http://www.liquidx.net/plotkit/
[8] CSS Diagrams: http://www.surfare.net/~toolman/temp/diagram.html
[9] Real World Bar Graphs with some CSS: http://www.khmerang.com/index.php?p=118
[10] Example: http://www.khmerang.com/csslab/bargraphs/bargraph2.html
[11] Creating a graph using percentage background images: http://www.maxdesign.com.au/presentation/percentage/
[12] Super simple css bars: http://blog.leetsoft.com/2006/8/22/super-simple-css-bars
[13] Displaying Percentages with CSS: http://www.barenakedapp.com/the-design/displaying-percentages
[14] Gliffy: http://gliffy.com/
[15] Ajaxio: http://jameslab.moveable.com/ajaxio/
[16] Emprise JavaScript Charts: http://www.ejschart.com/
Click here to print.