       {gquery: 'electricity_agriculture_in_mekko_of_final_demand'}
     ],
     hot_water: [
-      {gquery: 'hot_water_industry_in_mekko_of_final_demand'},
-      {gquery: 'hot_water_households_in_mekko_of_final_demand'},
-      {gquery: 'hot_water_buildings_in_mekko_of_final_demand'},
-      {gquery: 'hot_water_transport_in_mekko_of_final_demand'},
-      {gquery: 'hot_water_other_in_mekko_of_final_demand'},
-      {gquery: 'hot_water_agriculture_in_mekko_of_final_demand'}
+      {gquery: 'hot_water_industry_in_mekko_of_final_demand',    label: 'hot water industry'},
+      {gquery: 'hot_water_households_in_mekko_of_final_demand',  label: 'hot water households'},
+      {gquery: 'hot_water_buildings_in_mekko_of_final_demand',   label: 'hot water buildings'},
+      {gquery: 'hot_water_transport_in_mekko_of_final_demand',   label: 'hot water transport'},
+      {gquery: 'hot_water_other_in_mekko_of_final_demand',       label: 'hot water other'},
+      {gquery: 'hot_water_agriculture_in_mekko_of_final_demand', label: 'hot water agriculture'}
     ],
   }
 

    val: =>
      @gquery.get('future_value')

  View: class extends D3ChartView
    el: "body"

    initialize: ->
      @initialize_defaults()
      @color = d3.scale.category20c()

    # D3 layouts expect data in a precise format
    prepare_data: =>

      @treemap = d3.layout.treemap()
        .size([@width, @height])
        .sticky(true)
        .value((d) -> d.val())
      @svg = d3.select("#d3_container").
        append("div").
        style("position", "relative").
