Tutorial | Paneled and animated charts#

This tutorial showcases creating paneled charts and vibrant animations with playback control.

Supporting data#

This tutorial uses a dataset that’s the result of enriching the orders data with customer data and preparing for visualization. You can download orders_enriched_prepared as a CSV file.

A basic line chart#

Let’s start from a basic line chart that shows the total sales (y-axis) by month of the year (x-axis) and separate lines by the category of T-shirt sold. This is a useful way to look at the patterns of purchases over the course of a year. Imagine though you’d also like to see the breakdown by gender.

../../_images/adv-charts-linechart.png

Paneling a chart#

One way to see the breakdown by gender is by paneling, or creating subcharts. Creating a paneled chart is as simple as adding gender as the column to define subcharts.

../../_images/adv-charts-linechart-subcharts.png

This is a useful way to look at the breakdown by gender. Next, let’s look at how the monthly patterns of purchases change from year-to-year.

Animating a chart#

A video below goes through the content of this section.

One way to see the year-to-year change is to animate the chart:

  • Add order_date_year as the column to define animations.

  • Set the binning to use None, use raw values.

  • Click the play button.

You can set the speed of playback, pause the playback, step through years individually at your own pace, or select a specific year to examine.

Next steps#

You can learn more about charts in the following spaces: