Category Archives: infographic

Bret Victor and the visual comunication of science.

Not long ago, I came across a very nice simulation that described very well Why do buses bunch? That simulation belonged to the project Setosa, which main objective is to promote the visual communication of science.

Following that trend, I discovered another programmer that is also producing some very nice simulations. Its name? Bret Victor.

bret victor“purveyor of impossible dreams”

If you explore Bret’s webpage, you will find interesting exploration/simulation programs. Like the road bending simulation.

In this simulation there is a self-driving car that has to stay on the road despite a turn in the road. The parameters you can play with are the angle at which the road bends and how big is the angle the car uses for correction when it detects that is not over the road.

road bendsBut most important, you will discover some good talks and videos about the importance of good communication and how the new technologies can give us the power to effectively communicate our ideas or our results.

Ok. If you have read this far, probably you want to try something yourself.

The JavaScript library that Bret refers to is called d3. You can download d3 and see examples here.

For instance… Conway’s game of life.

conwayor a collision detector.

collisionOr…. visualize the stock exchange market.

stock

By the way, if you need to refresh JavaScript o need some SVG to combine with d3… the best place for learning is the w3schools.

Why do buses bunch?

Have you ever been waiting too long for a bus and suddenly two buses appear?

Do you ask yourself why it happens?

Setosa makes possible to understand this and more other things by visual explanations.

setosa

Going back to the buses, here is a very simple simulation that lets you play with 2 buses doing the same route.

city bus

As you can see from playing around, it is quite easy to destabilize the system but difficult to bring it back to the situation with regular buses. One way of going back to normal is if the second bus stops and waits for the other buss to be quite ahead.

If you like it, then explore other visual explanations.

setosa2