Tips on how to size charts for the perfect ChartBook.

ChartBooks  – available to iCharts Gold and Platinum plan users – are a great way to create stories with charts through an online, interactive presentation. What’s that? You’ve never seen one before?

Below are a few guidelines on how to size up your charts to make the most of your data (bite-size) stories.

The Basics

Charts can be arranged into a grid-like composition on each page. When you create or edit a page, determine the number of columns each page will have. Choosing to have two columns for a page that will contain four charts, for example, will arrange the first two charts into the first row, and the second set of two will be in the  second row. If you have decided to have a three-column spread, then only the last chart will be bumped into the second row. Or, if you choose to have a one-column spread, then your four charts will never be on the same row; viewers will use the vertical scrollbar in order to view the remaining charts.

The key to coordinating a clean ChartBook page is sizing; it quickly becomes a width and height game.

Heights

Here are a few general things to consider when determining the heights:

  • The sharpest ChartBooks have charts whose heights are equal.
  • Because the height of the chart is more or less determined by your data and the amount of extra information you wish to add (comments, annotations), play around with how much content you will more or less have to determine a go-to height for the charts.
  • If keeping the entire chart or first row of charts within the field of view is important to you, then try to keep your charts under 500 px in height.

Widths

Widths can be tricky to wrap your head around if you intend to have a collection of pages with differing column arrangements. Aim to have charts of equal widths.

But which width should you decide on? Well, you can have charts at any width of your choice, up to a certain point. Here is simple table of the maximum widths your chart can have per your column selection to guide you as you organize your charting process:

ChartBook Width Guide

*While it is absolutely possible to create layouts with 5 or more columns of charts to a page, the widths you would need to make your page orderly would render your charts almost impossibly too narrow to make the data legible.

We trust these quick pointers will get you well on your way to building your first of many Chartbooks.

Author Note:
ChartBooks are currently only shareable between iCharts users. We are working hard to release the option to publish unique web-based URLs to share publicly, as well.