Categorize indices by event type

[KatiRG]

There are four event types:
-heat
-cold
-rain
-drought

[KatiRG]

One option is a sunburst chart, which is supposed to have been integrated into dc.js 2.1 (see dc-js/dc.js#781). More sunburst-related discussion: dc-js/dc.js#907

Another option is d3.js partition table (http://hacks.michelepasin.org/subjectsviz/d3partitionTable?levels=3), but this would have to be wired to dc. See http://stackoverflow.com/questions/25336528/dc-js-listening-for-chart-group-render

[KatiRG]

Here is a good discussion about treemaps, which are a cartesian version of the sunburst:
dc-js/dc.js#129

Two useful links in the above post:
Marimekko chart: http://bl.ocks.org/mbostock/1005090 (named after the Finnish design company :) )
Parallel sets: http://www.jasondavies.com/parallel-sets/

[KatiRG]

I tried jannah's suggestion in the above post but finally ran into this error which I cannot fix:

TypeError: c.utils.GroupStack is not a constructor
...data:d,x:g,y:h,layer:b})}}var h,i,j,k,l=new c.utils.GroupStack,m=a.layout.stack(...

[KatiRG]

Since sunburst currently does not support .valueAccessor which is necessary for displaying the average value, we now use a pieChart as a category selector (we have two categories at the moment: Heat and Rain), and a barChart for the indices, colour-coded to match the categories.

Can reopen issue when sunburst functionality is available.