Skip to content

porscheofficial/porschedigital-technology-radar

Repository files navigation


Technology Radar Generator

Create, customize, and publish your own technology radar
without building the platform yourself.


Live showcase   •   Get started   •   Documentation



npm version npm version (scaffolder) CI OpenSSF Scorecard License


Animated walkthrough: theme switching and key pages of a generated technology radar



A technology radar makes technology decisions visible — what your teams adopt, evaluate, or move away from, all in one place. This generator lets you spin up your own radar as a static site, shaped entirely around your organization's language, categories, and branding. Content lives as Markdown in Git. You own everything.

Note

Everything is configurable: segments, rings, labels, colors, logos, and metadata. The decision model is yours.

Get started

npm create @porscheofficial/techradar my-radar
cd my-radar
npm run dev

Then customize:

  1. Add technologies as Markdown files in radar/.
  2. Configure segments, rings, and labels in config.json.
  3. Customize colors, logos, and theming in themes/<your-theme>/manifest.jsonc (each theme can also provide light and dark mode variants).
  4. Build and publish the static build/ directory.

Also works with pnpm create, yarn create, and bun create.

Features

  • 🚀 Scaffold in one command — starter content, dev server, and build scripts included
  • 🏷️ Configurable taxonomy — define your own segments, rings, labels, and colors
  • 🎨 Custom theming — logos, page titles, metadata, and theme colors
  • 🌗 Theme × mode — dual-mode themes with 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

Packages

Package Description
@porscheofficial/create-techradar Scaffold a new radar project
@porscheofficial/porschedigital-technology-radar Generator framework and CLI

Contributing

See the framework documentation, workspace conventions, and architecture decisions.

Maintained by Porsche Digital

Built and maintained by Porsche Digital. Originally based on the AOE Technology Radar, substantially modernized for package-based reuse, static publishing, and content-as-code workflows.


Framework: Apache-2.0 · Scaffolder: MIT

About

A static Technology Radar generator by Porsche Digital — visualize, track, and share technology decisions across your organization.

Topics

Resources

License

Security policy

Stars

12 stars

Watchers

1 watching

Forks

Packages

 
 
 

Contributors