How To: Create a Bar Chart Component that Filters a Map ​

This tutorial provides step-by-step instructions to create a bar chart component in Honeycomb Data Explorer. Watch the video or follow the step-by-step instructions below.

Prerequisites ​

• Access to Honeycomb Data Explorer
• A basic map already created with data points
• Sample data (available in the fact_orders table in the superstore-delivered GitHub repository)

Step-by-Step Guide ​

Step 0: Prepare Your Base Map ​

For the demo, will start with a basic map showing delivery locations in Austin, TX. Our basic map includes:

• A point layer showing delivery locations
• Optional: A title component
• Optional: A legend component
• Optional: A heat map layer showing delivery density

Step 1: Identify a Categorical Field to Visualize ​

1. Access your data in Snowflake
2. Identify the categorical field you want to visualize (e.g., ship_mode)

Step 2: Add the Bar Chart Component ​

1. Open the Components pane
2. Click "Add New Component"
3. Select "Horizontal Bar Chart" as the component type
4. Choose which side to position the bar chart on (left or right)

Step 3: Configure the Bar Chart ​

1. Data Source: The Snowflake table containing the data you want to show

• Example: select the same fact_orders data source as the point layer

2. Dimension Field: A bar will be created for each unique value in this field

• Example: ship_mode

3. Measure Field: The numeric field that will control the size of each bar

• Example: honeycomb_generated_id

4. Aggregation Type - How to aggregate the measure field for each unique dimension (eg. count)

• Example: count

5. Add a descriptive title and subtitle

• Example: Number of Deliveries by Ship Mode

Related Guides ​

Create More Interactive Components:

• How to Create H3 Heatmaps from Point Data
• How to Color Points Based on Data
• How to Add Histograms

Data & Visualization:

• How to Structure Data for Honeycomb
• Point Layer Reference
• Components Overview