Processing.js Demos below! As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The Processing Language The first portion of the project was writing a parser to dynamically convert code written in the Processing language, to JavaScript. It works “fairly well” (in that it’s able to handle anything that the processing.org web site throws at it) but I’m sure its total scope is limited (until a proper parser is involved). The language includes a number of interesting aspects, many of which are covered in the basic demos. Note: There’s one feature of Processing that’s pretty much impossible to support: variable name overloading. The Processing API Download How to Use Demos
Dia Welcome to Dia's homepage. Dia is a GTK+ based diagram creation program for GNU/Linux, MacOS X, Unix, and Windows, and is released under the GPL license. Dia is roughly inspired by the commercial Windows program 'Visio,' though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It can load and save diagrams to a custom XML format (gzipped by default, to save space), can export diagrams to a number of formats, including EPS, SVG, XFIG, WMF and PNG, and can print diagrams (including ones that span multiple pages). Download Dia and try using it; tell us what you think of it (visit the Contact page), including to report bugs if you find them. CategoryGraphics pguso/jquery-plugin-circliful Balsamiq blog Hey friends! I gave in and finally integrated <canvas> support into JSViz, and just in time for the Safari 3 Beta (which I'm really digging so far)! Note: To render with canvas, you'll need Firefox 1.5, Safari 2.0, or Opera 9. JSViz gracefully degrades to alternative rendering platforms (SVG, HTML) when support is not present. Continue reading "Viva la Canvas" » I get lot's of e-mails from JSViz users that want to know how to integrate tooltips into their graphs. Yeah, that's super easy and everyone is always asking. So I had a moment and here it is: Continue reading "Everybody wants tooltips" » In the process of integrating vector graphics into JSViz, we developed svg2vml, a library that provides a common interface for scripting vector graphics in browsers that support either SVG or VML. The library lives in the Google Code project hosting site at Howdy friends, I've just uploaded another patch to 0.3.3. Improved SVG Rendering Performance
Home Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site.The browser downloads the web page which contains the Open Flash Chart.Open Flash Chart downloads the data file and displays the chart. When you add Open Flash Chart to your web page, you tell it where to find the data file. We also do pie charts. Why is that great? When the user downloads the web page, Open Flash Chart requests the chart data from the server. Add a bit of pizzazz to your bar charts! Is it complicated to set up? You will need to include the Open Flash Chart in your HTML, and you also need to provide the data file on the server. For a simple chart you would just drop the data.txt file on your website and point the Open Flash Chart to this URL. But what we really want is dynamic data that is pulled from a database or calculated or something. To make this a bit easier there are PHP, Perl, Python and Java classes to write the data file for you. Get started! Yes.
Wireframes Magazine Cytoscape.js This is how easy it is to get started with Cytoscape.js (this code creates the instance you see on the bottom-right: About Cytoscape.js is an open-source graph theory library written in JavaScript. Cytoscape.js allows you to easily display and manipulate rich, interactive graphs. Cytoscape.js also has graph analysis in mind: The library contains a slew of useful functions in graph theory. Cytoscape.js is an open-source project, and anyone is free to contribute. The library was developed at the Donnelly Centre at the University of Toronto. Cytoscape.js & Cytoscape Though Cytoscape.js shares its name with Cytoscape, Cytoscape.js is not Cytoscape. Cytoscape.js is a JavaScript library: It gives you a reusable graph widget that you can integrate with the rest of your webapp with your own JavaScript code. Funding Funding for Cytoscape.js and Cytoscape is provided by NRNB (U.S. ISB | UCSD | MSKCC | Pasteur | Agilent | UCSF | Unilever | Toronto | NCIBI | NRNB Architecture & API Notation Position Data
Processing.js Incremental Delaunay Triangulationby Jeonggyu Lee An interactive implementation of incremental Delaunay Triangulation algorithm. My Life Aquaticby David Leibovic, Sunah Suh A shared aquarium Source code Circle of Fifthsby Shelley Marshall Create, transpose, and change a chord progression by using the circle of fifths, and play the progression. 2011 Advent Calendarby Nikolaus Gradwohl An advent calendar built with Processing.js 3D Sketchesby Andor Salga A collection of 3D sketches by Processing.js' 3D developer PJS in CoffeeScriptby David Guttman A tutorial showing how to write Processing.js sketches in CoffeeScript, a language that is compiled into Javascript Flight of the Navigatorby The Mozilla #audio team Fight of the Navigator is a demo showcasing the power of WebGL and Audio API Pew Pewby Nightmare Retro Asteroids clone written in Processing.js Flockingby Harry Brundage The math behind flocking algorithms coaltrace.js byTrevor Bedford Evolutionary simulation. Twitter Flowby Sandro Paganotti AFL Flagsby P5Pby Fizz
MockFlow - Online Wireframe Tool Demos - JavaScript InfoVis Toolkit JavaScript InfoVis Toolkit Create Interactive Data Visualizations for the Web Home ● Download ● Builder ● Donate Area, Bar and Pie Charts Sunburst Icicle ForceDirected TreeMap SpaceTree RGraph HyperTree Advanced/Other copyright © 2013 SenchaLabs - Author: Nicolas Garcia Belmonte
prefuse | interactive information visualization toolkit Wireframing tool for rapid UI design - Try it free - by Pidoco