A colour-coded radar chart to keep track of technologies in use, whether they are being evaluated, adopted or phased out.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Examples
HTML5Radar
css
js
.gitignore
LICENSE
README.md
TIMELINE.md
data.json
radar.html

README.md

appSecRadar

Sherif Mansour's (@kerberosmansour) idea and design of a colour-coded radar chart to keep track of technologies in use, whether they are being evaluated, adopted or phased out.

Built with SVG and JavaScript.

Examples

radar-7 6-1 radar-7 6-2 radar-dots Can move dots without reloading or refreshing screen - on click and move they will find a new random position within their boundary. radar_7 7-3 Radii can easily be adjusted to accommodate data.
Sectors will auto add/delete depending on data.

Set Up

The best way to use the radar with the input in JSON format is with a local server.
There's likely to be a simple server built into your operating system.
Here's how to access it from the command line on a mac OSX:

cd to the directory containing your radar.html
Type:
python -m SimpleHTTPServer 8000
or type:
php -S localhost:8000
(doesn't have to be port 8000 - ie. 8001, 8002... 8888, 3000, 3001 etc. are fine if they're not in use)

In the browser address bar type: http://localhost:8000/radar.html (or whatever port was specified).
Then it should work fine.
(Ctrl C exits the server.)

Or another way to use the radar is:

Convert/copy the data.json file to a js object file - data.js - and add:
const techList =
before the first opening bracket [ ...
data.json will be used if the data isn't in data.js.

Browser Compatibility

18-11-17
Tested latest changes in: 
FireFox 
Safari 
Chrome 
Opera 
IE 11