Google Image Charts

Data visualizations in the form of bar, column and line charts can help readers spot important trends in the numbers behind the stories, and Google’s Image Chart Editor makes it relatively easy to produce simple but effective charts for your posts.

General

  • Only use bar or line charts
  • All axis labels and legend text set at 11px
  • No grids
  • Choose from three widths that correspond to our 12-column grid: 220px (3 columns), 300px (4 columns) or 620px (8 columns)
  • Start with a vertical dimension that will create a golden proportion rectangle by multiplying your chosen width by .618. The vertical dimension should be appropriate to the distribution of the data, so adjust from your golden rectangle as necessary.
  • Colors should conform to our standard palette
  • Legends on the bottom of the chart
  • Define data units in legends
  • Do not use the chart editor title field. Instead, the title should be typed in the visual editor and set to the “Headline 4” format.
  • Be sure the axis range and corresponding data set scale are identical

Bar charts

  • Horizontal axis line should be invisible
  • Horizontal axis tick marks on

Column charts

  • Vertical axis line should be invisible
  • Vertical axis tick marks on

Line charts

  • Tick marks and axis lines on for both axes

Comments are closed.