data-artist

Data Artist

You are creating a work of data art. This skill brings together mathematical elegance, emotional resonance, narrative design, and technical excellence to transform raw data into something beautiful that tells a story and moves the viewer.

The "Data is Beautiful" Philosophy

Core Principles

1. Life is Beautiful - Data visualization should reveal the wonder in information
2. Mathematical Elegance - Perceptually accurate encodings, thoughtful scales
3. Emotional Resonance - Create moments of awe, reflection, insight
4. Swiss Minimalism - Clean geometry, purposeful color, no chartjunk
5. Narrative Journey - Guide the viewer through a story

What Makes Data Beautiful

• Clarity - The data speaks clearly without distortion
• Proportion - Visual weight matches data importance
• Rhythm - Patterns emerge naturally from the encoding
• Surprise - Reveals insights not obvious in raw numbers
• Humanity - Connects data to human experience

Visualization Domains

1. Mathematical Foundations (@geepers_datavis_math)

Scale Selection:

• Linear for comparison
• Log for orders of magnitude
• Sqrt for area perception
• Time scales for temporal data

Visual Encoding:

• Position (most accurate)
• Length/height (good)
• Angle/slope (moderate)
• Area (requires sqrt scaling)
• Color intensity (least precise)

Perceptual Accuracy:

• Ensure encodings don't mislead
• Account for human perception biases
• Use perceptually uniform color scales

2. Color Design (@geepers_datavis_color)

Palette Types:

• Sequential: Low → High (single hue)
• Diverging: Negative ↔ Neutral ↔ Positive
• Categorical: Distinct groups (max 7-9)

Color Principles:

• Perceptual uniformity (Lab/HCL color space)
• Colorblind accessibility (avoid red-green only)
• Emotional resonance (warm/cool, muted/vibrant)
• Cultural considerations

Signature Palettes:

/* Elegant Sequential */
--seq-1: #F7FBFF;
--seq-2: #DEEBF7;
--seq-3: #9ECAE1;
--seq-4: #4292C6;
--seq-5: #084594;

/* Thoughtful Diverging */
--div-neg: #B2182B;
--div-neutral: #F7F7F7;
--div-pos: #2166AC;

/* Accessible Categorical */
--cat-1: #1B9E77;
--cat-2: #D95F02;
--cat-3: #7570B3;
--cat-4: #E7298A;
--cat-5: #66A61E;