Educational Dashboard Builder

Run the Dashboard Builder Fullscreen

Sample iframe reference

<iframe
   src="https://dmccreary.github.io/infographics/sims/dashboard-builder/main.html"
   width="100%" height="600" scrolling="no">
</iframe>

About This MicroSim

This builder lets learners design an educational dashboard by selecting from six chart types (Bar, Line, Pie, Donut, Gauge, Sparkline) and placing them into a 3x2 grid. Each cell can be configured with a different data source (Enrollment, Engagement, Scores, Completion, Quality) to create a coherent visual overview of course metrics.

Available Chart Types

Chart	Best For
Bar	Comparing discrete categories
Line	Showing trends over time
Pie	Showing proportions of a whole
Donut	Proportions with a center metric
Gauge	Single KPI as a percentage
Sparkline	Compact data tables with inline bars

Lesson Plan

Learning Objective

Design an educational dashboard layout by selecting chart types, arranging them in a grid, and configuring each chart's data source to create a coherent visual overview.

Activities

1. Click Load Template to see a pre-designed dashboard. Study the chart type choices.
2. Click Clear All and build your own dashboard from scratch.
3. Click a chart type in the left palette, then click a grid cell to place it.
4. Click a filled cell and use the data source dropdown to change what it displays.
5. Discuss: Why might a Gauge be better than a Bar chart for showing completion rate?

References

• Dashboard Design - Wikipedia — Overview of dashboard design principles and patterns.