31:Tbf7,definition = (Vars === "Populist Prime Minister") ? "The background color represents the government whether the government was populist or not populist according to Ruth-Lovell & Grahn. The Dataset by " + ruthlovell + " is based on articles by " + huberschimp + " & " + huberschimpf + " and " + ruth : (Vars === "Government Mean Populism Score") ? "The color represents how populist the country's government at the time was according to the " + vpartylink + " populism score. We calculated the mean populism score per government without considering the strength per party. The score is continuuous and equals 0 if a government was not populist at all, and 1 if the party was very populist. The " + vpartylink + " dataset's populism score is based on their anti-elite and people-centred items. Find out more in their " + vpartycodebook + "!" : (Vars === "Government Weighted Populism Score") ? "The color represents how populist the country's government at the time was according to the " + vpartylink + " populism score. We calculated the weighted populism score per government by weighing the populism score per party with their strength in government (share of seats of overall government seats in parliament). The score is continuuous and equals 0 if a government was not populist at all, and 1 if the government was very populist. The " + vpartylink + " dataset's populism score is based on their anti-elite and people-centred items. Find out more in their " + vpartycodebook + "!": (Vars === "Head of State Populism Score") ? "The color represents how populist the country's head of state's party was at the time was according to the " + vpartylink + " populism score. The score is continuuous and equals 0 if a government was not populist at all, and 1 if the party was very populist. The " + vpartylink + " dataset'spopulism score is based on their anti-elite and people-centred items. Find out more in their " + vpartycodebook + "!": (Vars === "Any Party in Government Populist") ? "The color represents whether the government at the time was populist or not populist according to the " + populistlink + ". In this definition a government is considered populist as soon as one party is coded populist in the PopuList dataset. The " + populistlink + " is based on expert surveys.": (Vars === "Government Seniority Weighted Populism Score") ? "The color represents whether the government at the time was populist or not populist according to the " + populistlink + ". In this definition, a government is considered populist if the head of state's party is coded populist in the PopuList dataset. The " + populistlink + "is based on expert surveys." : "More explanation on the dataset here.";32:T1ae6,// Copyright 2021, Observable Inc. // Released under the ISC license // https://observablehq.com/@d3/color-legend function Legend(color, { title, tickSize = 8, width = 320, height = 100 + tickSize, width_full = 650, height_full = 100 + tickSize, marginTopheader = 25, marginTop = 70, marginRight = 20, marginBottom = 16 + tickSize, marginRect = 20, marginLeft = 25 + marginRect, ticks = width / 64, tickFormat, tickValues, tickLabels } = {}) { function ramp(color, n = 256) { const canvas = document.createElement("canvas"); canvas.width = n; canvas.height = 1; const context = canvas.getContext("2d"); for (let i = 0; i < n; ++i) { context.fillStyle = color(i / (n - 1)); context.fillRect(i, 0, 1, 1); } return canvas; } const svg = d3.create("svg") .attr("width", width_full) .attr("height", height_full) .attr("viewBox", [0, 0, width_full, height_full]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // Continuous if (color.interpolate) { const n = Math.min(color.domain().length, color.range().length); x = color.copy().rangeRound(d3.quantize(d3.interpolate(marginLeft, width - marginRight), n)); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.copy().domain(d3.quantize(d3.interpolate(0, 1), n))).toDataURL()); } // Sequential else if (color.interpolator) { x = Object.assign(color.copy() .interpolator(d3.interpolateRound(marginLeft, width - marginRight)), {range() { return [marginLeft, width - marginRight]; }}); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat. if (!x.ticks) { if (tickValues === undefined) { const n = Math.round(ticks + 1); tickValues = d3.range(n).map(i => d3.quantile(color.domain(), i / (n - 1))); } if (typeof tickFormat !== "function") { tickFormat = d3.format(tickFormat === undefined ? ",f" : tickFormat); } } } // Threshold else if (color.invertExtent) { const thresholds = color.thresholds ? color.thresholds() // scaleQuantize : color.quantiles ? color.quantiles() // scaleQuantile : color.domain(); // scaleThreshold const thresholdFormat = tickFormat === undefined ? d => d : typeof tickFormat === "string" ? d3.format(tickFormat) : tickFormat; x = d3.scaleLinear() .domain([-1, color.range().length - 1]) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.range()) .join("rect") .attr("x", (d, i) => x(i - 1)) .attr("y", marginTop) .attr("width", (d, i) => x(i) - x(i - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", d => d); tickValues = d3.range(thresholds.length); tickFormat = i => thresholdFormat(thresholds[i], i); } // Ordinal else { x = d3.scaleBand() .domain(color.domain()) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.domain()) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {} } svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(d3.axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickFormat(typeof tickFormat === "function" ? tickFormat(function(d,i){ return tickLabels[i] }) : undefined) .tickSize(tickSize) .tickValues(tickValues)) //.tickFormat(function(d,i){ return tickLabels[i] }) .call(tickAdjust) .call(g => g.select(".domain").remove()) .call(g => g.append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px") .attr("class", "title") .text(title)); // add how to svg.append("text") // add text for dashed lines .attr("x", 0) .attr("y", marginTopheader) .text("How to read this graph:") .style("font", "14px 'Atkinson Hyperlegible'") .style("font-weight", "bold"); // add manual legend for dashed lines and constitutions svg.append("text") // add label for cc .attr("x", width + 88) .attr("y", marginTop - 6) .text("Constitutional Change") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); svg.append("line") // dashed line for legend .attr("x1", width + 95) .attr("x2", width + 95) .attr("y1", marginTop) .attr("y2", height - 20) .style("stroke-width", 2) .style("stroke-dasharray","5,5") // dashed array for line .style("stroke", "black"); svg.append("text") // add text for dashed lines .attr("x", width + 105) .attr("y", marginTop + 13) .text("Amendment") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); svg.append("line") .attr("x1", width + 205) .attr("x2", width + 205) .attr("y1", marginTop) .attr("y2", height - 20) .style("stroke-width", 2) .style("stroke", "black"); svg.append("text") // dashed lines are amendments .attr("x", width + 215) .attr("y", marginTop + 13) .text("New") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); // add NA svg.append("rect") .attr("x", width + 14.5) .attr("y", marginTop) .attr('width', height - marginTop - marginBottom) .attr('height', height - marginTop - marginBottom) .attr('fill', myGrey); svg.append("text") // add label NA .attr("x", width + 15) .attr("y", height - 6) .text("NA") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "10px"); return svg.node(); }33:Tf38,// Copyright 2021, Observable Inc. // Released under the ISC license // https://observablehq.com/@d3/color-legend function Binary(color, { title, width = 320, height = 100, width_full = 650, height_full = height, marginTopheader = 25, marginTop = 70, marginRight = 0, marginBottom = 16, marginRect = 20, marginLeft = 8 } = {}) { const svg = d3.create("svg") .attr("width", width_full) .attr("height", height_full-10) .attr("viewBox", [0, 0, width_full, height_full]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // add how to svg.append("text") // add text for dashed lines .attr("x", -33) .attr("y", marginTopheader) .text("How to read this graph:") .style("font", "16px 'Atkinson Hyperlegible'") .style("font-weight", "bold"); // add manual legend for binary color svg.append("text") // add label for cc .attr("x", marginLeft) .attr("y", marginTop - 6) .text("Populism Score") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); svg.append("rect") // colors .attr("x", marginLeft) .attr("y", marginTop) .attr('width', height - marginTop - marginBottom) .attr('height', height - marginTop - marginBottom) .attr('fill', myBinaryColors[0]); svg.append("text") // add text .attr("x", marginLeft + 20) .attr("y", marginTop + 13) .text("Non-Populist") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); svg.append("rect") // colors .attr("x", marginLeft + 123) .attr("y", marginTop) .attr('width', height - marginTop - marginBottom) .attr('height', height - marginTop - marginBottom) .attr('fill', myBinaryColors[1]); svg.append("text") // add text .attr("x", marginLeft + 143) .attr("y", marginTop + 13) .text("Populist") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "14px"); // add NA svg.append("rect") // colors .attr("x", marginLeft + 218) .attr("y", marginTop) .attr('width', height - marginTop - marginBottom) .attr('height', height - marginTop - marginBottom) .attr('fill', '#dadada'); svg.append("text") // add text .attr("x", marginLeft + 238) .attr("y", marginTop + 13) .text("NA") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "16px"); // add manual legend for dashed lines and constitutions svg.append("text") // add label for cc .attr("x", width + 88) .attr("y", marginTop - 6) .text("Constitutional Change") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "16px"); svg.append("line") // dashed line for legend .attr("x1", width + 95) .attr("x2", width + 95) .attr("y1", marginTop) .attr("y2", height - 15) .style("stroke-width", 3) .style("stroke-dasharray","5,5") // dashed array for line .style("stroke", "black"); svg.append("text") // add text for dashed lines .attr("x", width + 105) .attr("y", marginTop + 13) .text("Amendment") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "16px"); svg.append("line") .attr("x1", width + 205) .attr("x2", width + 205) .attr("y1", marginTop) .attr("y2", height - 15) .style("stroke-width", 3) .style("stroke", "black"); svg.append("text") // dashed lines are amendments .attr("x", width + 215) .attr("y", marginTop + 13) .text("New") .style("font-family", "Atkinson Hyperlegible") .style("font-size", "16px"); return svg.node(); }34:[] 2f:{"title":"Constitutional Regression?","cells":[{"id":0,"value":"# Constitutional Regression?\n\n\nPlease find the blog article here !","pinned":false,"hidden":false,"mode":"md"},{"id":2153,"value":"// choose a continent\nviewof continent = Inputs.radio(\n [\"Latin America\", \"Europe\"] ,\n {label: \"Continent\", value: \"Latin America\", unique: true}\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"// choose a country\nviewof source = Inputs.select(\n filteredcon.map(row => row.country), \n {label: \"Country\", value: continent === \"Latin America\" ? \"Bolivia\" : \"Hungary\", unique: true}\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":826,"value":"// select a dataset\nviewof Dataset = Inputs.radio(Object.keys(filteredOptions), {label: \"Select Dataset\", value: \"V-Party\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":818,"value":"// select how you'd like to define populism\nviewof Vars = Inputs.radio(dsoptions[Dataset], {label: \"Populism Definition\", value: Dataset === \"V-Party\" ? \"Government Weighted Populism Score\" : Dataset === \"PopuList\" ? \"Any Party in Government Populist\" : \"Populist Prime Minister\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1152,"value":"viewof Democracy = Inputs.radio(Object.keys(democracyoptions), {value: \"Liberal Democracy\", label: \"Democracy Measure\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":2014,"value":"legend = (Dataset === 'V-Party') ?\n Legend(d3.scaleSqrt([0, 0.3, 0.6, 1], ['#FAF2E2', '#F1DDC1', '#DEB9A7', \"#BB7688\"]), {\n title: \"V-Party Populism Scale\",\n tickValues: [0, 0.3, 0.6, 1]\n }) :\n (Dataset !== 'V-Party') ?\n Binary(d3.scaleOrdinal([\"Non-populist\", \"Populist\", \"NA\"], myBinaryColors)) :\n '';","pinned":false,"hidden":false,"mode":"ojs"},{"id":814,"value":"plotfinal = Plot.plot({\n marginRight: 20,\n width: 650,\n height: 400,\n color: colors,\n marks: [\n Plot.areaY(filtered_populism, {\n x: \"new_start\",\n y: 1,\n fill: myGrey,\n fillOpacity: 0.8\n }),\n Plot.areaY(filtered_populism, {\n x: \"new_start\",\n y: 1,\n z: null,\n fill: \"populism_score\"\n }),\n Plot.ruleY([0]),\n Plot.ruleX(constchange, {\n x: \"new_date\",\n stroke: \"darkslategrey\",\n strokeDasharray: [5,5],\n strokeWidth: 1.5\n }),\n Plot.ruleX(newconst, {\n x: \"new_date\",\n stroke: \"darkslategrey\",\n strokeDasharray: \"solid\",\n strokeWidth: 1.5\n\n }),\n Plot.lineY(filtered_populism, {\n x: \"manipulated_date\", \n y: democracydef,\n z: null,\n stroke: \"black\"\n }),\n Plot.ruleX([earliesttdate]),\n ],\n x: {\n label: \"Year\",\n domain: [earliesttdate, endplot]\n },\n y: {\n domain: [0, 1],\n label: Democracy\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1355,"value":"textbox = { \n \n const width = 600;\n const marginRect = 40;\n {\n if(Dataset === \"V-Party\"){\n var height = 340\n }else if(Dataset === \"PopuList\"){\n var height = 260\n }else{\n var height = 280\n }\n}\n \n const svg = d3.create(\"svg\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"overflow\", \"visible\")\n .style(\"display\", \"block\");\n\n// border rectangle\n\n\n\n// description text\n\n svg.append(\"foreignObject\")\n .attr(\"x\", marginRect + 7)\n .attr(\"y\", 0)\n .attr(\"width\", 600-50)\n .attr(\"height\", height)\n .append(\"xhtml:body\")\n .style(\"font\", \"14px 'Atkinson Hyperlegible'\")\n .html(horizontal + vertical + \"

