Docs Menu

Grouped Column Chart Showing Most Common Items Sold by Store Location

Time to Complete: 5 minutes

By visualizing which items are sold most commonly at each store, you can help ensure each store is properly stocked with the items they are most likely to sell out of. A grouped column chart creates a group within the chart for each store location and display columns within each group reflecting the relative sales of each item.

1
2
3
  1. In the Chart Type dropdown, select Column.
  2. Click Grouped below the dropdown.
4
  1. Drag the storeLocation field to the X Axis encoding channel. The X Axis encoding channel dictates which field to use when creating the column groups.

    Example
    X Axis Encoding Channel

    Using storeLocation for this encoding channel allows us to visualize a group of items per store location.

  2. In the Fields section click the items field to expand the items object and view its properties.
  3. Drag the items.name field to the Y Axis encoding channel. The Y Axis encoding channel determines which field to use for the chart's aggregation.

    Example
    Y Axis Encoding Channel

    Using items.name for this encoding channel allows us to aggregate and count the items sold in each location.

  4. In the Array Reductions dropdown, select Unwind array.
  5. In the Aggregate dropdown, select count.

    Example
    Count

    The count option counts the occurrences of each item name after unwinding the items array and displays them in the chart grouped by store location.

    For more information on the $count aggregation command, refer to the count aggregation documentation.

  6. Drag the items.name field to the Series encoding channel.

    Example
    Series Encoding Channel

    The Series encoding channel dictates how to split each group of the chart. Each member of the series becomes a column within the group, so each item name becomes a column within the store location group.

  7. In the Series Array Reductions dropdown, select Unwind array.

Your chart should now look something like this:

Grouped Column Chart Builder

The item sales look to be fairly evenly distributed by store location. Notice based on this chart that notepads are the most common item sold at all store locations, which is useful information when stocking each store with its inventory.

5
  1. Hover over your chart title and click the pencil icon.
  2. Copy the following into the title input:

    Most Common Items Sold by Store Location
  3. Click the check mark to save your title.
6

Your dashboard should now look something like this:

Order Tutorial Dashboard Stage 3

Now that we have a few charts the dashboard is starting to get a bit crowded. Follow along to the next section of the tutorial to see how we can rearrange and resize the charts to make the dashboard easier to digest.

Give Feedback
© 2021 MongoDB, Inc.

About

  • Careers
  • Legal Notices
  • Privacy Notices
  • Security Information
  • Trust Center
© 2021 MongoDB, Inc.