Oh, you thought we were done? Let's squeeze one more chart out of d3-hierarchy before moving on.
If you remember, the partition chart was a bit funky, largely because it's mainly used in datasets where only the leaf nodes (that is, the outermost nodes without children) have a value. Since some of the parents in our dataset have screentime values, this sort of distorts it and makes it look odd. We will re-render that, but make it all cool and circular this time.
You know the drill. main.js:
westerosChart.init('radialPartition', 'data/GoT-lineages-screentimes.json');In chapter6/index.js:
westerosChart.radialPartition = function RadialPartition(_data) {
const data = getMajorHouses(_data)
.map((d, i, a) => Object.assign(d, {
screentime: a.filter(v =>
v.fatherLabel === d.itemLabel).length ? 0 : d.screentime,
}) );
const radius = Math.min(this.innerWidth, this.innerHeight) / 2;
};We start by creating a radius that...