Your Next Steps Learning Path¶
Specification¶
The full specification below is extracted from Chapter 20: Capstone Design Challenges and Course Wrap-Up.
Type: graph-data-model
**sim-id:** next-steps-learning-path<br/>
**Library:** vis-network<br/>
**Status:** Specified
Learning objective: Students will *evaluate* (Bloom L5: Evaluate) which companion book or independent study extension best matches their own interests after completing this course.
Canvas: 700x450px, responsive via vis-network's `autoResize` option and a window resize listener calling `network.redraw()`.
Layout: a central node labeled "Learning STEM with Raspberry Pi Hardware (this course)" connected to five surrounding nodes, one per companion book — "Moving Rainbow," "STEM Robots," "Clocks and Watches," "Robot Faces," "AI Racing League" — plus a sixth node labeled "Independent Study Extension" for students not ready to commit to a full companion book yet.
Controls: a `createSelect()`-equivalent HTML dropdown labeled "Your Favorite Chapter," listing five representative chapters (e.g., "NeoPixel LED Art," "STEM Robot Building," "Clocks and Watches," "RGB Keyboard Lighting," "Real-Time Image Recognition") that, when selected, highlights the single best-matching companion book node with a glowing border.
Interaction: clicking any companion-book node opens an infobox with a one-sentence description of what that book covers in depth, matching the "Topics Not Covered" list from this course's description. Clicking "Independent Study Extension" opens an infobox with three example self-directed extension ideas, drawn from earlier capstone examples in this chapter.
Implementation: vis-network star-shaped layout with the course node fixed at the center, `network.selectNodes()` used to apply the highlight style when the dropdown changes, and a small JavaScript lookup object mapping dropdown choices to node IDs.