I am a Computer Scientist and Musician by training. A writer with interests in Philosophy, Economics, Technology, Politics, Business, the Arts and Fiction.
Published
Edited
Aug 29, 2020
If "Rejected Votes" and "I didn't vote" were a partyAlternative Bus Map of ColomboPolice Divisions and Stations in Sri LankaSL Food PricesSL Facebook Movement DataVariations on Proportional RepresentationHow the JJB might have won 10 seatsPower Stations of Sri LankaPoverty in Sri LankaToilets for All Sri LankansDrinking Water in Sri LankaSL RegionsSL Census 2012SL ElectionsSri Lankan Cabinet - August 2020
Kings, Kingdoms and Royal Dynasties of Sri Lanka
Also listed in…
History
md`# Kings, Kingdoms and Royal Dynasties of Sri Lanka`
{
const sunburstData = await getKingsSunburstData();
return drawSunburst(sunburstData);
}
md`---
### Appendix: Code`
d3 = require('d3@5')
import { drawTable } from '@nuuuwan/table-utils'
import { drawSunburst } from '@nuuuwan/sunburst-chart'
md`---`
function format_year(x) {
if (x < 0) {
return String(-x) + ' BC';
}
return x;
}
async function getKings() {
const rawData = await d3.csv(
'https://raw.githubusercontent.com/nuuuwan/misc-sl-data/master/history.wikipedia.sl_kings.csv'
);
return rawData.map((x, i) =>
Object({
order: i + 1,
name: x.name,
ascent: x.date_ascent,
descent: x.date_descent,
kingdom: x.kingdom
.replace('Kingdom of', '')
.replace('Kingdom', '')
.trim(),
dynasty: x.dynasty.replace('House of', '').trim()
})
);
}
getKings()
async function getKingsByKingdomAndDynasty() {
const kingsData = await getKings();
return kingsData.reduce(function(byKingdomAndDynasty, datum) {
const kingdom = datum.kingdom;
const dynasty = datum.dynasty;
if (!byKingdomAndDynasty[kingdom]) {
byKingdomAndDynasty[kingdom] = {};
}
if (!byKingdomAndDynasty[kingdom][dynasty]) {
byKingdomAndDynasty[kingdom][dynasty] = [];
}
byKingdomAndDynasty[kingdom][dynasty].push(
Object({
name: datum.name,
value: datum.descent - datum.ascent,
ascent: datum.ascent,
descent: datum.descent,
subName: `${format_year(datum.ascent)} - ${format_year(datum.descent)}`
})
);
return byKingdomAndDynasty;
}, {});
}
async function getKingsSunburstData() {
const kingdomToDynastyToKings = await getKingsByKingdomAndDynasty();
return Object({
name: 'Kings of Sri Lanka',
subName: '543 BC - 2020',
children: Object.entries(kingdomToDynastyToKings).reduce(function(
sunburstData,
[kingdom, dynastyToKings]
) {
const kingdomChildren = Object.entries(dynastyToKings).reduce(function(
kingdomChildren,
[dynasty, dynastyChildren]
) {
const ascent = Math.min(...dynastyChildren.map(x => x.ascent));
const descent = Math.max(...dynastyChildren.map(x => x.descent));
kingdomChildren.push(
Object({
name: dynasty,
children: dynastyChildren,
ascent: ascent,
descent: descent,
subName: `${format_year(ascent)} - ${format_year(descent)}`
})
);
return kingdomChildren;
},
[]);
const ascent = Math.min(...kingdomChildren.map(x => x.ascent));
const descent = Math.max(...kingdomChildren.map(x => x.descent));
sunburstData.push(
Object({
name: kingdom,
children: kingdomChildren,
ascent: ascent,
descent: descent,
subName: `${format_year(ascent)} - ${format_year(descent)}`
})
);
return sunburstData;
},
[])
});
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
