31:T5b0,function drawPolygonMapSLConflicts(options = {}) { options = addDefaults(options, { maxValueRadius: 20, caption: getCaption('with fatalities in the past year'), fEventFilter: x => x.fatalities > 0 && x.event_timestamp > UNIXTIME_CURRENT - SECS_IN.YEAR, fDatumToColor: datum => hsla(0, datum.fatalities > 0 ? 100 : 0, 50, 0.25) }); const maxFatalities = Math.max(...DATA_SL_PROTESTS.map(x => x.fatalities)); const pinData = DATA_SL_PROTESTS.filter(options.fEventFilter); function fAppendPins(svg, t) { const pinList = [ Object({ latLng: [2, 2], color: 'red', label: 'This is a pin' }), Object({ latLng: [4, 4], color: 'blue', label: 'This is also a pin' }) ]; pinData.map(function(datum) { const [x, y] = t(datum.latLng); const radius = options.maxValueRadius * Math.sqrt((datum.fatalities + 1) / (maxFatalities + 1)); const fontSize = radius; drawCircle(svg, x, y, radius, { fill: options.fDatumToColor(datum), stroke: null }); drawText2(svg, [x, y], datum.fatalities ? datum.fatalities : '', { // textAnchor: 'start', fontSize: fontSize }); }); } options = addDefaults(options, { fRegionInfoToColor: regionInfo => 'white', fAppendLabel: (svg, x, y) => null, fAppendLegend: svg => null, fAppendPins: fAppendPins }); return drawRegionMap('LK', REGION_TYPE.DISTRICT, options); }32:T44a,function drawEventFeed(options = {}) { options = addDefaults(options, { fEventFilter: datum => true, nRecentEvents: 20 }); const recentData = DATA_SL_PROTESTS.filter(options.fEventFilter).slice( 0, options.nRecentEvents ); let s = html` `; let prevDateStr = undefined; function formatEvent(x) { const itemClass = x.fatalities > 0 ? 'item fatalities' : 'item'; const dateStr = new Date(x.event_timestamp * 1000).toLocaleDateString(); if (prevDateStr !== dateStr) { s = html`${s}

${dateStr}

`; prevDateStr = dateStr; } s = html`${s}

${x.location} ${x.notes} ${x.sourceList.join('; ')} #${x.event_type}

`; } recentData.map(formatEvent); return s; }33:[] 2f:{"title":"Conflicts in Sri Lanka","cells":[{"id":0,"value":"md`# Conflicts in Sri Lanka`","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"md`*Original Data Source: [Armed Conflict Location & Event Data Project (ACLED) data for Sri Lanka](https://data.humdata.org/dataset/acled-data-for-sri-lanka)* via [Human Data Exchange](https://data.humdata.org).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"drawPolygonMapSLConflicts({\n maxValueRadius: 100,\n width: 700,\n nFatalitiesLimit: N_FATALITIES_LIMIT,\n nMonthsLimit: 12,\n caption: getCaption(\n ` with fatalities in the past ${12} months - the number indicates fatalities`\n )\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":556,"value":"drawPolygonMapSLConflictsEventTypes({\n maxValueRadius: 100,\n width: 700,\n legendWidth: 200,\n caption: getCaption(\n ` in the past ${N_MONTHS_LIMIT} months - the number indicates fatalities`\n ),\n fEventFilter: x =>\n x.event_timestamp > UNIXTIME_CURRENT - SECS_IN.MONTH * N_MONTHS_LIMIT\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":651,"value":"{\n return drawPolygonMapSLConflictsSource({\n maxValueRadius: 50,\n width: 700,\n legendWidth: 200,\n caption: getCaption(\n ` in the past ${N_MONTHS_LIMIT} months - the number indicates fatalities`\n ),\n fEventFilter: x =>\n x.event_timestamp > UNIXTIME_CURRENT - SECS_IN.MONTH * N_MONTHS_LIMIT\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":370,"value":"md`## ${N_RECENT_EVENTS} Most Recent Events`","pinned":false,"hidden":false,"mode":"ojs"},{"id":367,"value":"drawEventFeed({ nRecentEvents: N_RECENT_EVENTS })","pinned":false,"hidden":false,"mode":"ojs"},{"id":376,"value":"viewof N_RECENT_EVENTS = slider({\n min: 1,\n max: 50,\n step: 1,\n value: 5,\n description: \"Number of events to see\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":359,"value":"md`## Events with at least ${N_FATALITIES_LIMIT} fatalities, in the last ${N_MONTHS_LIMIT} months`","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"drawEventFeed({\n fEventFilter: datum =>\n datum.fatalities >= N_FATALITIES_LIMIT &&\n datum.event_timestamp > UNIXTIME_CURRENT - SECS_IN.MONTH * N_MONTHS_LIMIT\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"viewof N_FATALITIES_LIMIT = slider({\n min: 1,\n max: 50,\n step: 1,\n value: 2,\n description: \"Fatalities limit\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":408,"value":"viewof N_MONTHS_LIMIT = slider({\n min: 1,\n max: 60,\n step: 1,\n value: 12,\n description: \"Number of months\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"md`![alt text](https://acleddata.com/acleddatanew/wp-content/uploads/2019/05/logo-retina.png)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"md`![alt text](https://data.humdata.org/images/hxl_fb-01.png)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"md`### Appendix: Code`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"import { drawTable } from '@nuuuwan/drawing-utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"import { REGION_TYPE, drawRegionMap } from '@nuuuwan/sri-lanka-regions'","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"import { addDefaults } from '@nuuuwan/option-utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"import { drawCircle, drawText2 } from '@nuuuwan/svg-utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"import { hsla, getRandomColor } from '@nuuuwan/color-utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":485,"value":"import { drawSimpleColorLegend } from '@nuuuwan/dorling-cartogram'","pinned":true,"hidden":false,"mode":"ojs"},{"id":667,"value":"import {\n SECS_IN,\n getCurrentUnixTime,\n getUnixTimeFromDateStr\n} from '@nuuuwan/time-utils'","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"md`---`","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"async function getDataSLProtests() {\n const URL =\n 'https://raw.githubusercontent.com/nuuuwan/misc-sl-data/master/conflict_data_lka.csv';\n const rawData = await d3.csv(URL);\n\n return rawData\n .filter(x => x.data_id)\n .map(x =>\n Object({\n log_timestamp: parseInt(x.timestamp),\n event_timestamp: getUnixTimeFromDateStr(x.event_date),\n event_date: x.event_date,\n location: x.location,\n latLng: [x.latitude, x.longitude],\n\n notes: x.notes.split('[')[0],\n fatalities: parseInt(x.fatalities),\n sourceList: x.source.split(';'),\n\n data_id: x.data_id,\n event_id_cnty: x.event_id_cnty,\n event_type: x.event_type,\n sub_event_type: x.sub_event_type,\n actor1: x.actor1,\n assoc_actor_1: x.assoc_actor_1\n })\n )\n .sort((a, b) => b.event_timestamp - a.event_timestamp);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"DATA_SL_PROTESTS = await getDataSLProtests()","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"UNIXTIME_CURRENT = getCurrentUnixTime()","pinned":true,"hidden":false,"mode":"ojs"},{"id":507,"value":"EVENT_TO_COLOR = Object({\n 'Explosions/Remote violence': hsla(0, 100, 50, 0.5),\n Riots: hsla(30, 100, 50, 0.5),\n Protests: hsla(60, 100, 50, 0.5),\n 'Violence against civilians': hsla(120, 100, 50, 0.5),\n 'Strategic developments': hsla(240, 100, 50, 0.5),\n Battles: hsla(300, 100, 50, 0.5)\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":567,"value":"SOURCE_TO_COLOR = Object({\n 'Daily Mirror (Sri Lanka)': hsla(240, 100, 50, 0.8),\n 'Sunday Times (Sri Lanka)': hsla(240, 100, 80, 0.8),\n\n 'News1st (Sri Lanka)': hsla(180, 100, 50, 0.8),\n\n 'Ada Derana': hsla(0, 100, 40, 0.8),\n 'Hiru News': hsla(0, 100, 60, 0.8),\n 'Daily News (Sri Lanka)': hsla(0, 100, 80, 0.8),\n\n 'Centre For Monitoring Election Violence CMEV': hsla(0, 0, 50, 0.8),\n\n Virakesari: hsla(120, 100, 40, 0.8),\n 'Tamil Guardian': hsla(120, 100, 60, 0.8),\n TamilNet: hsla(120, 100, 80, 0.8)\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":610,"value":"OTHER_SOURCES_COLOR = hsla(0, 0, 75, 0.4)","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"function getCaption(customText = '') {\n return md`**Conflicts in Sri Lanka** ${customText} (Armed Conflict Location & Event Data Project (ACLED) data for Sri Lanka)`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":505,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":229,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":447,"value":"function drawPolygonMapSLConflictsEventTypes(options = {}) {\n options = addDefaults(options, { width: 500, legendWidth: 200 });\n\n function fDatumToColor(datum) {\n return EVENT_TO_COLOR[datum.event_type]\n ? EVENT_TO_COLOR[datum.event_type]\n : 'gray';\n }\n\n function fAppendLegend(svg) {\n const [x, y] = [options.width - options.legendWidth, 20];\n drawSimpleColorLegend(\n svg,\n x,\n y,\n 'Conflict Event Type',\n Object.entries(EVENT_TO_COLOR).map(([event_type, color]) =>\n Object({ label: event_type, color: color })\n ),\n options\n );\n }\n\n options = addDefaults(options, { fDatumToColor, fAppendLegend });\n\n return drawPolygonMapSLConflicts(options);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":562,"value":"function drawPolygonMapSLConflictsSource(options = {}) {\n options = addDefaults(options, { width: 500, legendWidth: 200 });\n\n function fDatumToColor(datum) {\n return SOURCE_TO_COLOR[datum.sourceList[0]]\n ? SOURCE_TO_COLOR[datum.sourceList[0]]\n : OTHER_SOURCES_COLOR;\n }\n\n function fAppendLegend(svg) {\n const [x, y] = [options.width - options.legendWidth, 20];\n drawSimpleColorLegend(\n svg,\n x,\n y,\n 'News Source',\n Object.entries(SOURCE_TO_COLOR).map(([source, color]) =>\n Object({ label: source, color: color })\n ).concat([Object({label: 'Other Sources', color: OTHER_SOURCES_COLOR})]),\n options\n );\n }\n\n options = addDefaults(options, { fDatumToColor, fAppendLegend });\n\n return drawPolygonMapSLConflicts(options);\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}