techradar

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 11 Open GitHub ↗

Inspired by https://github.com/bdargan/techradar I'd like to create my own little techradar

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# (Yet another) TechRadar

### TL;DR

Inspired by [bdargan](https://github.com/bdargan/techradar)s initial version of a tech-radar I've tried to 
build my own version of a radar and here it is.

###  The tail behind

I've stumbled upon a very inspiring [Thoughtworks](https://www.thoughtworks.com)-article by [Neil Ford](https://www.thoughtworks.com/de/insights/blog/build-your-own-technology-radar) in which he described the ideas behind a technology radar. As luck would have it the company I work for also had the need to establish some kind of communication channel regarding technology and/or tool decisions. Our intranet solution was based on [Atlassian Confluence](https://www.atlassian.com/software/confluence) and so I've created a (free) [Confluence-Plugin](https://marketplace.atlassian.com/plugins/de.iteconomics.confluence.techradar/server/overview) to create and present a technology radar based on that platform.

The frontend wasn't Confluence-specific at all and since Peter H. (hi Peter!!) <strike>nagged</strike> motivated me to eventually extract the UI-part I've created this repo (with a static data-source).

## Usage / Installation
Since I've used this project also as playground for me I've tried a whole bunch of tools to create it (I wouldn't suggest that approach these days again, but it still works). So, assuming you got `node` and `npm` installed you could issue the followin' commands and should be ready to go:

$~> cd techradar
    $~/techradar> npm install         # will install all dev-dependencies
    $~/techradar> bower install       # will fetch all necessary front-end dependencies
    $~/techradar> grunt               # will squish everything together

Fire up your browser and open the `index.html`. You should see something like this:

![TechRadar Sample](https://raw.githubusercontent.com/schoeffm/techradar/master/radar.png)

All the data is served by a static JSON-file `radars/dump.js`. The structure should be quite self explanatory - change it at will to see your technologies appearing in the radar.

- Hovering over a spot will highlight it (_as demonstrated in the screenshot_)
  - still staying with your mouse over that spot it'll also show its historic way through the radar (if the spot contains a recognizable history - I've created three stops for the docker-spot in the example data)
- Clickin' on a spot will uncover the current description
  - the spots name will be automatically detected in the text and linked to the tools homepage.
  - you can also directly embed HTML there to add your own links (__beware__: no escaping is done)
  - to access also the historic descriptions you'll have to click the _Histor_ link a the very bottom of the current description
    - that will uncover another text-block at the bottom of the page
- Clickin' the __?__-sign at the lift upper corner will show a short description about what's the purpose of this radar and each ring etc.

techradar

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README