Dyne.org Tech Radar

This repository now builds the radar as a static Vite site backed by YAML content.

Repository Structure

• data/radar.yml: radar-wide metadata, colors, rings, and quadrants
• data/home.yml: homepage copy, section labels, and ring descriptions
• data/quadrants/*.yml: quadrant-specific entries
• src/radar/renderRadar.js: D3 renderer adapted from the original static implementation
• src/radar/normalizeRadarData.mjs: transforms symbolic YAML content into the renderer format
• scripts/generate-radar-data-module.mjs: build-time data generation from YAML
• docs/: legacy static implementation kept as reference during the migration

Local Development

Install dependencies:

npm install

Start the Vite dev server:

npm run dev

While the dev server is running:

• changes in src/ hot reload immediately
• changes in data/home.yml, data/radar.yml, and data/quadrants/*.yml regenerate the derived module and trigger a full page reload

Build the static site:

npm run build

Run tests:

npm test

Run lint checks:

npm run lint

Content Workflow

The source of truth for radar content is YAML.

• Edit data/radar.yml for global metadata.
• Edit data/home.yml for homepage copy.
• Edit data/quadrants/*.yml for entries.
• npm run sync:data regenerates the JS module consumed by the app.
• npm run dev and npm run build run the data sync automatically.

Notes

• The chart renderer is still based on the original Zalando/Thoughtworks-style D3 radar.
• The current Vite app is intentionally simple so it can later be embedded into VitePress without rewriting the data or rendering layers.

License

MIT