Mixed Chart (Bar + Line)
Combined bar and line chart on the same axes for dual-metric comparison. Built with Chart.js for animated transitions and dual y-axis support.
Template details
- chart
- mixed
- bar
- line
- dual-axis
- chartjs
When to use this template
This visualization effectively compares two distinct quantitative metrics against a common dimension, revealing their relationship, correlation, or divergence. Analysts use it to understand how an absolute quantity (bar) relates to a rate or percentage (line) over time or across categories, highlighting drivers or outcomes.
- Data with a single categorical or temporal dimension.
- Two distinct quantitative measures for each dimension point.
- Measures with different units or vastly different scales.
- Time-series data to observe trends and correlations.
- Comparing absolute values (bars) with relative changes or rates (line).
- Datasets with a moderate number of data points (e.g., 5-50 categories or time periods).