Remember Bret Victor’s talk from last month? He presented an example where he would edit code on one side, and the corresponding visual would automatically update on the other side. It was instant feedback that could help in learning code.

Gabriel Florit implemented the idea with D3 , and it’s called water.

Edit on the right and the diagram updates on the left.

Try clicking on a number and then holding down the Alt key (or option on the Mac) for slider goodness.

9569d78c8525x453.png 450x326 Live Coding Implemented

The rest is here:

Live Coding Implemented