Add techmix per sector plot (#38)

* Add data for the techmix chart

* Add techmix_sector file with first outline of the code

* Add draft techmix plot

* Add legend

* Add legend green bars

* Draw bars for now and future

* Add year labels

* Add hover-overs

* Fix hover-overs for current year

* Remove unused colours automotive and reverse order

* Read parameter values from selectors

* Fix: Read from scenario selector

* Add event listeners

* Connect equity market selector

* Connect benchmark selector to plot

* Style

* Style css

* Make sure all technologies are in subgroups

* Remove TODO

* Clarify comment

* Remove TODO

src/css/plot_styles.css

@@ -170,8 +170,17 @@ div.d3chart.WaffleChart {
 	font-size: 1.4em;
 }
 
-div.d3chart.stacked_bars .axis .domain {
-	display: none;
+div.d3chart .axis {
+	font-size: 1.6em;
+}
+
+/* axis color */
+div.d3chart path.domain {
+	stroke: #c0c0c0;
+}
+
+div.d3chart .tick line {
+	stroke: #c0c0c0;
 }
 
 /* d3 data_table styling */
@@ -229,31 +238,19 @@ div.d3chart svg .Steel {
 
 /* technologies color palette */
 div.d3chart svg .Automotive[class*='Electric'] {
-	fill: #548995;
-}
-
-div.d3chart svg .Automotive[class*='Electric_HDV'] {
-	fill: #609cab;
+	fill: #aedbe6;
 }
 
 div.d3chart svg .Automotive.FuelCell {
-	fill: #6cb0c0;
-}
-
-div.d3chart svg .Automotive.Hybrid {
 	fill: #78c4d6;
 }
 
-div.d3chart svg .Automotive.Hybrid_HDV {
-	fill: #93cfde;
+div.d3chart svg .Automotive.Hybrid {
+	fill: #6cb0c0;
 }
 
 div.d3chart svg .Automotive.ICE {
-	fill: #aedbe6;
-}
-
-div.d3chart svg .Automotive.ICE_HDV {
-	fill: #c9e7ee;
+	fill: #548995;
 }
 
 div.d3chart svg .Power.CoalCap {