Cool People Stories
Pixel-art portrait of Shirley Wu

Design Engineer · San Francisco

Shirley Wu visualized every line of Hamilton and made the internet care about data art

Shirley Wu

Independent data visualization engineer

Every field has a project that shows outsiders what the field is even for. For interactive data visualization, that project is very possibly Shirley Wu's Hamilton piece: every line of the musical, characterized, color-coded, and explorable, revealing who sings to whom, about what, and how the themes weave through three hours of Lin-Manuel Miranda. It went viral far beyond the data crowd, because it was not a chart about Hamilton. It was Hamilton, made navigable.

That is the Shirley Wu signature: taking data everyone else would flatten into bar charts and building something you explore with your hands. She is an engineer by training who went independent in 2016, and her personal projects, on culture, on cities, on her own life, routinely do more for the field's imagination than entire conference programs.

Data Sketches, the other half

If you have read our profile of Nadieh Bremer, you already know half this story. Data Sketches was the twelve-month collaboration where Shirley and Nadieh each built one experimental visualization per month on a shared theme, publishing every dead end and trigonometric crisis along the way. Nadieh brought the print-poster grandeur; Shirley brought the interaction, pieces you touch, filter, and play.

The project became a book, and the book became the field's favorite teaching text, precisely because it shows the process: the sketches, the false starts, the code that fought back. Two practitioners at the top of their craft, showing their work like it was a group project due Friday. The field is meaningfully better because they did.

Shirley's teaching carries the same spirit. Her Frontend Masters courses on D3 and her workshops are how a remarkable share of working visualization engineers first understood joins, scales, and why their transitions were janky. She explains hard things like someone who remembers not knowing them.

The interactive conscience of the field

Data visualization keeps being pulled toward dashboards, the beige office park of the discipline. Shirley Wu's whole career is the counter-argument: that data about human things, musicals, cities, memories, deserves interfaces with joy in them, and that rigorous engineering and playfulness are teammates, not rivals.

Start with the Hamilton piece at shirleywu.studio, budget an hour, and then browse the rest. Fair warning: your dashboards will look very beige afterward. That's growth.

The Rundown

The things Shirley has actually shipped.

  • The Hamilton visualization

    Every line of the musical, interactive. The piece people send to explain why data viz is a real discipline and not just charts.

  • Data Sketches

    Twelve months, twenty-four experiments, one beloved book, made with Nadieh Bremer. Read her story on this site for the other half of the duo.

  • The courses

    Frontend Masters D3 courses and workshops. The on-ramp half the field actually used.

Common questions about Shirley Wu

Who is Shirley Wu?
Shirley Wu is an independent data visualization engineer based in San Francisco, working independently since 2016 for clients from Google to The Guardian. She co-created Data Sketches with Nadieh Bremer and teaches D3 through Frontend Masters.
What is the Hamilton visualization?
Shirley Wu's interactive visualization of every single line in the musical Hamilton, mapping who sings what to whom across the show. It is the piece people send to explain why data visualization is a real discipline.
What is Data Sketches?
Data Sketches is the twelve-month collaboration between Shirley Wu and Nadieh Bremer: twelve themes, twenty-four experimental visualizations, later published as a book.