Stately: A simple map font

Posted to Maps  |  Tags: ,  |  Nathan Yau

StatelyAdd another way to make state-level choropleth maps. Stately, a project by Intridea, allows you to approach state mapping in the browser like you would a font.

Stately is a symbol font that makes it easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it’s a font, it scales bigger and smaller while staying sharp as a tack.

The process is fairly straightforward: Link to the Stately stylesheet, add some HTML markup (an unordered list of states) to your page, and then use CSS to color each state. Boom, you’ve got yourself a map.

1 Comment

Favorites

Causes of Death

There are many ways to die. Cancer. Infection. Mental. External. This is how different groups of people died over the past 10 years, visualized by age.

The Best Data Visualization Projects of 2011

I almost didn’t make a best-of list this year, but as I clicked through the year’s post, it was hard …

How You Will Die

So far we’ve seen when you will die and how other people tend to die. Now let’s put the two together to see how and when you will die, given your sex, race, and age.

Life expectancy changes

The data goes back to 1960 and up to the most current estimates for 2009. Each line represents a country.