Skip to content

Instantly share code, notes, and snippets.

@jmewes

jmewes/notes.md Secret

Last active February 2, 2018 07:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jmewes/9a7ec932cada80dda7bcb8120fa4d8d1 to your computer and use it in GitHub Desktop.
Save jmewes/9a7ec932cada80dda7bcb8120fa4d8d1 to your computer and use it in GitHub Desktop.
How to modify the "Build your own Radar" tool from ThoughtWorks

Prequisites

  • Google account
  • Git installed
  • Docker installed
  • 1h time

(1) Create a Google Spreadsheet

The required structure of the spreadsheet is explained in the README file of the "Build your own Radar" project:

https://github.com/thoughtworks/build-your-own-radar#setting-up-your-data

(2) Clone the TechRadar

git clone https://github.com/thoughtworks/build-your-own-radar.git

(3) So some adjustments

For example:

diff --git a/src/graphing/radar.js b/src/graphing/radar.js
index f807e4d..fc8bbba 100644
--- a/src/graphing/radar.js
+++ b/src/graphing/radar.js
@@ -317,8 +317,8 @@ const Radar = function (size, radar) {
   function drawLegend(order) {
     removeRadarLegend();
 
-    var triangleKey = "New or moved";
-    var circleKey = "No change";
+    var triangleKey = "Work in progress";
+    var circleKey = "Archived";
 
     var container = d3.select('svg').append('g')
       .attr('class', 'legend legend'+"-"+order);
@@ -452,10 +452,7 @@ const Radar = function (size, radar) {
       .append('div')
       .attr('class', 'footer-content')
       .append('p')
-      .html('Powered by <a href="https://www.thoughtworks.com"> ThoughtWorks</a>. '
-      + 'By using this service you agree to <a href="https://info.thoughtworks.com/visualize-your-tech-strategy-terms-of-service.html">ThoughtWorks\' terms of use</a>. '
-      + 'You also agree to our <a href="https://www.thoughtworks.com/privacy-policy">privacy policy</a>, which describes how we will gather, use and protect any personal data contained in your public Google Sheet. '
-      + 'This software is <a href="https://github.com/thoughtworks/build-your-own-radar">open source</a> and available for download and self-hosting.');
+      .html('Powered by <a href="https://www.thoughtworks.com"> ThoughtWorks</a>.');
   }
 
   function mouseoverQuadrant(order) {

Take care that the tool is licensed under the AGPL license.

(3) Start the server

cd build-your-own-radar
docker run -p 8080:8080 -v $PWD:/app -w /app -it node:7.3.0 /bin/sh -c 'npm install && npm run dev'

Now you can access the tool on http://localhost:8080.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment