More Premium Hugo Themes Premium Nextjs Themes

Aoe_technology_radar

Create your own Technology Radar: A static site generator for a full featured Technology Radar. Features: Quadrants, Rings, Dashboard, Radar Visualization, Item History, Search etc..

Aoe_technology_radar

Create your own Technology Radar: A static site generator for a full featured Technology Radar. Features: Quadrants, Rings, Dashboard, Radar Visualization, Item History, Search etc..

Author Avatar Theme by aoepeople
Github Stars Github Stars: 330
Last Commit Last Commit: Mar 31, 2025 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

The AOE Technology Radar is a static site generator designed for creating technology radars. In its recent version 4.0.0, it has been completely rewritten using Next.js for enhanced static site generation. This new version includes features like fuzzy search using Fuse.js, non-overlapping blips on the radar, and a reworked tag filter on the homepage. The AOE Tech Radar can be utilized to create customized technology radars based on specific needs.

Features:

  • Complete Rewrite: Version 4.0.0 is a complete rewrite of the AOE Technology Radar.
  • Enhanced Visualization: The visualization has been improved without relying on the D3 dependency.
  • Fuzzy Search: Includes a fuzzy search feature based on Fuse.js for better search functionality.
  • Non-overlapping Blips: Blips on the radar now do not overlap, leading to better clarity.
  • Tag Filter: A reworked tag filter has been implemented on the homepage.
  • Open Source: The generator is free to use under an Open Source License for public use.
  • Customization: Users can configure the radar by changing attributes like basePath, baseUrl, logoFile, and jsFile in the config.json file.

Installation:

  1. Step 1: Create a new project Ensure node.js is installed and create a new project by adding a package.json file:
{
  "name": "your-project-name",
  "version": "1.0.0",
  "scripts": {
    "build": "command to build radar"
  },
  "dependencies": {
    "dependency-name": "version"
  }
}

Run npm install to install dependencies and npm run build to create the initial radar with required files.

  1. Step 2: Change logo and favicon Place your logo.svg and favicon.ico in the public folder next to package.json. For custom logos, set the file name in config.json.

  2. Step 3: Configure the radar Edit the config.json to customize the radar according to your requirements:

AttributeDescription
basePathSet to “/” by default or a custom sub-path
baseUrlSet the full URL for hosting the radar
logoFilePath to the logo file in the public folder
jsFilePath or URL for including custom scripts

Summary:

The AOE Technology Radar, in its latest version 4.0.0, offers significant improvements such as enhanced visualization, a new fuzzy search feature, and non-overlapping blips on the radar. Users can create custom technology radars by following the installation steps and configuring settings in the config.json file. This open-source tool provides a flexible way to generate and customize technology radars based on individual needs.