What Are Interactive Graphics in Journalism and How Are They Used?
Updated
Interactive graphics in journalism are data-driven visual stories that readers can explore themselves—clicking, hovering, scrolling, or filtering to see different views of the same information. They are used when a story depends on comparison, geography, change over time, or individual circumstances that a single static chart cannot convey. The form suits elections, public-health trends, investigations, and any topic where readers benefit from checking their own county, year, or category rather than reading a general summary.
What Makes a Graphic "Interactive"
A static chart presents one fixed view. An interactive graphic gives the reader controls over what is shown. The defining feature is not animation or decoration but reader-driven exploration of data: the underlying dataset stays the same, while the display responds to input.
Three elements usually work together:
- A dataset prepared for the specific question—precinct results, case counts by county, extracted statements from a document.
- A visual encoding such as a map, line chart, scatterplot, or searchable table.
- An interface layer—filters, toggles, search boxes, scroll-triggered steps—that lets the reader change the view.
The journalism value comes from the match between question and control. A national trend line answers "what happened overall"; a county-level map with a search box answers "what happened where I live," which is often the question readers actually have.
Common Formats and What Each Is Good For
| Format | Best for | Typical reader action |
|---|---|---|
| Choropleth or point map | Geographic variation—election results, outbreak risk by county | Zoom, search for a place, click a region |
| Line or area chart with toggles | Trends over time across categories | Switch series, change date range |
| Scatterplot or small multiples | Comparing many entities on two measures | Hover for details, filter groups |
| Searchable document or database | Investigations built on records—reports, statements, contacts | Search names, read excerpts in context |
| Scrollytelling | Explaining a method or sequence step by step | Scroll to advance the narrative |
Scrollytelling deserves separate mention: the story text drives the graphic, and each scroll step reveals a new state of the visualization. It is useful when the reader needs guidance through a complex dataset before being set loose to explore.
How Newsrooms Use Them
Interactive graphics are typically produced by a graphics or multimedia desk working alongside reporters and editors. The workflow generally runs: reporters establish the story and secure the data; a graphics team cleans and analyzes it; designers and developers build and test the interface; editors check accuracy and framing before publication.
The page material for Wilson Andrews, a designer and journalist in Brooklyn, shows the range this work covers in practice. Listed projects include Covid-19 Risk in Your County, 2020 Election Results, The Swamp That Trump Built, Tracking the Coronavirus, How Trump Reshaped the Presidency in Over 11,000 Tweets, and Read the Mueller Report, alongside More Than 100 Contacts Between Trump Associates and Russians. Read as a set, they map onto the formats above: county-level risk and election results are geographic and lookup-driven; coronavirus tracking is a time series; the tweets and contacts projects are database and document explorations; the Mueller Report piece turns a long document into something searchable. This is the characteristic pattern—each project takes a large, unwieldy dataset and gives readers a way into it.
Skills Involved
Producing this work draws on several disciplines at once:
- Data analysis—cleaning messy sources, checking totals, deciding what to count and how to label it.
- Design—choosing encodings, color scales, and layouts that stay readable on both phone and desktop.
- Web development—building responsive, accessible interfaces that perform well with large datasets.
- Editorial judgment—deciding which reader controls add understanding and which add clutter, and making sure the default view tells the story on its own.
The last point is the most common failure mode: an interactive that requires exploration to find the point. Strong examples open with a clear default state and treat interaction as a way to go deeper, not a prerequisite for comprehension.
How to Evaluate or Learn From Examples
When studying a portfolio of interactive graphics—Andrews's listed work is a reasonable starting set—ask:
- What is the default view, and does it carry the main finding?
- What does interaction add? If removing the controls loses nothing, the interactivity is decorative.
- Is the data legible at the reader's scale? Can you find your own county, year, or name quickly?
- Does it work on a phone? Most readers arrive on mobile, where hover states and wide maps break down.
For anyone learning the craft, the practical path is to rebuild a small version of one of these: take a public dataset, build a single map or chart with one filter, and test whether a reader can answer a specific question with it. That exercise surfaces the real difficulty—not the code, but deciding what the reader should be able to ask.