31:T55e,colorByID2 = (objectSet,dataList,objectIDfield,dataIDfield,dataValueField,weights,extents,colorScaleColors) => { // dataIDField = country code // dataValueField = year // colorScale = low, high var combined = {}; // combined dataset, maps country to value (given year) for (let index = 0; index < 7; ++index) { let data = dataList[index]; data.forEach(d =>{ if (!(d[dataIDfield] in combined)){ combined[d[dataIDfield]] = 0; } combined[d[dataIDfield]] += weights[index] * toNum(d[dataValueField]); }) } let minValue = -1; let maxValue = -1; let firstValue = true; for (const property in combined){ if (firstValue){ minValue = combined[property]; maxValue = combined[property]; firstValue = false; } else { if(combined[property] < minValue){ minValue = combined[property]; } if(combined[property] > maxValue){ maxValue = combined[property]; } } } // let minValue = d3.min(combined, country => toNum(combined[country])); // let maxValue = d3.max(combined, country => toNum(combined[country])); let colorScale = d3.scaleLinear().domain([minValue, maxValue]).range(colorScaleColors) for (const property in combined){ objectSet.filter(o=>o[objectIDfield] == property) .style("fill",colorScale(combined[property])) } }32:T416,chart = { let mySVG = d3.select('svg'); mySVG.append("rect") .attr("x", 20) .attr("y", 390) .attr("width", 200) .attr("height", 100) .style("fill", "#011329") mySVG.append("rect") .attr("x", 30) .attr("y", 400) .attr("width", 20) .attr("height", 15) .style("outline", "2px solid " + "#b08400") .style("fill", good) mySVG.append("text") .text('Safe Havens') .attr("x", 60) .attr("y", 400) .attr("alignment-baseline", "hanging") .style("fill", '#e6dcbe') mySVG.append("rect") .attr("x", 30) .attr("y", 430) .attr("width", 20) .attr("height", 15) .style("outline", "2px solid " + "#b08400") .style("fill", bad) mySVG.append("text") .text('Worst Offenders') .attr("x", 60) .attr("y", 430) .attr("alignment-baseline", "hanging") .style("fill", '#e6dcbe') mySVG.append("text") .text(year) .attr("x", 60) .attr("y", 460) .attr("alignment-baseline", "hanging") .style("fill", '#e6dcbe') }33:[{"id":"bee62f0bd582857074553930098c62382f6fe99e67139adca2aaaf6bcda6f3df69cdd1b745c057171957d9d554a8dc67d2f6ec63feea6ddc01635090c7ce342e","href":"https://static.observableusercontent.com/files/bee62f0bd582857074553930098c62382f6fe99e67139adca2aaaf6bcda6f3df69cdd1b745c057171957d9d554a8dc67d2f6ec63feea6ddc01635090c7ce342e","name":"POLPRIS.csv","type":"text/csv","lastModified":1651848617550.579,"size":24116},{"id":"985a489f140f04d537b0493e08b00a5840547a38251dfa0fca60709e36655737b9d3abd08123babf612dd13ae5156c9b05655358710d3303be06f1d89b96f582","href":"https://static.observableusercontent.com/files/985a489f140f04d537b0493e08b00a5840547a38251dfa0fca60709e36655737b9d3abd08123babf612dd13ae5156c9b05655358710d3303be06f1d89b96f582","name":"TORT.csv","type":"text/csv","lastModified":1651848617560.878,"size":24113},{"id":"6b129f07cc88f3ce456f86711774fe751855d96958d38f0d9b17691db3a73551cda69dc9ffbe3bbca77a1ed5e8d5ae76852dad92afd78cd35015d3f0c4b086d3","href":"https://static.observableusercontent.com/files/6b129f07cc88f3ce456f86711774fe751855d96958d38f0d9b17691db3a73551cda69dc9ffbe3bbca77a1ed5e8d5ae76852dad92afd78cd35015d3f0c4b086d3","name":"SPEECH.csv","type":"text/csv","lastModified":1651848617550.516,"size":24143},{"id":"349b73eab3e47ba373e215dbc9285898a3a862296bedfac2eefa2c49f571d234225525211956242b019480ed62a3c15a9b49055aa8e892f346886f32c76f3f39","href":"https://static.observableusercontent.com/files/349b73eab3e47ba373e215dbc9285898a3a862296bedfac2eefa2c49f571d234225525211956242b019480ed62a3c15a9b49055aa8e892f346886f32c76f3f39","name":"KILL.csv","type":"text/csv","lastModified":1651848617577.383,"size":24095},{"id":"ba297e7b1ba5ae28c5150815f06dce819acd030cec0f95886bab10f7d1b7de2c57a4767be46246c8ec181b644319bfd3cf6732a4351f5f2242f87dfd820cc069","href":"https://static.observableusercontent.com/files/ba297e7b1ba5ae28c5150815f06dce819acd030cec0f95886bab10f7d1b7de2c57a4767be46246c8ec181b644319bfd3cf6732a4351f5f2242f87dfd820cc069","name":"ELECSD.csv","type":"text/csv","lastModified":1651848617561.332,"size":24143},{"id":"02567e07560ee96e7d648f02035558dfc91cb317989b6d2a12e77c7df7ec4bcbe58b5f16f94453b8c5c9d96faac1f1faa9d1a7e868b067b1cc12af58bd50bda1","href":"https://static.observableusercontent.com/files/02567e07560ee96e7d648f02035558dfc91cb317989b6d2a12e77c7df7ec4bcbe58b5f16f94453b8c5c9d96faac1f1faa9d1a7e868b067b1cc12af58bd50bda1","name":"DISAP.csv","type":"text/csv","lastModified":1651848617568.454,"size":24113},{"id":"02b4d21419f73482556761f9091313cdfdc44473a41030f2d88228e1bbc0cf35eb3a0971f48f312476f04c00e1ff9bb17f282b77e5c4c1715cce5f282a568e04","href":"https://static.observableusercontent.com/files/02b4d21419f73482556761f9091313cdfdc44473a41030f2d88228e1bbc0cf35eb3a0971f48f312476f04c00e1ff9bb17f282b77e5c4c1715cce5f282a568e04","name":"ASSN.csv","type":"text/csv","lastModified":1651848617575.125,"size":24128}] 2f:{"title":"If The Seas Swallowed Up Our Crimes","cells":[{"id":0,"value":"# If The Seas Swallowed Up Our Crimes\nShows a weighted characterization of each country's government-catalyzed human rights violations over time. Fork of Professor Eric Field's \"Maps - Choropleth\": Once we have the map, color it by other data.","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":109,"value":"viewof year = Inputs.range([1981, 2011], {label: \"Year\", step:1, value:2000})","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"

How much do these violations matter?

","pinned":false,"hidden":false,"mode":"html"},{"id":173,"value":"viewof kill_v = Inputs.range([0, 10], {label: \"Extrajudicial Killing\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"viewof tort_v = Inputs.range([0, 10], {label: \"Torture\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":285,"value":"viewof disap_v = Inputs.range([0, 10], {label: \"Forced Disappearance\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"viewof polpris_v = Inputs.range([0, 10], {label: \"Political Imprisonment\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":288,"value":"viewof elecsd_v = Inputs.range([0, 10], {label: \"Electoral Suppression\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"viewof speech_v = Inputs.range([0, 10], {label: \"Censorship\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":292,"value":"viewof assn_v = Inputs.range([0, 10], {label: \"Protest Crackdown\", step:1, value:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":351,"value":"

Customize the Colors

","pinned":false,"hidden":false,"mode":"html"},{"id":355,"value":"viewof good = Inputs.text({label: \"The Good\",value:'#66ffa8'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":359,"value":"viewof bad = Inputs.text({label: \"The Bad\",value:'#4a0101'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":327,"value":"slider_vals = [kill_v, tort_v, disap_v, polpris_v, elecsd_v, speech_v, assn_v];","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"import {getMapData, drawMapLayer} from \"@emfielduva/dvlib_maps\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"mapLayers = {\n let mapLayers = [];\n mapLayers[\"countries\"] = drawMapLayer(map,\"countries\",world.features,world.idField);\n return mapLayers;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"","pinned":false,"hidden":false,"mode":"md"},{"id":34,"value":"-------","pinned":false,"hidden":false,"mode":"md"},{"id":50,"value":"### Color it to make a choropleth\nBring in some new data, then use common data by mapping a data field to the map's data id.","pinned":false,"hidden":false,"mode":"md"},{"id":55,"value":"kill = FileAttachment('KILL.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"tort = FileAttachment('TORT.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"disap = FileAttachment('DISAP.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"polpris = FileAttachment('POLPRIS.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"elecsd = FileAttachment('ELECSD.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"speech = FileAttachment('SPEECH.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"assn = FileAttachment('ASSN.csv').csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"injustice_datasets = [kill, tort, disap, polpris, elecsd, speech, assn];","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"**import** cells from my library that are built to perform this relate.","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"import {colorByID, toNum} from \"@emfielduva/dvlib\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"Create a **color scale** for this data range:","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"colorScale = d3.scaleLinear().domain([0,70]).range([\"#000d3d\",\"white\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"Now invoke the colorByID function imported. \nThis connects the \"Country Code\" in the gdp dataset to the \"id\" in the geographic map data. \nThe syntax of this command is:","pinned":false,"hidden":false,"mode":"md"},{"id":182,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":235,"value":"colorByID2(mapLayers[\"countries\"],injustice_datasets,\"id\",\"Three\",year,slider_vals,'',[bad,good])","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"--------","pinned":false,"hidden":false,"mode":"md"},{"id":120,"value":"for reference, here is what the colorByID function is doing, and this could be done manually directly in the code in this notebook. There may be cases where you want to do more bespoke things and need to customize the code. \n\nEssentially, it's looping through the tabular dataset (data) for gdp, the forEach of those elements: \n- filter the geography objects (the drawn countries) to find the one that matches the \"Country Code\" ID from the gdp data row\n- then set the style of that graphic object to a color\n- from the colorScale interpolator\n- using the gdp dataset's data field selected (the year column)","pinned":false,"hidden":false,"mode":"md"},{"id":124,"value":"-------","pinned":false,"hidden":false,"mode":"md"},{"id":385,"value":"

Legend Creation (Dynamic)

","pinned":false,"hidden":false,"mode":"html"},{"id":458,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}