NPR Visuals Blog
blog.apps.npr.org · Company blog · on HN since 2013
NPR's visuals team writes about building news apps, interactive maps, data scraping, and tooling for journalism projects.
What HN saysHN commenters call its posts favorite examples and link its hex tile maps, Borderland, and White Lies write-ups.
18HN people shared it
9linked it in comments
12stories submitted
466story points
1 year agolast shared
2013people per year2026
Most-shared posts
- 1How to build a news app that never goes down and costs you practically nothing5 people · 419 points · first shared 2013 · 123 comments on HN
- 2Pym.js – Embed iframes responsively2 people · 4 points · first shared 2014 · discussion on HN
- 3Introducing copytext.py: your words are data too2 people · 2 points · first shared 2014 · discussion on HN
- 4Hex tile maps2 people · first shared 2017
- 5Outside of a Dog: Rebuilding the NPR Book Concierge1 people · 28 points · first shared 2019 · 2 comments on HN
- 6How We used gigabytes of shipping data to show risks to endangered whales1 people · 6 points · first shared 2024 · discussion on HN
- 7How to Setup Your Mac to Develop News Applications Like We Do1 people · 2 points · first shared 2013 · discussion on HN
- 8Useful Scraping Techniques1 people · 2 points · first shared 2016 · discussion on HN
- 9Self-hosted slippy maps, for novices (like me)1 people · 1 points · first shared 2025 · discussion on HN
- 10Animation with JPG Filmstrips using CSS1 people · 1 points · first shared 2014 · discussion on HN
- 11Do Visual Stories Make People Care?1 people · 1 points · first shared 2016 · discussion on HN
- 12Elex 18 districts1 people · first shared 2019
- 13All songs considered poll1 people · first shared 2019
- 14Using a static site to crowdsource playgrounds1 people · first shared 2013
- 15Joy generator1 people · first shared 2022
What HN people wrote when they linked it
pkpp1233 · 2015-03-24
Yeah it's really surprising. These are my favorite examples online :):
- http://blog.apps.npr.org/2014/04/23/how-we-built-borderland-out-of-a-s…
- http://www.gamasutra.com/blogs/WillHankinson/20150323/239489/Turning_D…
Androider · 2022-02-09
That thread has hundreds of legit replies with bugs (that are impossible to read on desktop Twitter from what I can tell). I saw a few cases of "I published an article about our challenges supporting Safari, the team reached out and then ghosted us", like http://blog.apps.npr.org/2021/08/31/joy-generator.html. Search for Safari on that page... oof.
Dear Safari team, the first step in fixing any problem is to admit that you have one. Please internally acknowledge that Safari has _lots_ of issues like these and has a reputation problem among web developers. It's not just people hating on Safari and being ignorant, I would love to support Safari better, but it's just so frustrating in practice and when filing bugs they seem to go into a black hole. I think a big problem is that bugs seemingly get duplicated into some internal system where there might be some discussion going on, but none of that is visible to the rest of the world and it creates that black hole perception and lack of back and forth discussion with the people who are reporting these issues.
danso · 2019-07-02
I saw the guide linked to a recent indepth writeup on how the NPR Visuals Team developed the project page for their White Lies investigative podcast:
http://blog.apps.npr.org/2019/05/17/white-lies.html
An excerpt:
> In keeping with our hypothesis-driven design process, we started the project by identifying likely audiences for our digital experience, the contexts by which they’d come to the site (via a promo on social, etc.) and their expectations. With that audience exercise in mind, we decided on a few primary editorial goals for the project:
> - Provide a standalone narrative for people who only encounter the story on the web (and may or may not go on to subscribe to the podcast)
> - Intrigue readers and entice them to listen to the full podcast
> - Provide multimedia material that couldn’t fit into an audio-only experience
> - Introduce newcomers to the history surrounding the murder, including Bloody Sunday and the civil rights struggle
jacobroufa · 2014-07-25
Look for information you would want to see in your available media -- find a dataset and build it into a useful app to be filtered and queried in different ways. Map data points to physical locations. Correlate those things. At some point it all starts to look like a population density heat map, but sometimes you find good stuff in there. And people want to see it. They need more tangible access to all the real world data we have been collecting. Otherwise, what's the point?
I worked for a year at a newspaper and built apps and stuff like that -- it was the most fulfilling work I've ever done and I wish the situation had been able to work out. If I ever get a chance to do real news apps again, I would jump on it. Enjoy your opportunity, Anders, and be prepared to show your work.
Sometimes, the phrase "if you build it, they will come" is applicable. If you build something that shows you CAN build something, show it to the right people and you will attract attention.
Some inspiration:
http://blog.apps.chicagotribune.com/
http://blog.apps.npr.org/
https://source.opennews.org/en-US/
http://flowingdata.com/
bobthepanda · 2020-11-06
You could still apply the same principle to electors.
http://blog.apps.npr.org/2015/05/11/hex-tile-maps.html
NPR‘s front page election map also has a map with scaled squares representing states.
athenot · 2017-11-08
I find the hexagon version slightly more visually pleasing since it breaks up the straight lines—see the link for comparison. But either way, both are a huge improvement over the surface-based shapes when conveying data that is totally unrelated to the geographical surface of states.
http://blog.apps.npr.org/2015/05/11/hex-tile-maps.html
commandar · 2014-04-22
Blog post explaining what problem this is meant to solve in more detail:
http://blog.apps.npr.org/2014/04/21/introducing-copytext-py.html
ericcholis · 2013-12-31
I'd personally include the upswing on static site generators. Not exactly a traditional CMS, but still a system that manages content.
In particular, I'd site NPR's work on their static site process:
http://blog.apps.npr.org/2013/02/14/app-template-redux.html
chadmaughan · 2013-03-22
The social safety net and creative destruction discussion is interesting.
However, I'm interested from a design perspective. Does anyone know if this was built by the "apps team" at NPR? IMO, it's very well done.
More from the NPR "apps team."
https://news.ycombinator.com/item?id=5279440
http://blog.apps.npr.org/2013/02/14/app-template-redux.html