       showColor: true
     }
   render: ->
-    colors = d3.scale.category20()
+    colors = d3.scale.category20b()
     rows = _.map @props.data, (d) =>
       if d.value == 0 and not @props.showZero
         return null

    if @props.total == 0
      return

    color = d3.scale.category20()

    outerRadius = @props.width / 2


MiscStats = React.createClass(
  displayName: 'MiscStats'
  render: ->
    if @props.stats
      callouts = [
        {
          value: @props.stats.genericConeScans
          description: 'Directional Scans'
          icon: 'dscan'
        }
        {
          value: @props.stats.genericRequestScans
          description: 'Probe Scans'
          icon: 'probeScan'
        }
        {
          value: @props.stats.travelWarpsToCelestial
          description: 'Warps to Celestial'
          icon: 'warpCelestial'
        }
        {
          value: @props.stats.travelWarpsToBookmark
          description: 'Warps to Bookmark'
          icon: 'warpBookmark'
        }
        {
          value: @props.stats.travelWarpsToFleetMember
          description: 'Warps to Fleet Member'
          icon: 'warpFleetmate'
        }
        {
          value: @props.stats.travelWarpsToScanResult
          description: 'Warps to Scan Result'
          icon: 'warpScanResult'
        }
        {
          value: @props.stats.travelAlignTo
          description: 'Aligns'
          icon: 'aligns'
        }
        {
          value: @props.stats.travelAccelerationGateActivations
          description: 'Activated Acceleration Gate'
          icon: 'accelGate'
        }
        {
          value: @props.stats.combatSelfDestructs
          description: 'Self Destructs'
          icon: 'selfDestruct'
        }
        {
          value: @props.stats.inventoryTrashItemQuantity
          description: 'Items Trashed'
          icon: 'trash'
        }
      ]
      return React.createElement(CalloutPanel, {title: 'The Rest', callouts: callouts, columns: 4})
    else
      null
)

PieDataPanel = React.createClass(
