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 25, 2020
1 star
If "Rejected Votes" and "I didn't vote" were a partyAlternative Bus Map of ColomboPolice Divisions and Stations in Sri LankaSL Food PricesKings, Kingdoms and Royal Dynasties of Sri LankaSL Facebook Movement DataVariations on Proportional RepresentationHow the JJB might have won 10 seatsPoverty in Sri LankaToilets for All Sri LankansDrinking Water in Sri LankaSL RegionsSL Census 2012SL ElectionsSri Lankan Cabinet - August 2020
Power Stations of Sri Lanka
Also listed in…
Power & Energy
drawDorlingCartogramPowerStations({ width: 540, height: 540 })
await drawTablePowerStations()
md`### Appendix: Code`
d3 = require("d3@5")
import {
drawDorlingCartogram,
drawSimpleColorLegend,
drawSimpleCircleLegend
} from '@nuuuwan/dorling-cartogram'
import { addDefaults } from '@nuuuwan/option-utils'
import { arrayToIndex } from '@nuuuwan/list-utils'
async function drawDorlingCartogramPowerStations(options = {}) {
const stationDataOriginal = await getStationData();
const stationData = stationDataOriginal.filter(x => x.end_year === '');
const maxCapacity = Math.max(...stationData.map(x => x.capacity_mw));
const stationIndex = arrayToIndex(stationData, x => x.station);
options = addDefaults(options, {
width: 800,
height: 800,
legendWidth: 200,
maxRadius: 64,
fRegionIDToColor: function(regionID) {
const info = stationIndex[regionID];
return TYPE_TO_COLOR[info['type']];
}
});
const capacityToRadius = capacity =>
options.maxRadius * Math.sqrt(capacity / maxCapacity);
options = addDefaults(options, {
fRegionIDToRadius: function(regionID) {
return capacityToRadius(stationIndex[regionID]['capacity_mw']);
},
fAppendLegend(svg) {
drawSimpleColorLegend(
svg,
options.width - options.legendWidth,
20,
'Generation Type',
['Hydro', 'Oil', 'Coal'].map(stationType =>
Object({
label: stationType,
color: TYPE_TO_COLOR[stationType]
})
),
options
);
drawSimpleCircleLegend(
svg,
options.width - options.legendWidth,
120,
'Generation Capacity',
[10, 100, 1000].map(capacity =>
Object({
label: `${capacity} MW`,
radius: capacityToRadius(capacity)
})
),
options
);
}
});
const regionIDToPolygonList = stationData.reduce(function(
regionIDToPolygonList,
x
) {
const regionID = x.station;
const polygonList = [[x.location]];
regionIDToPolygonList[regionID] = polygonList;
return regionIDToPolygonList;
},
{});
return drawDorlingCartogram(regionIDToPolygonList, options);
}
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.
