You are not logged in Log in Join
You are here: Home » Members » aho » ZSVG_Graph: Generate Graphs, Charts, Diagrams using W3C Scalable Vector Graphics (SVG)
Log in
Name

Password

 
Link icon Forgot your password?
 
Print

Folder icon ZSVG_Graph: Generate Graphs, Charts, Diagrams using W3C Scalable Vector Graphics (SVG)

[Project Home ] [[5000,8000,9800,9900]">Activate Demo ]

[ Download]

Aims: Dynamic Generation of User-customizable Graphs, Charts, Diagrams

The OIO Project has had a Reporting module for at least 2 years. Many users have mentioned it would be nice if the OIO system can generate graphs from the data. Furthermore, with the addition of Workflows module, it would be helpful if the software can display diagramatic representations of the workflow.

The only graph making toolkit (that I know of) for Zope (which is what OIO runs on) has been ZGDChart. ZGDChart is quite nice but it generates an image file output. This limits interactivity after the graph or chart has been downloaded to the web-browser. It also does not draw diagrams.

When we first considered using SVG, the only browser plug-in was from Adobe. Now that Mozilla offers adequate SVG-rendering capabilities out-of-the-box, the time has come to begin using SVG in OIO.

ZSVG_Graph

SVG is quite easy to use but requires a graph-making API to really make it into a convenient graphing toolkit. So, this is what I have cobbled together - a very limited beginning but already quite useful for our needs. Since ZSVG_Graph may be useful even without the rest of the OIO system, I decided to release it as a stand-alone product after initially including it in the OIO snapshot release on August 15, 2003.

  • Just like the OIO software, ZSVG_Graph is being distributed under the terms of the GPL: Gnu General Public License.
  • We started with "2D horizontal bar graph" and "2D horizontal line graph". If you are able to come up with other graph_style(s), we will gladly add your graph_style to the library. :-)
  • Please play with ZSVG_Graph hosted on our server by clicking the Demo link above. If you think it is promising, download and use it. If you know of something that works better, please send me an email with your suggestion. You can reach me at the email address below or through the open-outcomes-general mailing list.

    About Scalable Vector Graphics (SVG)

    Briefly, SVG is a W3C "recommendation" (=standard) for describing graphics in XML. Recent Mozilla web-browser releases directly support rendering of SVG graphics in the web-browser without need to install any browser Plug-in. For other browsers, Plug-in [Adobe] is available for those using Microsoft and Mac OS. KDE Konqueror [KSVG] also should have SVG rendering capability in the near future.

  • For some examples of SVG, a nice gallery is available from the Mozilla SVG page.
  • Steve Bown also put up a good collection of SVG examples.
  • W3C has a test suite for SVG, which reveals the limitations of the currently available implementations.

     Title   Type   Size   Modified   Status 
     2D Bar Horizontal Edit object Image 19 K 2005-01-20 published
     2D Bar Vertical Edit object Image 20 K 2005-01-20 published
     2D Line Horizontal Edit object Image 22 K 2005-01-20 published
     2D Line Vertical Edit object Image 23 K 2005-01-20 published
     2D Pie Edit object Image 29 K 2005-01-20 published
     3D Bar Horizontal Edit object Image 25 K 2005-01-20 published
     3D Bar Vertical Edit object Image 25 K 2005-01-20 published
     ZSVG_Graph Edit object Software Release   2003-08-24 published
     ZSVG_Graph_1.0.1 Edit object Software Release   2003-09-08 published
     zsvg_graph_logo Edit object Image 14 K 2003-08-24 published
     zsvg_graph_logo2 Edit object Image 15 K 2003-08-24 published
    • Copyright (c) 2011 Zope Foundation. All rights reserved. Legal | Contact
    If you can read this text, it means you are not experiencing the Plone design at its best. Plone makes heavy use of CSS, which means it is accessible to any internet browser, but the design needs a standards-compliant browser to look like we intended it. Just so you know ;)