About this Technology Radar
Welcome! You're looking at a live showcase of the open-source
How to read the radar
Every entry on the radar is a blip. Each blip has two coordinates:
- Segment (the slice of the circle): the area of practice it belongs to, e.g. Languages & Frameworks, Infrastructure, or Data & AI.
- Ring (the distance from the center): the current recommendation.
- Adopt: proven in production; safe default for new work.
- Trial: worth pursuing; use in non-critical projects to build experience.
- Assess: interesting; explore in spikes or proofs of concept.
- Hold: do not start new work with this; migrate away when practical.
Click a blip to open its detail page with the full description, tags, teams, links, and a complete revision history. Use the search and filter controls to narrow things down by name, tag, team, or status. The changelog shows what moved between releases at a glance.
The structure of the radar (segments, rings, labels, colors, branding) is fully configurable per instance and may evolve over time.
🎨 Try the theme switcher
This radar is fully themeable — and you can try it right now without setting anything up:
- 🎨 Open the Spotlight command palette to pick a different theme — that's where the look-and-feel lives. Press ⌘K (macOS) or Ctrl+K (Windows/Linux) to open it, then type > to switch into action mode and search for theme. The header toggle next to it flips light and dark for the active theme.
- 🎁 Seven built-in themes are bundled out of the box — Neutral, Porsche, Porsche Heritage, Blueprint, Matrix, Solarized, and Synthwave — to demonstrate the range from corporate-restrained to retro-neon. Most ship with both light and dark variants; a few are intentionally single-mode (Blueprint light-only, Matrix dark-only).
What the generator gives you
The Technology Radar Generator is an open-source tool for teams who want their own radar without building the platform themselves. Out of the box you get:
- 🚀 Scaffold in one command — starter content, dev server, and build scripts included
- 🏷️ Configurable taxonomy — define your own segments, rings, labels, and colors
- 🎨 Custom theming — seven built-in themes plus a documented
manifest.jsonctemplate for your own - 🌗 Theme × mode — light/dark variants where the theme provides them, plus header toggle and Spotlight controls
- 📡 Radar visualization — interactive overview with segment and ring layout
- 📄 Technology detail pages — each entry gets its own page with full context
- 🔍 Search and filters — find technologies by name, tag, team, or status
- 📜 Revision history — track how assessments change across releases
- 📋 Changelog — see what moved between releases at a glance
- 🖼️ Open Graph images — every radar entry gets a shareable preview card
- 📸 Radar image export — download the full radar visualization as a PNG
- ☁️ Static export — deploy to GitHub Pages, Vercel, Netlify, or any static host
- 🗂️ Content as code — radar entries live in Git, changes go through pull requests
Spin up your own
You only need
npm create @porscheofficial/techradar my-radar
cd my-radar
npm run dev
Then:
- Add technologies as Markdown files under
radar/. - Configure segments, rings, and labels in
config.json. - Pick a built-in theme or copy
themes/.example/tothemes/<your-theme>/manifest.jsoncand customize colors, chips, logos, and background art (each theme can also provide light and dark mode variants). - Edit
about.mdto make this very page your own. - Run
npm run buildand publish the staticbuild/directory anywhere.
The scaffolder also works with pnpm create, yarn create, and bun create.
See the
Contributing
The project is open source and contributions are very welcome on GitHub:
Acknowledgements
This project is based on the open-source
