How to use the Technology Radar

⚠️ Disclaimer: This is a showcase based on the open-source technology radar for visualization purposes and does not represent actual Porsche or Porsche Digital technology choices.

Introduction

The Porsche Digital Technology Radar visualizes the technologies, tools, methods, and platforms relevant to our engineering teams. It helps make informed decisions about which technologies to adopt, trial, assess, or hold.

Items are organized into quadrants and placed on rings that indicate our current recommendation. The radar structure — including the number of quadrants and rings — is fully configurable and may evolve over time (e.g., dedicated rings for AI-related technologies). The visual styling follows the Porsche Design System.

Setting up your own instance

Create a new project and install the radar as a dependency:

mkdir my-technology-radar && cd my-technology-radar
npm init -y
npm install @porscheofficial/porschedigital-technology-radar

Run npx techradar init to scaffold starter files (radar/, config.json, about.md, public/, custom.scss, .gitignore).
Edit config.json to set your branding, quadrants, rings, and colors.
Add your technologies as Markdown files in radar/ (one folder per release, e.g. radar/2025-01-15/react.md).
Run npx techradar dev to preview, then npx techradar build to generate the static site in build/.

See the README for full configuration and front-matter documentation.

Contributing

Source code and contributions are welcome on GitHub: Porsche Digital Technology Radar

Acknowledgements

This project is based on the open-source AOE Technology Radar (forked at v4.6.1) and has been extensively modified by Porsche Digital.