\" + definition + \"

\" + paper);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1517,"value":"downloadcountry = DOM.download(serialize(filtered_populism), null, \"Download Country Data\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1521,"value":"downloadfull = DOM.download(serialize(ojsdata), null, \"Download Complete Data\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1625,"value":"horizontal = \"

― The horizontal line represents the quality of democracy with respect to your chosen democracy definition. The data is taken from the V-Dem Dataset. Learn more about the measurement in their codebook .

\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1630,"value":"vertical = \"

| Verticel Lines represent constitutional changes according to the Comparative Constitutions Project. If the line is ┋ dashed the constitution was amended. If the line is | solid a new constitution was adopted.

\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":844,"value":"## Data Import and Wrangling","pinned":false,"hidden":false,"mode":"md"},{"id":834,"value":"ojsdata = d3.csv(\"https://raw.githubusercontent.com/jasminskoenig/blog_loop/main/data/ccpc_vdem_populism.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":846,"value":"### Parse dates for X-Axis","pinned":false,"hidden":false,"mode":"md"},{"id":838,"value":"// define parser\nparseryear = d3.timeParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":842,"value":"// Parse Data\nparsedDate = ojsdata.map(d => ({\n ...d,\n new_date: parseryear(d.date),\n new_end: parseryear(d.year_end),\n new_start: parseryear(d.year_start)\n}));","pinned":true,"hidden":false,"mode":"ojs"},{"id":2236,"value":"\nparsedData = parsedDate.map(d => ({\n ...d,\n manipulated_date: d.date == \"2021-01-01\" ? parseryear(\"2020-06-01\") : d.new_date\n}));","pinned":true,"hidden":false,"mode":"ojs"},{"id":851,"value":"### Filter data according to inputs","pinned":false,"hidden":false,"mode":"md"},{"id":856,"value":"#### Original Data","pinned":false,"hidden":false,"mode":"md"},{"id":2167,"value":"geo = {\n if(continent === \"Latin America\"){\n return([\"17\",\"18\"])\n }else{\n return([\"1\",\"2\",\"3\",\"4\"])\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2191,"value":"// Filter data to country\nfilteredcon = parsedData.filter(d => geo.includes(d.e_regiongeo))","pinned":true,"hidden":false,"mode":"ojs"},{"id":153,"value":"// Filter data to country\nfiltered = filteredcon.filter(function(filteredcon) {\n return filteredcon.country == source;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":949,"value":"#### Democracy Options & Choosing Column based on input","pinned":false,"hidden":false,"mode":"md"},{"id":947,"value":"// Options for Democracy Score\ndemocracyoptions = ({\n \"Liberal Democracy\": \"v2x_libdem\",\n \"Participation\": \"v2x_cspart\",\n \"Egalitarian Democracy\": \"v2x_egaldem\",\n \"Electoral Democracy\": \"v2x_polyarchy\",\n \"Deliberative Democracy\": \"v2x_delibdem\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":953,"value":"// value for y-axis\ndemocracydef = democracyoptions[Democracy]","pinned":true,"hidden":false,"mode":"ojs"},{"id":858,"value":"#### Filter Options of Datasets based on country","pinned":false,"hidden":false,"mode":"md"},{"id":145,"value":"// import data on which dataset there is per country\ncountriesds = d3.csv(\"https://raw.githubusercontent.com/jasminskoenig/blog_loop/main/data/overview.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"// Change the countriesds to an object with an array of datasets per country\ncountrydatasets = countriesds.reduce((acc, obj) => {\n const { country, ...rest } = obj;\n const arr = Object.entries(rest)\n .filter(([key]) => key.includes(\"dataset\"))\n .map(([, value]) => value);\n acc[country] = arr;\n return acc;\n}, {});\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":197,"value":"// save an array of datasets for the chosen country\nselectedCountryData = countrydatasets[source] ?? {};","pinned":true,"hidden":false,"mode":"ojs"},{"id":913,"value":"### Define Options for Democracy Definition","pinned":false,"hidden":false,"mode":"md"},{"id":860,"value":"#### Define options for populism definition based on dataset","pinned":false,"hidden":false,"mode":"md"},{"id":72,"value":"// Define options of dataset and populism definition\ndsoptions = ({\n \"V-Party\": [\"Government Weighted Populism Score\", \"Head of State Populism Score\", \"Government Mean Populism Score\"],\n \"PopuList\": [\"Any Party in Government Populist\", \"Senior Party in Government Populist\"],\n \"Ruth-Lovell & Grahn\": [\"Populist Prime Minister\"]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"// Filter the variable options (dsoptions) to the Datasets that include the respective country (source), for this I use the selectedCountryData array\nfilteredOptions = Object.entries(dsoptions)\n .filter(([key, value]) => selectedCountryData.includes(key))\n .reduce((obj, [key, value]) => {\n obj[key] = value;\n return obj;\n }, {});","pinned":true,"hidden":false,"mode":"ojs"},{"id":863,"value":"### Assign Populism Value","pinned":false,"hidden":false,"mode":"md"},{"id":311,"value":"//assign value of dataset to populism score\nfiltered_populism = filtered.map(d => {\n let populism_score;\n if (Vars === \"Populist Prime Minister\") {\n populism_score = String(d.ruth_populism);\n } else if (Vars === \"Government Mean Populism Score\"){\n populism_score = parseFloat(d.gov_popul_mean);\n } else if (Vars === \"Government Weighted Populism Score\"){\n populism_score = parseFloat(d.gov_popul_weighted);\n } else if (Vars === \"Head of State Populism Score\"){\n populism_score = parseFloat(d.gov_popul_prime);\n } else if (Vars === \"Any Party in Government Populist\"){ \n populism_score = String(d.rooduijn_government);\n } else if (Vars === \"Senior Party in Government Populist\"){\n populism_score = String(d.rooduijn_government_senior);\n } else {\n populism_score = d.gov_popul_weighted;\n } \n return {\n ...d,\n populism_score\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1861,"value":"### Constitutional Changes for vertical lines","pinned":false,"hidden":false,"mode":"md"},{"id":873,"value":"// filter constitutional change years for yrules (can't get strokeDasharray to be based on evnt)\nconstchange = filtered_populism.filter(function(filtered_populism) {\n return filtered_populism.evnttype == 1;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":879,"value":"// new constitutions for solid lines\nnewconst = filtered_populism.filter(function(filtered_populism) {\n return filtered_populism.evnttype == 3;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1856,"value":"### Change NAs to null","pinned":false,"hidden":false,"mode":"md"},{"id":897,"value":"// Replace NAs as null values\nfiltered_populism_null = filtered_populism.map(d => {\n const updatedData = { ...d };\n for (const key in updatedData) {\n if (updatedData[key] === \"NA\") {\n updatedData[key] = null;\n }\n }\n return updatedData;\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":865,"value":"#### Definition for Print","pinned":false,"hidden":false,"mode":"md"},{"id":1657,"value":"populistlink = \"PopuList\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1662,"value":"vpartylink = \"V-party\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1665,"value":"vpartycodebook = \"codebook\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1669,"value":"ruthlovell = \"Ruth-Lovell & Grahn\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1675,"value":"huberschimp = \"Huber & Schimpf 2016\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1683,"value":"huberschimpf = \"Huber & Schimpf 2017\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1689,"value":"ruth = \"Ruth 2018\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":456,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":881,"value":"## Define Plot Choices","pinned":false,"hidden":false,"mode":"md"},{"id":883,"value":"### X-Axis Dates","pinned":false,"hidden":false,"mode":"md"},{"id":483,"value":"What is missing:\n\n- Hover\n- Legend Constitutional Changes\n- add NA in populism legend\n- Tabsets","pinned":false,"hidden":false,"mode":"md"},{"id":524,"value":"latestdate = d3.max(filtered_populism.map(d=>d.new_date));","pinned":true,"hidden":false,"mode":"ojs"},{"id":599,"value":"earliesttdate = d3.min(filtered_populism.map(d=>d.new_date));","pinned":true,"hidden":false,"mode":"ojs"},{"id":2226,"value":"endplot = parseryear(\"2020-07-01\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":354,"value":"## Dynamic Colors \n\nBased on Tanya Shapiro's NBA notebook. If you haven't already, check it out [here](https://observablehq.com/d/2ee4b72a31d58dd1), it's great!","pinned":false,"hidden":false,"mode":"md"},{"id":887,"value":"myContinuousColors = ['#FAF2E2', '#F1DDC1', '#DEB9A7', \"#BB7688\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":988,"value":"myBinaryColors = [\"#F4E4CC\", \"#D1A09C\", \"#dadada\"] ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1605,"value":"myGrey = '#dadada'","pinned":true,"hidden":false,"mode":"ojs"},{"id":352,"value":"// Define dynamic rules for continuuous and binary data\ncolors = (Dataset===\"V-Party\") ? \n{type: \"sqrt\",\n interpolate: \"lab\",\n legend: false,\n range: myContinuousColors,\n domain: [0, 0.3, 0.6, 1]\n } :\n(Dataset!=\"V-Party\") ? \n{legend: false, \n range: myBinaryColors, \n domain : [\"Non-Populist\", \"Populist\", \"NA\"]} :\n // got no idea what the rest is for\n{legend:false,\n style:{fontSize: \"14px\", fontFamily:'Atkinson Hyperlegible', paddingBottom:'40px', paddingTop:'1px', paddingLeft:'1px'}};","pinned":true,"hidden":false,"mode":"ojs"},{"id":336,"value":"## Styling\n\nLots of styling taken from Tanya Shapiro: https://observablehq.com/d/2ee4b72a31d58dd1","pinned":false,"hidden":false,"mode":"md"},{"id":340,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":1349,"value":"## Legend","pinned":false,"hidden":false,"mode":"md"},{"id":1973,"value":"paper = \"

All data, code and the paper can be found here.

\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2009,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":2025,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":965,"value":"## Download Data","pinned":false,"hidden":false,"mode":"md"},{"id":350,"value":"import {serialize} from \"@palewire/saving-json\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":797,"value":"DOM.download(serialize(filtered_populism), null, \"Download JSON\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}