Live Coding Implemented

Posted to Coding  |  Tags: , , ,  |  Nathan Yau

Remember Bret Victor’s live coding 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.

Also, check out Daniel Hooper’s interactive JavaScript editor, CodeBook. It’s the same idea but a slightly different implementation.

[via Waxy]

2 Comments

Favorites

A Day in the Life of Americans

I wanted to see how daily patterns emerge at the individual level and how a person’s entire day plays out. So I simulated 1,000 of them.

Real Chart Rules to Follow

There are rules—usually for specific chart types meant to be read in a specific way—that you shouldn’t break. When they are, everyone loses. This is that small handful.

Famous Movie Quotes as Charts

In celebration of their 100-year anniversary, the American Film Institute selected the 100 most memorable quotes from American cinema, and …

How We Spend Our Money, a Breakdown

We know spending changes when you have more money. Here’s by how much.