Visualization types in Elasticsearch - Step-by-Step Execution

Concept Flow - Visualization types

Data Indexed in Elasticsearch

↓

Choose Visualization Type

↓

Bar Chart

↓

Data Aggregation & Buckets

↓

Render Visualization

↓

User Interaction & Update

Data flows from Elasticsearch index to choosing a visualization type, then data is aggregated and rendered visually, allowing user interaction.

Execution Sample

Elasticsearch

GET /sales/_search
{
  "aggs": {
    "sales_over_time": {
      "date_histogram": {"field": "date", "calendar_interval": "month"}
    }
  }
}

This query aggregates sales data by month to prepare for a line chart visualization.

Execution Table

Step	Action	Aggregation Type	Data Processed	Result
1	Receive query	date_histogram	All sales documents	Ready to aggregate by month
2	Aggregate data	date_histogram	Sales documents grouped by month	Buckets with monthly sales counts
3	Prepare visualization	line chart	Buckets data	Points for line chart
4	Render chart	line chart	Points data	Line chart displayed
5	User interaction	filter or zoom	Chart data	Chart updates dynamically
6	Exit	-	-	Visualization complete and interactive

💡 User finishes interaction or closes visualization

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 4	Final
sales_documents	All sales data	Grouped by month	Aggregated buckets	Chart points	Displayed chart
visualization_state	None	None	Prepared	Rendered	Interactive

Key Moments - 2 Insights

Why do we need to aggregate data before visualization?

Because raw data is too detailed; aggregation groups data into buckets (see execution_table step 2) so the visualization can show meaningful summaries.

What happens if the aggregation type doesn't match the visualization?

The visualization won't display correctly because it expects data in a certain format (e.g., line chart needs time buckets). This is shown in execution_table step 3 where data is prepared for the chosen chart.

Visual Quiz - 3 Questions

Look at the execution_table, what is the result after step 2?

A All sales documents

B Line chart displayed

C Buckets with monthly sales counts

D User interaction

💡 Hint

Check the 'Result' column in execution_table row for step 2

At which step does the visualization become interactive?

A Step 5

B Step 3

C Step 4

D Step 6

💡 Hint

Look for 'User interaction' in the 'Action' column in execution_table

If we change the aggregation from date_histogram to terms, how would the data processed change at step 2?

A Data grouped by months as before

B Data grouped by unique terms instead of months

C No aggregation happens

D Visualization renders immediately

💡 Hint

Aggregation type affects how data is grouped, see 'Aggregation Type' column in execution_table step 2

Concept Snapshot

Visualization types in Elasticsearch:
- Choose type (bar, pie, line)
- Use aggregations to group data
- date_histogram for time series
- terms for categories
- Render and interact dynamically

Full Transcript

This visualization types concept shows how data indexed in Elasticsearch is processed step-by-step to create visual charts. First, a query with aggregation is sent. The aggregation groups data into buckets, like months for a date_histogram. Then, the visualization type is chosen, such as a line chart, which uses the aggregated data points. The chart is rendered and becomes interactive for the user to filter or zoom. Variables like sales_documents and visualization_state change through these steps. Key moments include understanding why aggregation is needed and matching aggregation to visualization type. The quiz tests understanding of the execution steps and data changes.