graphics

< javascript < programming <
TwitterFacebook
Get flash to fully experience Pearltrees
http://www.graphviz.org/

Graphviz

Graphviz is open source graph visualization software. Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. It has important applications in networking, bioinformatics, software engineering, database and web design, machine learning, and in visual interfaces for other technical domains. Features The Graphviz layout programs take descriptions of graphs in a simple text language, and make diagrams in useful formats, such as images and SVG for web pages, PDF or Postscript for inclusion in other documents; or display in an interactive graph browser.
http://flare.prefuse.org/ Flare is open-source software released under a BSD license , meaning it can be freely deployed and modified (and even sold for $$). Flare's design was adapted from its predecessor prefuse , a visualization toolkit for Java. 2010.01.29 : Flare was used to help ABC News' Good Morning America show that George Stephanopoulos may be related to Hillary Clinton (go to 4:48 in the video).

Flare

Protovis

http://mbostock.github.com/protovis/ Protovis is no longer under active development. The final release of Protovis was v3.3.1 (4.7 MB) . The Protovis team is now developing a new visualization library, D3.js , with improved support for animation and interaction. D3 builds on many of the concepts in Protovis; for more details, please read the introduction and browse the examples .
Processing.js 1.3.6 released! Processing.js 1.3.6 is a maintenance release for 1.3.5. We've fixed a 3D mode regression, where any non-square sketch would be stretched. Head over to the blog post on this release to see the full list of what has been updated... right after you head over to the download section to grab your copy of Processing.js! http://processingjs.org/

Processing.js

http://raphaeljs.com/

Raphael

// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );