Not 1 but 146 demos today. John Resig, JavaScript guru and founder of the awesome jQuery library has ported the Processing visualization language to JavaScript, using the canvas element. With help from Casey Reas and Ben Fry they have created a lot of different demos using the library.



If you wish to only use the Processing API (not the language) you can interact with it like so:

var p = Processing(CanvasElement);
p.size(100, 100);
p.ellipse(50, 50, 50, 50);

To use the full power of the language, you would pass in your Processing code as the second argument.

Processing(CanvasElement, "size(100, 100); background(0);" +
"fill(255); ellipse(50, 50, 50, 50);");

As for demos of the tool, there are 91 basic demos; 51 larger, topical, demos and 4 custom “in the wild” demos.

View the Processing tool


John Resig
Posted on:
April 5th, 2009
Posted by:
Andi Smith



Your Rating:
1 Star2 Stars3 Stars4 Stars5 Stars

Works on

BETA Please let us know if you find Processing.js works in other browsers by leaving a comment below.


Jason Boyd

Just to note, several demos work just fine in Firefox 3.6 running on WinXP. The ball dropping demo works well, for instance.

Posted on April 30, 2010


Exhibition worked just fine in Chrome (am running version 6.0.472.55)
…couple of the demos didn’t though.

Posted on October 8, 2010

kredyt bank opinie

I run my own blogand I came here by mistake. I read your entries and I found that they’re super! I want to use them on my blog. I want do that without your permission, so say yes. I’m greeting warmly.

Posted on June 23, 2011


All your demos (randomly selected) do work in IE 9. Great framework!

Posted on July 23, 2011

na czym polega leasing samochodowy

Just desire to say your article is as astonishing.

The clarity on your put up is just spectacular and that i can think you
are an expert in this subject. Well with your permission let me to take hold of your RSS feed to keep updated with impending
post. Thanks one million and please continue the rewarding

Posted on March 1, 2014

medycyna sadowa

Hi there! Quick question that’s entirely off topic.
Do you know how to make your site mobile friendly? My blog looks
weird when viewing from my iphone. I’m trying to find a theme or plugin that might be able
to fix this issue. If you have any suggestions, please share.

Posted on May 9, 2014

leasing samochodowy wikipedia

Even if you have bad credit histories, you can still have the chance to drive a car.
This includes the ability to choose the type of car that suits your
varied needs. Whether it’s a business or personal car leasing, throughout the
duration of your contract hire, we make it as simple and as straight forward
as you want it.

Posted on November 24, 2014

rower elektryczny 1000w

If you don’t love research – or at least like it a
lot – you can be sure of many miserable days ahead. To put
it in perceptive imagine starting your lawn mower when the temperature drops.

However one thing should be taken into consideration that this type of motor must not be used with
the machines that contain inflammable and corrosive gas.
The four-cylinder engine been inflicted by secondary moaning, within three-cylinder
set up on the K75 has been far better. The present circuit of the dc to dc cell phone charger is particularly designed to be used in conjunction with a 12
volt automobile battery, or alternatively it can be permanently installed in your
car or motor bike as an emergency cell phone charger.
Treadmills that are among the popularly used exercise machines today, were once used as power sources to lift buckets of water and to power grain mills.

Posted on February 8, 2015

leasing do przejęcia

Copy any paperwork the leasing company offers you and put the
originals away in a protected place, add the copies to the book.

Posted on February 22, 2015

BZWBK leasing oraz Getin leasing zezwala na kupno nowego osobowego lub ciężarowego
samochodu do 3,five t wartości nieprzekraczającej 120 tysięcy zł netto.

Posted on February 26, 2015

Add comment

(will not be published)