Protein Explainer: Making complexity visible
How do you help someone understand a 3D protein structure? Start by showing them what they're looking at, not just what it's called.
There’s a moment in science education where things stop being explainable with words and diagrams. When you’re trying to understand a protein structure—how it folds, where the active sites are, what parts move and why—you need to see it in three dimensions.
But seeing it in three dimensions raises a new problem: what are you looking at?
That’s what Protein Explainer exists to solve. It’s a 3D protein viewer with narration. The viewer shows you the structure. The narration tells you what you’re seeing and why it matters.
The visualization problem
NGL Viewer is a powerful tool for rendering protein structures. It can show you millions of atoms in interactive 3D space. It’s beautiful.
It’s also overwhelming if you don’t know what you’re looking for. Which parts matter? Why is this fold significant? How is this protein supposed to move?
The interface needed to guide attention. Not by limiting what you could see—people want to explore—but by giving you a place to start. A narrative thread through the complexity.
What narration does
A protein has shape and function. The shape comes from chemistry. The function emerges from the shape. Understanding one helps you understand the other.
Narration can bridge that gap. As you rotate a protein, look at its folds, zoom into the active site, the narration can explain what you’re seeing and why it matters. Not in the voice of a textbook—in the voice of someone who’s excited about what this structure reveals.
Claude could describe a protein structure in terms that made sense to someone without a biochemistry degree. It could highlight the meaningful parts. It could explain the function that emerges from the form.
The design challenge
The hardest part wasn’t the 3D rendering. It was making the interface feel natural when you’re navigating between two different modes of understanding: visual exploration and narrative explanation.
The narration had to adapt to what you were looking at. Rotate the structure to show the active site, and the narration shifts to talk about the site. Zoom in on a specific region, and it explains why that region matters.
This meant designing for a kind of dialogue between the viewer and the narration. The viewer shows, the narration explains. The explorer navigates, the narration guides.
Why this matters
Science education has become very good at showing complex things. We’re less good at making those things legible.
A protein structure is objectively beautiful. But beauty doesn’t equal understanding. Protein Explainer is trying to do both—render the complexity in all its visual richness, and narrate it in a way that makes the meaning clear.
It’s a small tool. But I think it points at something larger: how do we design interfaces that respect complexity while still offering clarity? How do we help people understand things that are genuinely intricate, without flattening them into oversimplification?
Show them the thing. Explain what they’re looking at. Let them explore. That’s a start.