       React.createElement(PieDataPanel,{data: @chartData(), chartType: 'pie'})
 )
 
+DistanceAnalogyPanel = React.createClass(
+  displayName: 'DistanceAnalogyPanel'
+  # in meters per second
+  vehicles:
+    light:
+      name: 'The speed of light'
+      speed: 299792458
+    voyagerOne:
+      name: 'Voyager 1'
+      speed: 17260.2
+    mph60:
+      name: 'A car travelling at 60 MPH'
+      speed: 26.8224
+    concord:
+      name: 'The Concorde'
+      speed: 605.292
+    walker:
+      name: 'Walking on foot'
+      speed: 1.4
+    cyclist:
+      name: 'Riding a bicycle'
+      speed: 6.5
+    ferrari:
+      name: 'A Ferrari F50 GT1'
+      speed: 105.5
+    iss:
+      name: 'The International Space Station orbiting the Earth'
+      speed: 7700
+
+  getInitialState: ->
+    return {
+      vehicle: _.sample @vehicles
+    }
+  render: ->
+    speedKmPerS = @state.vehicle.speed / 1000
+    speedOfLightAu = speedKmPerS / 149597871
+    totalAu = @props.distance
+    travelSeconds = totalAu / speedOfLightAu
+    lightSpeedYears = Intl.NumberFormat().format(Math.round(travelSeconds / 60 / 60 / 24/ 365))
+    distanceText = "#{@state.vehicle.name} would take #{lightSpeedYears} years to cover your total distance travelled."
+    dom.h4 {className: 'pull-right'}, dom.em(null,distanceText)
+)
+
 WeaponUsagePanel = React.createClass(
   displayName: 'WeaponUsagePanel'
   chartData: ->


      charInfoPanel

      dom.div {className: 'container'},
        dom.div {className: 'col-md-6'}, travelJumpsPanel
        dom.div {className: 'col-md-6'}, travelDistancePanel

      dom.div {className: 'container'},
        dom.div {className: 'col-md-6'}, weaponUsagePanel
        dom.div {className: 'col-md-6'}, damageTakenPanel

      dom.div {className: 'container'},
        dom.div {className: 'col-md-6'}, repsGivenPanel
        dom.div {className: 'col-md-6'}, repsReceivedPanel



# Ideas
# * Damage represented by ship icon (relative EHP)
