Substrate Watercolor (Jared Tarbell)

Another port of Processing code to JavaScript from the work by Jared Tarbell. This one is a good example of visualizing a system with emerging properties. The rules it follows can be summarized to: paint "cracks" that grow in straight lines, when the crack reaches a border, stop and start new cracks somehwere else. The results are rich in complexity. See Tarbell`s original code.
Substrate Watercolor (Jared Tarbell)

Empathy (Kyle McDonald)

I found McDonald's work to be unique in the way that a simple interaction seem to create a tactile experience. At the same time, the abstract render suggests to me a responsive simulation of a living system with "emotions". As the title suggests, he was aiming for "empathy". To learn how he did this, I translated the code he originally created on Processing into JavScript. All credits go to Kyle McDonald. See the original source code and more of his work at kylemcdonald.net
Empathy (Kyle McDonald)

Flock B

Flock with rotating figure, testing drawings with depth and WebGL renderer.
Flock B

Monitor Info

Application to quickly visualize the frequency and total victims in the data-sets from Monitor.
Monitor Info

Defunciones

Quick sketch mapping violence (yearly homicides in Colombia) data with animation sprites.
Defunciones

Pulse Analysis C

Visualization to aid the parsing, cleaning and analysis of pulse data. Variation C.
Pulse Analysis C

Pulse Analysis B

Visualization to aid the parsing, cleaning and analysis of pulse data. Variation B.
Pulse Analysis B

Guts (Jared Tarbell)

A translation of Jared Tarbell's "Guts" from Processing to JavaScript. See original source code, or more of Tarbell's work at complexification.net.
Guts (Jared Tarbell)

Flock A

Flock of birds that fly towards geolocation of seismic data in Colombia. Experimenting with hand drawn sprites and particle system (1555, 1 per victim of terrorist attacks in Colombia from 1988-2012 based on CMH).
Flock A

Bubble Chamber (Jared Tarbell)

A translation of Jared Tarbell's "Bubble Chamber" from Processing to JavaScript. See his source code here.
Bubble Chamber (Jared Tarbell)

Earthquakes Path

Dynamic rendering of seismic data over a Colombian map. The drawing decisions are made depending on the locations and dates of the seismic events.
Earthquakes Path

Pulsescape Waves

Pulse as waves
Pulsescape Waves

Binary Ring (Jared Tarbell)

A translation of Jared Tarbell's hypnotic "Binary Ring" from Processing to JavaScript. At first I thought this might be too much for the 2d canvas renderer. Yet it seems to work just fine. I really like Tarbell's work and since he shares the source code, I am going to do a few more of these to learn how he gets all those organic images. See his work at complexification.net.
Binary Ring (Jared Tarbell)

Now Loop

Draw a line connecting the current year-month-day-hour-minute-second-millisecond. Aided by code, it is possible to animate in the "now", what does this mean for animation?. This sketch is a starting point for considering not only "real-time" animation, but (perhaps more interesting), explore that ephemeral state in flux where all that one has accumulated in life suddenly has a chance to act upon oneself, the rational mind has no time to consider anymore, the "now" is like an epic collision of all that we are, yet it manifests itself organized, mundane, often irrelevant.
Now Loop

Pulse Analysis

Visualization to aid the parsing, cleaning and analysis of pulse data.
Pulse Analysis

Pulsescape A

Variation of the pulse data visualization.
Pulsescape A

Pulsescape

A visualization of my pulse while reading one of my father's writing.
Pulsescape

Circle Variations

A collections of interactive drawings representing seismic activity in Colombia. Each stroke of the drawing is defined by the seismic data over a year.
Circle Variations

Spikes

Notations of seismic activity and terrorist attacks in Colombia with data from 'Ingeominas' and 'Centro de Memoria Histórica'. SVG visualization using D3.js.
Spikes

Flock

Danger is coming.
Flock

Tireless Feathers

An inquisitive bird follows the pointer in front of him.
Tireless Feathers