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

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.

Underscore.js Raphaël—JavaScript Library The Nature of Code prefuse | interactive information visualization toolkit CoffeeScript The 1Kb CSS Grid, Part 2 Tyler builds websites and web apps for Vyre in London. In Part 1 we covered how to setup a lightweight CSS grid. I promised that this same grid could streamline the way page templates are used in content management. One is better than two Every content management system is driven by templates. But imagine a website that has two distinct layouts: one layout for the homepage, a second layout for all the other pages of the site. Now, two templates are manageable. The solution Fortunately, the tidy rows of our CSS grid can be used to reduce the number of page templates required. First, lets add an ID to the body tag to indicate the current page. body id="home" body id="subpage" Second, lets add an additional class to each row of our grid that describes the columns within. Now for the important bit. Fresh out of the oven We now have all the necessary ingredients to facilitate different layouts on different pages from a single template. The disclaimer I should leave you with a few words of caution.

(1) Processing pguso/jquery-plugin-circliful