examples/default.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta charset="utf-8">
   5   <title>Thoughtworks Radar 2014</title>
   6   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
   7   <script src="../bower_components/chance/chance.js"></script>
   8   <script src="../bower_components/d3/d3.min.js"></script>
   9   <script src="../src/namespaces.js"></script>
  10   <script src="../src/util/fib.js"></script>
  11   <script src="../src/models/cycle.js"></script>
  12   <script src="../src/models/blip.js"></script>
  13   <script src="../src/models/quadrant.js"></script>
  14   <script src="../src/models/radar.js"></script>
  15   <script src="../src/graphing/radar.js"></script>
  16   <style>
  17   </style>
  18 </head>
  19 <body>
  20   <div id="radar">
  21   </div>
  22 </body>
  23 <script>
  24   var adopt = new tr.models.Cycle('Adopt', 0);
  25   var assess = new tr.models.Cycle('Assess', 1);
  26   var trial = new tr.models.Cycle('Trial', 2);
  27   var hold = new tr.models.Cycle('Hold', 3);
  28
  29   var radar = new tr.models.Radar();
  30   var toolsQuadrant = new tr.models.Quadrant('Tools');
  31   var techniquesQuadrant = new tr.models.Quadrant('Techniques');
  32   var platformsQuadrant = new tr.models.Quadrant('Platforms');
  33   var languageFramework = new tr.models.Quadrant('Languages & Frameworks');
  34
  35   toolsQuadrant.add([
  36       new tr.models.Blip('D3', adopt),
  37       new tr.models.Blip('Dependency Management for JavaScript', adopt, true),
  38       new tr.models.Blip('Ansible', trial, true),
  39       new tr.models.Blip('Calabash', trial, true),
  40       new tr.models.Blip('Chaos Monkey', trial, true),
  41       new tr.models.Blip('Gatling', trial),
  42       new tr.models.Blip('Grunt.js', trial, true),
  43       new tr.models.Blip('Hystrix', trial),
  44       new tr.models.Blip('Icon fonts', trial),
  45       new tr.models.Blip('Librarian-puppet and Librarian-Chef', trial),
  46       new tr.models.Blip('Logstash & Graylog2', trial),
  47       new tr.models.Blip('Moco', trial, true),
  48       new tr.models.Blip('PhantomJS', trial),
  49       new tr.models.Blip('Prototype On Paper', trial, true),
  50       new tr.models.Blip('SnapCI', trial, true),
  51       new tr.models.Blip('Snowplow Analytics & Piwik', trial),
  52       new tr.models.Blip('Cloud-init', assess, true),
  53       new tr.models.Blip('Docker', assess, true),
  54       new tr.models.Blip('Octopus', assess),
  55       new tr.models.Blip('Sensu', assess, true),
  56       new tr.models.Blip('Travis for OSX/iOS', assess, true),
  57       new tr.models.Blip('Visual regression testing tools', assess, true),
  58       new tr.models.Blip('Xamarin', assess, true),
  59       new tr.models.Blip('Ant', hold, true),
  60       new tr.models.Blip('Heavyweight test tools', hold),
  61       new tr.models.Blip('TFS', hold)
  62   ]);
  63   techniquesQuadrant.add([
  64       new tr.models.Blip('Capturing client-side JavaScript errors', adopt),
  65       new tr.models.Blip('Continuous delivery for mobile devices', adopt),
  66       new tr.models.Blip('Mobile testing on mobile networks', adopt),
  67       new tr.models.Blip('Segregated DOM plus node for JS Testing', adopt, true),
  68       new tr.models.Blip('Windows infrastructure automation', adopt),
  69       new tr.models.Blip('Capture domain events explicitily', trial, true),
  70       new tr.models.Blip('Client and server rendering with same code', trial, true),
  71       new tr.models.Blip('HTML5 storage instead of cookies', trial),
  72       new tr.models.Blip('Instrument all the things', trial, true),
  73       new tr.models.Blip('Masterless Chef/Puppet', trial, true),
  74       new tr.models.Blip('Micro-services', trial),
  75       new tr.models.Blip('Perimeterless enterprise', trial),
  76       new tr.models.Blip('Provisioning testing', trial, true),
  77       new tr.models.Blip('Structured logging', trial, true),
  78       new tr.models.Blip('Bridging physical and digital worlds with simple hardware', assess, true),
  79       new tr.models.Blip('Collaborative analytics and data science', assess),
  80       new tr.models.Blip('Datensparsamkeit', assess, true),
  81       new tr.models.Blip('Development environments in the cloud', assess),
  82       new tr.models.Blip('Focus on mean time to recovery', assess),
  83       new tr.models.Blip('Machine image as a build artifact', assess),
  84       new tr.models.Blip('Tangible interaction', assess, true),
  85       new tr.models.Blip('Cloud lift and shift', hold, true),
  86       new tr.models.Blip('Ignoring OWASP Top 10', hold, true),
  87       new tr.models.Blip('Siloed metrics', hold, true),
  88       new tr.models.Blip('Velocity as productivity', hold, true)
  89   ]);
  90   platformsQuadrant.add([
  91       new tr.models.Blip('Elastic Search', adopt),
  92       new tr.models.Blip('MongoDB', adopt),
  93       new tr.models.Blip('Neo4J', adopt),
  94       new tr.models.Blip('Node.js', adopt),
  95       new tr.models.Blip('Redis', adopt),
  96       new tr.models.Blip('SMS and USSD as UI', adopt),
  97       new tr.models.Blip('Hadoop 2.0', trial),
  98       new tr.models.Blip('Hadoop as a service', trial, true),
  99       new tr.models.Blip('Open Stack', trial),
 100       new tr.models.Blip('PostgreSQL for NoSql', trial),
 101       new tr.models.Blip('Vumi', trial),
 102       new tr.models.Blip('Akka', assess, true),
 103       new tr.models.Blip('Backend as a service', assess, true),
 104       new tr.models.Blip('Low-cost robotics', assess, true),
 105       new tr.models.Blip('PhoneGap/Apache Cordova', assess),
 106       new tr.models.Blip('Private Clouds', assess),
 107       new tr.models.Blip('SPDY', assess, true),
 108       new tr.models.Blip('Storm', assess, true),
 109       new tr.models.Blip('Web Components standard', assess, true),
 110       new tr.models.Blip('Big enterprise solutions', hold),
 111       new tr.models.Blip('CMS as a platform', hold, true),
 112       new tr.models.Blip('Enterprise Data Warehouse', hold, true)
 113   ]);
 114   languageFramework.add([
 115       new tr.models.Blip('Clojure', adopt, true),
 116       new tr.models.Blip('Dropwizard', adopt),
 117       new tr.models.Blip('Scala, the good parts', adopt),
 118       new tr.models.Blip('Sinatra', adopt),
 119       new tr.models.Blip('CoffeeScript', trial),
 120       new tr.models.Blip('Go language', trial, true),
 121       new tr.models.Blip('Hive', trial, true),
 122       new tr.models.Blip('Play Framework 2', trial),
 123       new tr.models.Blip('Reactive Extensions across languages', trial, true),
 124       new tr.models.Blip('Web API', trial, true),
 125       new tr.models.Blip('Elixir', assess, true),
 126       new tr.models.Blip('Julia', assess, true),
 127       new tr.models.Blip('Nancy', assess),
 128       new tr.models.Blip('OWIN', assess),
 129       new tr.models.Blip('Pester', assess, true),
 130       new tr.models.Blip('Pointer Events', assess, true),
 131       new tr.models.Blip('Python 3', assess, true),
 132       new tr.models.Blip('TypeScript', assess, true),
 133       new tr.models.Blip('Yeoman', assess, true),
 134       new tr.models.Blip('Handwritten CSS', hold),
 135       new tr.models.Blip('JSF', hold, true)
 136   ]);
 137
 138   radar.setFirstQuadrant(toolsQuadrant);
 139   radar.setSecondQuadrant(techniquesQuadrant);
 140   radar.setThirdQuadrant(platformsQuadrant);
 141   radar.setFourthQuadrant(languageFramework);
 142
 143   var radarGraph = new tr.graphing.Radar(1080, radar);
 144   radarGraph.init('#radar').plot();
 145 </script>
 146 </html>