Requirements:

• Each button should be turned into a step (scroll down to see them).
• When I resize, the graphic should scale to the width of its container, but not the height.
• It would be nice if you gave me a sentence to pretend this is a story instead of just "here's Africa!" Not that we have a strong story, of course.

It should look like this when you're done.

Asian countries have life expectancies across the spectrum, although some of the very longest-lived countries are in Asia.

Africa contains all of the countries with the lowest life expectancies, although many African states are solidly in the upper-middle of the spectrum.

North America comprises haves and have-nots. Some Caribbean and Latin American countries have middling life expectancies, while others are nearly as long-lived as Canada and the United States.

Low-GDP countries generally have lower life expectancies, but a handful boast decent longevity in spite of poverty.

A color-coded graph shows that there isn't much to differentiate between the continents, other than the solid cluster of shorter-lived African countries on the left.

All done!

Does cold weather slow the housing market?

Make this graphic responsive, allowing it to fill the height and width of its container.

Let's be honest: I don't really know what this data is anymore, but that isn't going to stop us from using it.

It should look like this when you're done.

In this step, you'll draw all of the lines.

Give the "U.S." line a highlight color, bold the text, and and grey out every other line/bubble/text.

Highlight the Mountain, Pacific, West South Central, South Atlantic regions (but in a different color than the average).

Finally, draw the rectangle that represents winter.

It's getting cold and I don't like it.

Requirements:

• Should display the city listed
• When you're resizing, it should always be square. It should be the smallest between the height and width.
• The bands should move with each city
• The colors should change based on the mean high temperature of each city
• As it scroll the transitions should be smooth
• The background of the city name IN THE TEXT should match the color of the city circle (you can use the colored-text class to give the text some nice padding)

It should look like this when you're done.

Right now you're looking at NYC.

Beijing is similar to NYC, but a little colder in the winters.

If we'd like to bundle up in coats and scarves, though, Stockholm definitely has Beijing beat!

If you'd like to stay warm in those coldest months, it might be worth a trip across the equator to Lima.

Too much of a trek? Tucson, Arizona, isn't that bad most of the year, as long as you don't mind the temperature dropping at night.

This is horrifying

We'll start with everything in the center

And then move them all out based on jobs since the recession

I mean, it isn't a step, but you need a hover. We aren't going to do the crazy stuff the NYT does, but

You can also highlight some things when you hit this step.

And here's an empty step