A preview of the dashboard you will build
Real data: 365 days of made-up Lumen Bikes rides. Press Run, look at the shape, and open "Show the data" to see the rows behind it.
This course takes you from drawing one rectangle to building a live, fast, accessible dashboard. Here is the whole route, what you will be able to do at the end, and what you need before you start.
Change the code and press Run (Ctrl+Enter). Predict what will happen first, then break it on purpose and read what changes. Your edits are saved and match the lesson page.
Ready for more? This phase has 5 hands-on exercises with automatic checks.
Practice questions
Write the code in the editor, run it, then open the model answer to compare.
Look at the preview chart. Write down the busiest month, the quietest month, and one sentence that describes the year.
Change the second example so the bar is exactly half the width of the drawing area. What number did you use, and why?
Explain it without notes
In your own words, what is a chart?
Why does this course draw charts by hand before it uses D3?
Name three things you will be able to build or do at the end of the course.
Preview
Console
Nothing logged yet.Expected console output
Days loaded: 365
Total rides: 933651
Busiest month: Jul 117803