Tag Archives: interactive

More Than a Straight Line This Time

When I last posted on my work with Ben Fry’s excellent book Visualizing Data, I posted all of two drawings, both of which were made with straight lines. Well, Chapter 3, “Mapping,” does a heck of a lot more than that. It took me two days to get through this chapter (as opposed to 1:48 — I timed it — for Chapter 2). It was working on an interactive map of the US. Anyhow, the gallery above contains the many version of the sketches I did while following along with the examples. The still photos do not demonstrate the interactive, changing nature of several of these sketches, I’ve embedded a YouTube video below:

In the meantime, I think I need to go back to Daniel Shiffman’s fabulous book Learning Processing to get up to speed on some of the intermediate stuff first.


  • Visualizing Data, Ch. 3: Mapping (17 exercises)
Tagged , , , , , , ,

Processing & Baba Yaga: Part 5

This time, the chicken legs move if you use the live version in OpenProcessing.org: a, s, d control the left leg; j, k, l control the right. Here’s a picture of part of the code:

And here are two versions of the result:

And there you have it. Baba’s hut is doing The Chicken Dance.

Tagged , , , , , ,

Processing & Baba Yaga: Part 3

The third installment in the Baba Yaga series involves interaction. That is, the hut follows the mouse (with some delay built in), it gets taller if the left mouse button is pressed, shorter if the right button is pressed, and, if any key on the keyboard is pressed, there’s a special, secret surprise! (Well, not so secret because I’ll show it to you below.) I also think it has much cuter graphics. You can try the interactive version at OpenProcessing.org by clicking here.

Here’s the code:

And here’s a still shot of the Nickelodeon-style house:

And the special, secret surprise that you get when you press a key:

Whee!! Fun!!

Tagged , , , , , , ,