Skip to content

Interactive roadmap explorer with generated PDF/PNG - #89

Merged
m3y54m merged 7 commits into
masterfrom
feature/interactive-roadmap
Oct 9, 2026
Merged

m3y54m merged 7 commits into
masterfrom
feature/interactive-roadmap

Conversation

@m3y54m

@m3y54m m3y54m commented Oct 9, 2026

Copy link
Copy Markdown
Owner

Replaces the Visio diagram with an interactive explorer built from README.md and site/map.json, deployed to GitHub Pages.

  • Map view: Software, Software ∩ Hardware, Hardware and Soft skills areas, importance colors, filters, connections between topics, A4 print layout, credits and license
  • Outline view, search and a details panel with descriptions and learning resources
  • PDF/PNG rendered from the site with headless Chromium (site/tools/render.mjs), served next to the site and attached to published releases
  • CI: tests, render and deploy to https://m3y54m.github.io/Embedded-Engineering-Roadmap/ on pushes to master
  • Removes the .vsdx file; the map is edited in site/map.json

Static site in site/ (vanilla ES modules, no build step) that reads
README.md at runtime and draws the roadmap map.

- Map view: Software, Software ∩ Hardware, Hardware and Soft skills
  areas, importance colors, area/importance filters, connections
  between topics, pan/zoom, A4 print stylesheet
- Outline view, search and a details panel with descriptions and
  learning resources
- site/map.json is the editable source of the map (bands, clusters,
  importance); layout.js places it on an A4 page with a minimum spacing
- Credits with creator logo, CC BY-SA badge and build revision
- Sofia Sans Semi Condensed bundled under the OFL
- Tests for the README parser, map mapping and layout
site/tools/render.mjs serves the site, opens it in headless Chromium
and writes an A4 PDF and a 2x PNG of the map using the print styles.
Run the tests, assemble the site with build revision info, render the
PDF and PNG, deploy to GitHub Pages from master and attach the PDF and
PNG to published releases.
The roadmap is now drawn by the explorer from README.md and
site/map.json, so the .vsdx file and its lock-file ignores are no
longer needed.
Point contributors to README.md and site/map.json as the sources of the
roadmap and drop the remaining Visio references.
Shown only when the CI-rendered files exist next to the site; on phones they replace the Print button.
@m3y54m
m3y54m merged commit 44bd12b into master Oct 9, 2026
9 checks passed
@m3y54m
m3y54m deleted the feature/interactive-roadmap branch October 9, 2026 23:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant