Add Brain Map tab: radial SVG concept graph with production context#1
Open
warfield2016 wants to merge 1 commit into
Open
Add Brain Map tab: radial SVG concept graph with production context#1warfield2016 wants to merge 1 commit into
warfield2016 wants to merge 1 commit into
Conversation
7 tasks
A new sixth tab that visualizes all 30 concepts across the 5 CCA-F domains
as an interactive radial graph, with cross-domain connection arcs showing
how concepts relate across exam scenarios.
Click any concept to open a detail panel with six sections per concept:
- Why it matters (production impact, 1-2 sentences)
- Used in (concrete production apps)
- Connects to (clickable links to related concepts across domains)
- Learn more (curated Skilljar + docs links)
- Watch for (common failure modes and anti-patterns)
- Exam signals (distractor-trap phrases that point to this concept)
Implementation notes:
- Pure SVG with polar-coordinate layout (no d3, keeps zero external UI
deps per project convention)
- 3-ring design: root at center, 5 domain nodes sized by weight, 30 concept
nodes clustered by domain with angular spread proportional to domain size
- 47 cross-domain arcs rendered as quadratic Bezier curves, highlighted on
hover/selection, dimmed otherwise
- Brighter label colors for D1 (#e74c3c) and D5 (#a569bd) to fix WCAG AA
contrast failures against the #0c0c10 background
- Detail panel expands below the SVG (no modal overlay), closes on Escape
- Mastery toggle persisted to localStorage with bm-{id} key format
- Keyboard accessible (Tab focus, Enter opens panel, Esc closes)
- Renders cleanly at both mobile (375px) and desktop widths
warfield2016
force-pushed
the
feat/brain-map
branch
from
d1f7b78 to
19d6e33
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Test plan