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
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
prefuse | interactive information visualization toolkit 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 Wireframing tool for rapid UI design - Try it free - by Pidoco Data Visualization Software Lab - Data visualization JavasScript library for adding interactive touch-screen driven charts and graphs to your web site (Javascript and HTML5 SDK)
Home - Pencil Project An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.0.4 which contains stability fixes and features a visual stencil builder. More details can befound in the releaste notes. Project News