       {left: 'electricity',      right: 'exported_electricity', gquery: 'electricity_to_exported_electricity_in_sankey_ufp', color: 'black'},
     ]
 
-
   # In this chart most positioning is calculated by us. The D3 sankey plugin is
   # cool but not flexible enough
   Node: class extends Backbone.Model

        attr("x", (d) => @x(horizontal_spacing * d.get('column'))).
        attr("y", (d) => @y(d.y_offset())).
        attr("fill", (d, i) -> d.get('color') || colors(i)).
        attr("stroke", (d, i) -> d3.rgb(d.get('color') || colors(i)).darker(2)).
        attr("width", (d) => @x width).
        attr("height", (d) => @y d.value())



    # callbacks
    #
    unselectedLinkOpacity = 0.1
    selectedLinkOpacity = 0.8

    node_mouseover: ->
      klass = $(this).attr('data-id')
      d3.selectAll(".link").
        filter((d) -> !d.connects(klass)).
        transition().
        duration(200).
        style("opacity", unselectedLinkOpacity)

    # this is used as link_mouseout, too
    node_mouseout: ->
      d3.selectAll(".link").
        transition().
        duration(200).
        style("opacity", selectedLinkOpacity).
        selectAll(".link_label").
        transition().
        style("opacity", 0) # labels

    link_mouseover: ->
      current_id = $(this).parent().attr("data-cid")
