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
Flock with rotating figure, testing drawings with depth and WebGL renderer.
Application to quickly visualize the frequency and total victims in the data-sets from Monitor.
Quick sketch mapping violence (yearly homicides in Colombia) data with animation sprites.
Visualization to aid the parsing, cleaning and analysis of pulse data. Variation C.
Visualization to aid the parsing, cleaning and analysis of pulse data. Variation B.
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).
Dynamic rendering of seismic data over a Colombian map. The drawing decisions are made depending on the locations and dates of the seismic events.
Pulse as waves
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.
Visualization to aid the parsing, cleaning and analysis of pulse data.
Variation of the pulse data visualization.
Abstraction of my Facebook network of friends, each person is represented by a node and its properties vary depending on how it is related to the others in the network. Built using the D3.js library.
A visualization of my pulse while reading one of my father's writing.
A collections of interactive drawings representing seismic activity in Colombia. Each stroke of the drawing is defined by the seismic data over a year.
Notations of seismic activity and terrorist attacks in Colombia with data from 'Ingeominas' and 'Centro de Memoria Histórica'. SVG visualization using D3.js.
Notations of seismic activity and terrorist attacks in Colombia with data from 'Ingeominas' and 'Centro de Memoria Histórica'.
Danger is coming.
An inquisitive bird follows the pointer in front of him.