Experimental UI Design Course

Day 18 of 30

Day 18: Data as Art

Study (10 min): Explore data art by Giorgia Lupi and Stefanie Posavec
Practice (20 min): Transform personal data into visual compositions
Tools: D3.js basics, canvas drawing, CSS shapes

Beyond Bar Charts

Data visualization typically prioritizes clarity and accuracy. Data art inverts this - prioritizing emotional impact and aesthetic beauty while maintaining data integrity. Giorgia Lupi's "Dear Data" project shows how personal data becomes intimate art. Each visualization tells stories that spreadsheets hide. Your browsing history becomes a constellation. Sleep patterns form abstract paintings.

Personal Data Sources

Start with data you generate daily. Track mundane activities - coffee consumption, emoji usage, walking routes, music listening. Personal data carries emotional weight that makes compelling art. A week of mood tracking might become a color field painting. Screenshot times could generate a temporal portrait. The key is finding poetic connections between data and visual form.

Simple Data to Art:

// Transform array of daily steps into generative art
const steps = [8234, 12045, 6789, 15234, 9012, 7856, 11234];
const canvas = document.querySelector('canvas');
const ctx = canvas.getContext('2d');

steps.forEach((count, day) => {
  const radius = count / 100;
  const x = (day + 1) * 100;
  const y = canvas.height / 2;
  const hue = (count / 20000) * 360;
  
  ctx.beginPath();
  ctx.arc(x, y, radius, 0, Math.PI * 2);
  ctx.fillStyle = `hsl(${hue}, 70%, 50%)`;
  ctx.fill();
});

Encoding Meaning

Create visual languages where form carries meaning. Map emotions to shapes - anxiety as jagged lines, calm as smooth curves. Use color systematically - temperature for intensity, hue for category. Position elements meaningfully - time on x-axis, magnitude on y-axis, or break convention entirely. Your encoding system becomes artistic signature.

Narrative Through Numbers

Data art tells stories algorithms miss. A visualization of text messages might reveal relationship dynamics through response times and message lengths. Location data could paint urban exploration patterns. The art lies in choosing which stories to tell and how to tell them visually. Sometimes the most powerful data art comes from the smallest, most personal datasets.

Key Takeaways