29:null 2a:["$","title",null,{"children":"NetPolitiek Masterclass 2019 | Benjamin W. Broersma | Observable"}] 2f:T12e3,md`# NetPolitiek Masterclass 2019 ## Financing political parties in The Netherlands What kind of data is available? https://kennisopenbaarbestuur.nl/thema/financiering-politieke-partijen/ bron? download? https://www.rijksoverheid.nl/onderwerpen/democratie/documenten/publicaties/2017/10/03/financiele-verslagen-over-2016-van-politieke-partijen PDF? => for governement publications starting in 2016, we can use Who (Wet hergebruik overheidsinformatie) to get the source data format data.overheid.nl? https://data.overheid.nl/dataset/giften-en-schulden-politieke-partijen Click some more. https://www.rijksoverheid.nl/onderwerpen/democratie/documenten/publicaties/2017/10/03/overzichten-van-bijdragen-aan-politieke-partijen-en-hun-neveninstellingen-2016 Spreadsheet-ish! Click even more. https://www.rijksoverheid.nl/onderwerpen/democratie/documenten?trefwoord=overzichten-van-bijdragen-aan-politieke-partijen-en-hun-neveninstellingen&periode-van=&periode-tot=&onderdeel=Alle+ministeries&type=Alle+documenten. Data is available since 2013 in PDF. ## Can we visualize the data? ![NYT screenshot](https://i.imgur.com/jKd9t3L.png) Source New York Times ![screenshot 538](https://i.imgur.com/2EmSRkh.png "") Source fivethirtyeight ## Process the data See my starting point spreadsheet. Choose File->Make a copy to your own Google drive or claim one of the public editable sheets (no guarantees here!) and fill in your name in the sheet name to claim it (please respect filled in sheets!). Claim: sheet 1, sheet 2, sheet 3, sheet 4, sheet 5, sheet 6, sheet 7, sheet 8. Now you need to complete a few basic steps: 1. Convert the city names to municipalities (e.g. 'Hoofddorp => Haarlemmermeer') 2. Cleanup the data for unmapped cities 3. Sum up the amounts per city and party combination 4. Paste the data in the proper CSV format below 5. Optional: change the code! Tips: 1. VLOOKUP See Google documentation VLOOKUP 2. For some common cases, you can use replace or add a record in the mapping 3. See pivot tables Google documentation Pivot tables 4. Remove both € and , from the pivot table calculated output (Format->Number->More Formats->Custom Number Format), File->Download->Comma Seperated values (.csv current sheet), open in text editor (e.g. notepad) 5. Can you use different color scales per party? Can you combine party data like in the New York Times example? `30:[] 2d:{"id":"18359b3525ccff8d","slug":"netpolitiek-masterclass-2019","title":"NetPolitiek Masterclass 2019","thumbnail":"0be503ba69e611036ec6f0c6c9cb1a2229af69ce3a3a9f117e00a4f83d9625e6","access_level":"public","create_time":"$D2019-11-04T13:16:29.743Z","update_time":"$D2023-09-19T10:59:07.980Z","view_time":null,"first_public_time":"$D2019-11-04T14:59:54.511Z","has_unpublished_edits":null,"fork":{"id":"f125a02390b3cba5","slug":"asia-map","title":"Asia Map","owner":{"id":"8d652a601386fcf4","login":"aaronkyle","name":"Aaron Kyle Dennis"}},"stars":0,"starred":false,"owner":{"type":"team","id":"93128257bee38821","login":"bwb","name":"Benjamin W. Broersma","avatar_url":"https://avatars-next.observableusercontent.com/65f475fb253eb6a29b2898f9ac581c80ec798e6a61d65e6cb72a8a445c46f3ac","tier":"starter_2024"},"version":316,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f4f366f2bd0628df","login":"bwb","name":"Benjamin W. Broersma","avatar_url":"https://avatars-next.observableusercontent.com/65f475fb253eb6a29b2898f9ac581c80ec798e6a61d65e6cb72a8a445c46f3ac","tier":null}],"members":[{"type":"individual","id":"f4f366f2bd0628df","login":"bwb","name":"Benjamin W. Broersma","avatar_url":"https://avatars-next.observableusercontent.com/65f475fb253eb6a29b2898f9ac581c80ec798e6a61d65e6cb72a8a445c46f3ac","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"NetPolitiek Masterclass 2019","cells":[{"id":241,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"md`### Dutch municipalities map of 2017`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"{ \n var svg = d3.select(DOM.svg(width, height));\n svg.selectAll(\".map\")\n \t .data(nlMap.features)\n .enter()\n .append(\"path\")\n .attr(\"stroke\", \"#777\")\n //.attr(\"title\", function(d){ return d.properties.statnaam;} )\n .attr(\"fill\", function(d) {\n var records = data.filter(x => x.municipality == d.properties.statnaam && x.party == selectedParty);\n if (records.length == 1) {\n return colorScale(records[0].amount);\n }\n return \"#CCC\";\n })\n .attr(\"d\", path);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"md`Filter the map for this party:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"viewof selectedParty = select([...new Set(data.map(x => x.party))])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"md`\nEdit the data below to change the map, please keep the party,municipality,amount format:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"viewof source = {\n const textarea = html`

${d3.csvFormatRows(testData)}`;\n textarea.style = `\n display: block;\n boxSizing: border-box;\n width: calc(100% + 28px);\n font: var(--mono_fonts);\n border: none;\n padding: 6px 10px;\n margin: 0 -14px;\n background: #f9f9f9;\n tabSize: 2;\n outline: none;\n`;\n textarea.oninput = () => {\n textarea.style.height = \"initial\";\n textarea.style.height = `${textarea.scrollHeight - 12}px`;\n };\n yield textarea;\n textarea.oninput();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"md` \n## The code used on this page\nYou don't need to understand the code, you can just copy it and try to change it\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"colorScale = d3.scaleSequentialSqrt(d3.interpolateReds).domain([0, maxValue])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"maxValue = Math.max( ...data.filter(x=>x.party==selectedParty).map(x=>x.amount)) | 0;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"width = 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"height = 590;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"projection = d3.geoPatterson()\n\t.center([3,54])\n .scale(7000)\n .translate([0,0])\n .precision(.1);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"path = d3.geoPath()\n\t.projection(projection);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"data = d3.csvParseRows(source, ([party, municipality, amount]) => ({party, municipality, amount}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"nlMap = fetch(\"https://service.pdok.nl/cbs/gebiedsindelingen/2017/wfs/v1_0?service=WFS&request=GetFeature&version=2.0.0&typeName=gemeente_gegeneraliseerd&&srsName=EPSG:4326&outputFormat=json\").then(response => response.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require('d3', 'd3-geo', 'd3-geo-projection', 'd3-color@1', 'd3-scale-chromatic@^1.4.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"import {slider, select} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"testData=[[\"PvdA\",\"Amsterdam\",1000],[\"PvdA\",\"Haarlemmermeer\",100]]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}}
2e:"$2d:body"
</article></body></html>