Updated: May 1, 2018

Chart Content Table View Cell

Intro

The chart content table view cell is a full-width view that provides a visual representation of one or more datasets.

While it is visually similar to the chart floorplan, there are two major differences:

1) The chart content table view cell is placed within the content area of another floorplan, whereas the chart floorplan is a stand-alone entity.

2) The chart content table view cell does not support interactions at this time (for example, selecting values, filtering data, toggling between chart and table views, and so on) whereas the chart floorplan offers interaction.

Usage

Dos

  • Use the chart content table view cell to present detailed chart data within a user workflow — for instance, as one attribute on an object screen.

Don’ts

  • Don’t use the chart content table view cell when the user needs to drill into individual chart values, filter the data, or adjust chart settings. Instead, use chart cards or the chart header, which can both provide navigation to the interactive chart floorplan.

Structure

Anatomy

A. Chart Title

The chart title displays the name of the chart and the series displayed, as well as an optional timestamp.

B. Chart Summary

The chart summary provides high-level details from the chart data – for instance, total sales in dollars ($) for the year.

C. Chart Plot

This is the visual representation of the chart data, and includes chart items (for example, bars, columns, lines, and so on), x- and y-axes with titles, axis labels, and gridlines.

D. Legend

The legend explains which colors relate to which data series in the chart plot. For charts with only one series, the legend is not displayed.