Nieman Foundation at Harvard
HOME
          
LATEST STORY
Serial meets The X-Files in Limetown, a fictional podcast drawing raves after just one episode
ABOUT                    SUBSCRIBE
March 20, 2012, 1:53 p.m.
propublica-stateface-font

Typographic capitals: ProPublica shares a tool for easy state maps

The typeface-as-atlas webfont is the latest open-source release from the nonprofit news outlet, which has been building out key parts of the journalist-coder’s toolkit.

I’m pretty sure there isn’t a category for Best Use of Webfont Formats, so ProPublica will probably have to remain happy with the two Pulitzer Prizes it’s already won. But a tiny little project out of the nonprofit news giant is worth an attaboy.

ProPublica just released StateFace, a webfont that, in place of standard letters, contains maps of the 50 states. (Plus the District of Columbia. Sorry, Guam.) Dingbat fonts are nothing new, and Unicode has helped bring font-characters-as-tiny-graphics closer to the mainstream.

But StateFace is purpose-driven, marrying typographic technology with editorial needs. ProPublica’s using it as an easy way to get state maps onto its Super PAC tracking page. You embed the font files as you would any other webfont, with a simple CSS call from your server.

Here’s the Gulf Coast, for instance. (Warning: This won’t look right in an RSS feed or some other non-web environment, I’d wager.)

qRYBJI

On the back end, those states are really just the random-looking string “qRYBJI”; R equals Louisiana, J equals Georgia, and so on. You can select them with your mouse and copy them into a text file if you want.

And the glyphs are detailed enough that they can be scaled up quite large. Here’s Louisiana at 300-point, and just for fun, crawfish red:

R

(We Louisianans wish our southeastern coastline was still that lush and full, but that’s another story.)

The vagaries of web typography also mean you can do things like italicize a state — imagine a strong breeze was coming in from north Texas:

R

ProPublica’s Scott Klein is proud of the little details:

From what I can tell from the github repo, Jeff Larson and Klein were the main drivers behind the project. (An exercise left to the reader: Be the first person to make a complete map of the United States using this webfont and CSS absolute positioning.)

Now, I imagine that “making fonts with tiny maps in them” probably didn’t rank high on the Sandlers’ wish list when they gave the initial gift to fund ProPublica. But nonetheless, once the developers went through the trouble of solving their own problem, they took the extra step of releasing their work for others to use.

It remains one of my favorite things about ProPublica that it is so committed to sharing both its work and the tools it builds to create that work. Read its Nerd Blog and you’ll find tools like Simple Tiles (a map imaging tool), a small stepper graphic library, TimelineSetter (for, duh, timelines), a guide for scraping data from the web, a tool for connection graphics, and more.

Those are all valuable additions to the journalist-coder toolkit. So even though I don’t imagine I’ll ever have a use for an inline map of New Mexico, I raise a toast to the open-source sensibilities of ProPublica’s nerds.

POSTED     March 20, 2012, 1:53 p.m.
SHARE THIS STORY
   
Show comments  
Show tags
 
Join the 15,000 who get the freshest future-of-journalism news in our daily email.
Serial meets The X-Files in Limetown, a fictional podcast drawing raves after just one episode
“Serial had to stay nonfictional. At the end of the show, it didn’t necessarily mean that it had a conclusion. That’s the biggest advantage we have: We’re making it up. So we can give you an ending.”
The Atlantic is returning to blogging
“We missed the kind of writing it represents. We missed the kind of audience engagement it represents.”
The mourning of AJR is less about a decline in press criticism than the loss of an institution
Like the media it covers, journalism criticism has moved from the work of a few established institutions to something more diffuse.
What to read next
2351
tweets
The New York Times built a Slack bot to help decide which stories to post to social media
The bot, named Blossom, helps predict how stories will do on social and also suggests which stories editors should promote.
1287Jo Ellen Green Kaiser: Do independent news outlets have a blind spot when it comes to ethnic media?
The head of the Media Consortium argues that, by defining themselves in opposition to mainstream media, independent progressive outlets miss out on the power of ethnic and community journalism.
1029Newsonomics: 10 numbers on The New York Times’ 1 million digital-subscriber milestone
Digital subscribers are proving to be the bedrock of the Times’ business model going forward. How much more room is there for growth — and at what price points?
These stories are our most popular on Twitter over the past 30 days.
See all our most recent pieces ➚
Fuego is our heat-seeking Twitter bot, tracking the links the future-of-journalism crowd is talking about most on Twitter.
Here are a few of the top links Fuego’s currently watching.   Get the full Fuego ➚
Encyclo is our encyclopedia of the future of news, chronicling the key players in journalism’s evolution.
Here are a few of the entries you’ll find in Encyclo.   Get the full Encyclo ➚
Corporation for Public Broadcasting
Politico
AOL
ReadWrite
Media Consortium
FiveThirtyEight
El País
Byliner
SeeClickFix
Ushahidi
Neighborlogs
Placeblogger