Live Coding Implemented

Mar 19, 2012

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

Pizza Place Geography

Most of the major pizza chains are within a 5-mile …

The Best Data Visualization Projects of 2014

It’s always tough to pick my favorite visualization projects. Nevertheless, I gave it a go.

Causes of Death

There are many ways to die. Cancer. Infection. Mental. External. This is how different groups of people died over the past 10 years, visualized by age.

Where Bars Outnumber Grocery Stores

A closer look at the age old question of where there are more bars than grocery stores, and vice versa.