Data visualization is a branch of creative coding that gets less attention than shaders and generative art, but it’s every bit as much a craft — and its deepest toolkit remains D3.js paired with the Observable Framework. D3 is the venerable, immensely powerful JavaScript library for binding data to visuals and shaping it into anything from a standard chart to a wholly bespoke interactive graphic. The Observable Framework is the modern environment for building and publishing data-driven pages and apps around it. Together they’re where creative coders whose raw material is numbers — rather than noise, particles, or geometry — do their most expressive work.
Watch: Introduction to Data Visualisation With D3.js (YouTube)
Data as a generative source
The generative-art mindset this site covers usually starts from math and randomness; data-driven work starts from the real world’s measurements and finds form in them. That’s a different discipline with its own aesthetics and ethics: choosing how a dataset becomes shape, color, and motion is an act of interpretation, not just decoration, and the best data art makes a viewer feel something true about the numbers. D3’s low-level, unopinionated design is what makes this possible — it doesn’t hand you charts so much as the primitives to build any visual mapping you can imagine, which is exactly the open-ended control creative coders want.
Why the Observable Framework matters now
D3’s historic friction was everything around the visualization — loading data, structuring a project, publishing it interactively. The Observable Framework addresses that by providing a modern, code-first environment for building fast, data-driven static sites and dashboards, with D3 (and other libraries) as first-class citizens. For an artist or journalist-coder, that means the path from a dataset to a polished, interactive, published piece is far shorter than it used to be. It rounds out this site’s creative-coding coverage with the data branch — distinct from the WebGPU, shader, and 3D tools, but sharing the same essential act: writing code to make something worth looking at.