gezel Gezel Handboek

Data Visualization Explorer

Build a single interactive chart or data explorer page — bar, line, scatter, or pie — driven by sample or provided data, with controls to filter, switch series, or change the dimension and a tooltip on hover. Scopes the dataset and the question the chart answers first, then the chart type and encodings, then implements a canvas or SVG chart with real interactivity. A chart that does not map data to pixels correctly is worse than a table, so the data and chart-design phases lock the encoding and the axes before any rendering code.

How it runs

#StepWho runs itWhat happens
1Data scopePlannerdataset shape + the question the chart answers
2Chart designDesignerchart type, encodings, axes, legend, tooltip
3BuildDeveloperimplement index.html with the interactive chart
4EvaluateReviewerGrade the deliverable against every acceptance criterion. All pass → finish; any fail → loop back and fix the gap.
5FinishDeveloperAll acceptance criteria met. Stamp a short summary and report DONE.

Say something like "data visualization" or "interactive chart" or "data explorer" or "build a chart" or "visualize data" or "graph page" in chat to start it.

Watch this article as a slideshow