Daylight in FF Chartwell Pies

FF Chartwell Pies concludes our series on visualizing data with type. Pie charts are among the most familiar and easy to use, and in FF Chartwell Pies, that’s no exception. Just grab a set of values, make sure they add up to (or at least don’t exceed) 100, put plus signs in between, pick some colors, enable ‘Set 1’ from the OpenType Stylistic Sets, and you’re all set. More detailed instructions can be found in a previous FF Chartwell post.

To demonstrate FF Chartwell Pies, I created 366 pie charts, each representing a day of the year. The dark pieces represent nighttime hours and the light pieces represent daylight hours, as observed here in San Francisco this year. The two dark shades separate portions of the day between midnight and sunrise, and between sunset and midnight. Noting the abrupt change in angle of the daylight, one can spot Daylight Savings going into and out of effect, and other nice patterns. Today’s pie chart is the 16th chart on the 10th row, first image. Select the images for a closer view.

Though this is the end of our series, there’s more to look forward to still—including the soon to be released FF Chartwell Web, and all the stuff designers everywhere make out of this beautifully simple, utterly useful face.

Thinking how to close the Chartwell series, I thought of all the ways designers will be using FF Chartwell, and then thought up a few ways they probably wouldn’t use it. In the end I decided to make (and lead out with) type made out of charts made out of type. Thanks for reading, and send us back all the ways you use FF Chartwell. We’d love to see what you come up with.


  1. Posted July 26, 2012 at 12:22 AM | Permalink

    Brilliant, David.

  2. Posted November 22, 2012 at 9:59 PM | Permalink

    I’d love a FF Mapwell series, where we can use attributes to render geography maps of data.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s