2f:T4c7,viewof speech_button_treemap = { // const select = Inputs.select(new Map(speechButton(gh_list_of_speeches, pol_button_treemap)), {value: speechButton(gh_list_of_speeches, pol_button_treemap)[0], label: ""}); const select = Inputs.select(new Map(speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_treemap])), {value: speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_treemap])[0], label: ""}); select.style.paddingTop = "10px"; select.style.paddingBottom = "10px"; // Add media query for width property const mq = window.matchMedia("(max-width: 600px)"); if (mq.matches) { select.style.width = "90%"; select.style.marginLeft = "auto"; select.style.marginRight = "auto"; } else { select.style.width = "40%"; select.style.marginLeft = ""; select.style.marginRight = ""; } // Add event listener for changes in media query mq.addListener((event) => { if (event.matches) { select.style.width = "90%"; select.style.marginLeft = "auto"; select.style.marginRight = "auto"; } else { select.style.width = "40%"; select.style.marginLeft = ""; select.style.marginRight = ""; } }); return select; }30:T400,async function create_zoomable_data(){ // const data_github_treemap_all = await fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+"/"+speech_button_treemap+"/analysis/visuals/only_topic_treemap.json").then((response) => response.json()); const data_github_treemap_agenda = await fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+"/"+speech_button_treemap+"/analysis/visuals/only_topic_treemap_political_agenda.json").then((response) => response.json()); const data_github_treemap_criticism = await fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+"/"+speech_button_treemap+"/analysis/visuals/only_topic_treemap_criticism.json").then((response) => response.json()); const newObj = { topic: "All Data", children: [{ topic: "Agenda", children: data_github_treemap_agenda }, { topic: "Criticism", children: data_github_treemap_criticism }] }; return newObj; // return [data_github_treemap_all, data_github_treemap_agenda, data_github_treemap_criticism]; }31:T1054,function zoomable_treemap_all(rendered_data){ // parameters and needed functions const treemap = data => d3.treemap() .tile(tile) (d3.hierarchy(data) .sum(d => d?.freq) .sort((a, b) => b.freq - a.freq)); function tile(node, x0, y0, x1, y1) { d3.treemapBinary(node, 0, 0, width, height); for (const child of node.children) { child.x0 = x0 + child.x0 / width * (x1 - x0); child.x1 = x0 + child.x1 / width * (x1 - x0); child.y0 = y0 + child.y0 / height * (y1 - y0); child.y1 = y0 + child.y1 / height * (y1 - y0); } }; const name = d => d.ancestors().reverse().map(d => d.data.topic).join("/"); const width = 1280; const height = 750; // const format = d3.format(",d"); // create treemap const x = d3.scaleLinear().rangeRound([0, width]); const y = d3.scaleLinear().rangeRound([0, height]); const svg = d3.create("svg") .attr("viewBox", [0.5, -30.5, width, height + 30]) .style("font", "10px sans-serif"); let group = svg.append("g") .call(render, treemap(rendered_data)); function render(group, root) { const node = group .selectAll("g") .data(root.children.concat(root)) .join("g"); node.filter(d => d === root ? d.parent : d.children) .attr("cursor", "pointer") .on("click", (event, d) => d === root ? zoomout(root) : zoomin(d)); node.append("title") // .text(d => `${name(d)}\n${format(d.freq)}`); .text(d => `${d["topic"]}\n${Math.round(d["freq"]*100)}`); // label: (d) => `${d["topic"]}\n${Math.round(d["freq"]*100)}%`, // title: (d, n) => `${d["topic"]}\n${Math.round(d["freq"]*100)}%`, node.append("rect") .attr("id", d => (d.leafUid = DOM.uid("leaf")).id) .attr("fill", d => d === root ? "#fff" : d.children ? "#ccc" : "#ddd") .attr("stroke", "#fff"); node.append("clipPath") .attr("id", d => (d.clipUid = DOM.uid("clip")).id) .append("use") .attr("xlink:href", d => d.leafUid.href); node.append("text") .attr("clip-path", d => d.clipUid) .attr("font-weight", d => d === root ? "bold" : null) .selectAll("tspan") // .data(d => (d === root ? name(d) : d.data.topic).split(/(?=[A-Z][^A-Z])/g).concat(format(d.freq))) .data(d => (d === root ? name(d) : d.data.topic).split(/\n/g).concat(d.freq)) .join("tspan") .attr("x", 3) .attr("y", (d, i, nodes) => `${(i === nodes.length - 1) * 0.3 + 1.1 + i * 0.9}em`) .attr("fill-opacity", (d, i, nodes) => i === nodes.length - 1 ? 0.7 : null) .attr("font-weight", (d, i, nodes) => i === nodes.length - 1 ? "normal" : null) .text(d => d); group.call(position, root); } function position(group, root) { group.selectAll("g") .attr("transform", d => d === root ? `translate(0,-30)` : `translate(${x(d.x0)},${y(d.y0)})`) .select("rect") .attr("width", d => d === root ? width : x(d.x1) - x(d.x0)) .attr("height", d => d === root ? 30 : y(d.y1) - y(d.y0)); } // When zooming in, draw the new nodes on top, and fade them in. function zoomin(d) { const group0 = group.attr("pointer-events", "none"); const group1 = group = svg.append("g").call(render, d); x.domain([d.x0, d.x1]); y.domain([d.y0, d.y1]); svg.transition() .duration(750) .call(t => group0.transition(t).remove() .call(position, d.parent)) .call(t => group1.transition(t) .attrTween("opacity", () => d3.interpolate(0, 1)) .call(position, d)); } // When zooming out, draw the old nodes on top, and fade them out. function zoomout(d) { const group0 = group.attr("pointer-events", "none"); const group1 = group = svg.insert("g", "*").call(render, d.parent); x.domain([d.parent.x0, d.parent.x1]); y.domain([d.parent.y0, d.parent.y1]); svg.transition() .duration(750) .call(t => group0.transition(t).remove() .attrTween("opacity", () => d3.interpolate(1, 0)) .call(position, d)) .call(t => group1.transition(t) .call(position, d.parent)); } return svg.node(); }32:T73b,colors_topics = Object({ Economy: "#23333C", Debt: "#164457", Entrepreneurship: "#0C6684", Privatization: "#206F82", Employment: "#467E98", Energy: "#8FAECB", Pensioners: "#98C5DA", Housing: "#92B0C0", Tourism: "#DAE4EA", Elections: "#6D1A0D", Abstention: "#BB2418", Democracy: "#DB6B01", Corruption: "#DB8E01", Accountability: "#D8A465", Justice: "#D7AD41", Transparency: "#E6CC6D", Media: "#EDD798", 'Human rights' : "#F8F0D6", Health: "#725E7F", Pandemic: "#B7ADBE", Infrastructure: "#9C4151", 'Civil protection': "#B5717D", 'Social state': "#CC9EA6", 'Public sector': "#E5CED2", 'Agricultural policy': "#F2E7E9", 'External affairs': "#338C83", Europe: "#97C5C0", 'National security': "#CBE2E0", Migration: "#DCEDEF", Culture: "#768948", Environment: "#B9C3A2", Education: "#DCE1D1", Other: "#999999" }) // colors_topics = Object({ // economy: "#23333C", // debt: "#164457", // entrepreneurship: "#0C6684", // privatization: "#206F82", // employment: "#467E98", // energy: "#8FAECB", // pensioners: "#98C5DA", // housing: "#92B0C0", // tourism: "#DAE4EA", // elections: "#6D1A0D", // abstention: "#BB2418", // democracy: "#DB6B01", // corruption: "#DB8E01", // accountability: "#D8A465", // justice: "#D7AD41", // transparency: "#E6CC6D", // media: "#EDD798", // 'human rights' : "#F8F0D6", // health: "#725E7F", // pandemic: "#B7ADBE", // infrastructure: "#9C4151", // 'civil protection': "#CC9EA6", // 'social state': "#CC9EA6", // 'public sector': "#E5CED2", // 'agricultural policy': "#F2E7E9", // 'external affairs': "#338C83", // europe: "#97C5C0", // 'national security': "#CBE2E0", // migration: "#DCEDEF", // culture: "#768948", // environment: "#B9C3A2", // education: "#DCE1D1", // other: "#999999" // })33:T4ca,viewof speech_button_fraction = { // const select = Inputs.select(new Map(speechButton(gh_list_of_speeches, pol_button_fraction)), {value: speechButton(gh_list_of_speeches, pol_button_fraction)[0], label: ""}); const select = Inputs.select(new Map(speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_fraction])), {value: speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_fraction])[0], label: ""}); select.style.paddingTop = "10px"; select.style.paddingBottom = "10px"; // Add media query for width property const mq = window.matchMedia("(max-width: 600px)"); if (mq.matches) { select.style.width = "90%"; select.style.marginLeft = "auto"; select.style.marginRight = "auto"; } else { select.style.width = "40%"; select.style.marginLeft = ""; select.style.marginRight = ""; } // Add event listener for changes in media query mq.addListener((event) => { if (event.matches) { select.style.width = "90%"; select.style.marginLeft = "auto"; select.style.marginRight = "auto"; } else { select.style.width = "40%"; select.style.marginLeft = ""; select.style.marginRight = ""; } }); return select; }34:T478,StepChartSentiment = Plot.plot({ style: "overflow: visible; background: transparent", height: 440, width: 1150, x: { label: "Paragraph Number", }, y: { label: `Level of ${type_button_fraction}`, domain: [0, 1] }, marks: [ Plot.text(data_legend, { x: "x", y: "y", text: "title", fontSize: "12px", fontWeight: "600", textAnchor: "start", }), // bg area between 0 and 0.5 Plot.area(data_fraction_github, { x1: "par", y1: 0, x2: "par", y2: 0.5, fill: "#e2e9e9", fillOpacity: 0.5 }), // bg area between 0.5 and 0.8 Plot.area(data_fraction_github, { x1: "par", y1: 0.5, x2: "par", y2: 0.8, fill: "#f7eab7", fillOpacity: 0.5 }), // bg area between 0.8 and 1.0 Plot.area(data_fraction_github, { x1: "par", y1: 0.8, x2: "par", y2: 1.0, fill: "#d35f3c", fillOpacity: 0.5 }), Plot.line(data_fraction_github, { x: "par", y: "weight", strokeWidth: 2, stroke: "#114b5f", curve: "step" }), ] })35:[] 2d:{"title":"TEST - Elections 2023 Data Vizualizations","cells":[{"id":0,"value":"# TEST - Elections 2023 Data Vizualizations","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"### Treemaps [topic]","pinned":false,"hidden":false,"mode":"md"},{"id":39,"value":"viewof pol_button_treemap = {\n // const select = politicalLeaderButton(gh_list_of_speeches);\n const select = politicalLeaderButton(index_pol_leaders_eng);\n select.style.fontFamily = \"Roboto, sans-serif\";\n\n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n });\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":405,"value":"viewof views_button_treemap = {\n const select = Inputs.select(Object.keys(list_treemap_views), {value:Object.values(list_treemap_views)[0], label: \"\"});\n \n select.style.paddingBottom = \"20px\";\n\n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n });\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":646,"value":"views_button_treemap","pinned":true,"hidden":false,"mode":"ojs"},{"id":516,"value":"viewof views_button_treemap_new = {\n // const radio = Inputs.radio(Object.keys(list_treemap_views), {value:Object.keys(list_treemap_views)[0], label: \"\"})\n // radio.style.paddingBottom = \"20px\";\n\n // // Add media query for width property\n // const mq = window.matchMedia(\"(max-width: 600px)\");\n // if (mq.matches) {\n // radio.style.width = \"90%\";\n // radio.style.marginLeft = \"auto\";\n // radio.style.marginRight = \"auto\";\n // } else {\n // radio.style.width = \"40%\";\n // radio.style.marginLeft = \"\";\n // radio.style.marginRight = \"\";\n // }\n \n // // Add event listener for changes in media query\n // mq.addListener((event) => {\n // if (event.matches) {\n // radio.style.width = \"90%\";\n // radio.style.marginLeft = \"auto\";\n // radio.style.marginRight = \"auto\";\n // } else {\n // radio.style.width = \"40%\";\n // radio.style.marginLeft = \"\";\n // radio.style.marginRight = \"\";\n // }\n // });\n \n // return radio;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":463,"value":"#### Variation of treemap with only the topics showing either agenda or criticism topics","pinned":false,"hidden":false,"mode":"md"},{"id":437,"value":"chart_treemap_only_topics_dual = {if (data_github_treemap_only_topics_dual.length != 0) {\n const chart_treemap_only_topics_dual = Treemap(data_github_treemap_only_topics_dual, { \n path: d => d.topic,\n value: d => d?.freq,\n group: d => d.topic,\n label: (d) => `${d[\"topic\"]}\\n${Math.round(d[\"freq\"]*100)}%`,\n title: (d, n) => `${d[\"topic\"]}\\n${Math.round(d[\"freq\"]*100)}%`,\n tile: d3.treemapBinary,\n sort: d => d?.topic,\n width: 1280,\n height: 750,\n round: true,\n fillOpacity: 1.0,\n colors: data_github_treemap_only_topics_dual.map(d=> colors_topics[d.topic])\n});\n return chart_treemap_only_topics_dual;\n} else {\n return \"No Data available\";\n}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":480,"value":"key_only_topics_dual = {if (data_github_treemap_only_topics_dual.length != 0) {\n return Swatches(chart_treemap_only_topics_dual.scales.color)\n} else {\n return \"No Data available\";\n}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":472,"value":"chart_treemap_only_topics_dual_mobile = {if (data_github_treemap_only_topics_dual.length != 0) {\n const chart_treemap_only_topics_dual_mobile = Treemap(data_github_treemap_only_topics_dual, { \n path: d => d.topic,\n value: d => d?.freq,\n group: d => d.topic,\n label: (d) => `${d[\"topic\"]}\\n${Math.round(d[\"freq\"]*100)}%`,\n title: (d, n) => `${d[\"topic\"]}\\n${Math.round(d[\"freq\"]*100)}%`,\n tile: d3.treemapBinary,\n sort: d => d?.topic,\n width: 520,\n height: 800,\n round: true,\n fillOpacity: 1.0,\n colors: data_github_treemap_only_topics_dual.map(d=> colors_topics[d.topic])\n});\n return chart_treemap_only_topics_dual_mobile;\n} else {\n return \"No Data available\";\n}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"#### Variation of treemap with only the topics (i.e., no subtopics)","pinned":false,"hidden":false,"mode":"md"},{"id":67,"value":"chart_treemap_only_topics = Treemap(data_github_treemap_only_topics, { \n path: d => d.topic,\n value: d => d?.freq,\n group: d => d.topic,\n label: (d) => `${d[\"topic\"].charAt(0).toUpperCase()+ d[\"topic\"].slice(1)}\\n${Math.round(d[\"freq\"]*100)}%`,\n title: (d, n) => `${d[\"topic\"].charAt(0).toUpperCase()+ d[\"topic\"].slice(1)}\\n${Math.round(d[\"freq\"]*100)}%`,\n tile: d3.treemapBinary,\n sort: d => d?.topic,\n width: 1280,\n height: 750,\n round: true,\n fillOpacity: 1.0,\n colors: data_github_treemap_only_topics.map(d=> colors_topics[d.topic])\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"key_only_topics = Swatches(chart_treemap_only_topics.scales.color)","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"#### Variation of treemap for mobile screens","pinned":false,"hidden":false,"mode":"md"},{"id":201,"value":"chart_treemap_only_topics_vertical = Treemap(data_github_treemap_only_topics, { \n path: d => d.topic,\n value: d => d?.freq,\n group: d => d.topic,\n label: (d) => `${d[\"topic\"].charAt(0).toUpperCase()+ d[\"topic\"].slice(1)}\\n${Math.round(d[\"freq\"]*100)}%`,\n title: (d, n) => `${d[\"topic\"].charAt(0).toUpperCase()+ d[\"topic\"].slice(1)}\\n${Math.round(d[\"freq\"]*100)}%`,\n tile: d3.treemapBinary,\n sort: d => d?.topic,\n width: 520,\n height: 800,\n round: true,\n fillOpacity: 1.0,\n colors: data_github_treemap_only_topics.map(d=> colors_topics[d.topic])\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":600,"value":"#### Zoomable treemap","pinned":false,"hidden":false,"mode":"md"},{"id":709,"value":"zoomable_treemap_all(zoomable_data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"### Functions, parameters and data for treemaps","pinned":false,"hidden":false,"mode":"md"},{"id":508,"value":"topics_percentage_criticism = {\n let perc = {}\n for (const k of Object.keys(list_treemap_views)) {\n let list_topics = await fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+\"/\"+speech_button_treemap+\"/analysis/visuals/\"+list_treemap_views[k]+\".json\").then((response) => response.json())\n perc[k] = list_topics.reduce((accumulator, object) => {return accumulator + object.counts;}, 0)\n }\n const sum = Object.values(perc).reduce((a, b) => a + b, 0);\n for (const k of Object.keys(perc)) {\n perc[k] = (perc[k] / sum).toFixed(2)*100\n }\n return perc\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"// data_github_treemap_only_topics = fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+\"/\"+speech_button_treemap+\"/analysis/visuals/only_topic_treemap.json\").then((response) => response.json())\n\ndata_github_treemap_only_topics = fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+\"/\"+speech_button_treemap+\"/analysis/visuals/only_topic_treemap.json\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"// data_github_treemap_only_topics_dual = fetch(gh_path+pol_button_treemap+\"/\"+speech_button_treemap+\"/analysis/visuals/\"+list_treemap_views[views_button_treemap]+\".json\").then((response) => response.json())\ndata_github_treemap_only_topics_dual = fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+\"/\"+speech_button_treemap+\"/analysis/visuals/\"+list_treemap_views[views_button_treemap]+\".json\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"// data_github = fetch(gh_path+pol_button_treemap+\"/\"+speech_button_treemap+\"/analysis/visuals/topic_treemap.json\").then((response) => response.json())\ndata_github = fetch(gh_path+index_pol_leaders_eng[pol_button_treemap]+\"/\"+speech_button_treemap+\"/analysis/visuals/topic_treemap.json\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":642,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":652,"value":"zoomable_data = create_zoomable_data()","pinned":true,"hidden":false,"mode":"ojs"},{"id":689,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":152,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"### Speedometer [sentiment]","pinned":false,"hidden":false,"mode":"md"},{"id":230,"value":"### Mitsotakis","pinned":false,"hidden":false,"mode":"md"},{"id":216,"value":"viewof speech_button_speedometer_mitsotakis = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Mitsotakis\")), {value: speechButton(speeches_list_test, \"Mitsotakis\")[0], label: \"\"});\n\n select.style.width = \"75%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"speedChart_mitsotakis = createSpeedChart(\"Mitsotakis\",speech_button_speedometer_mitsotakis)","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"### Velopoulos","pinned":false,"hidden":false,"mode":"md"},{"id":267,"value":"viewof speech_button_speedometer_velopoulos = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Velopoulos\")), {value: speechButton(speeches_list_test, \"Velopoulos\")[0], label: \"\"});\n select.style.width = \"70%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"speedChart_velopoulos = createSpeedChart(\"Velopoulos\",speech_button_speedometer_velopoulos)","pinned":false,"hidden":false,"mode":"ojs"},{"id":271,"value":"### Koutsoumpas","pinned":false,"hidden":false,"mode":"md"},{"id":277,"value":"viewof speech_button_speedometer_koutsoumpas = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Koutsoumpas\")), {value: speechButton(speeches_list_test, \"Koutsoumpas\")[0], label: \"\"});\n select.style.width = \"70%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":280,"value":"speedChart_koutsoumpas = createSpeedChart(\"Koutsoumpas\",speech_button_speedometer_koutsoumpas)","pinned":false,"hidden":false,"mode":"ojs"},{"id":241,"value":"### Androulakis","pinned":false,"hidden":false,"mode":"md"},{"id":239,"value":"viewof speech_button_speedometer_androulakis = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Androulakis\")), {value: speechButton(speeches_list_test, \"Androulakis\")[0], label: \"\"});\n select.style.width = \"70%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"speedChart_androulakis = createSpeedChart(\"Androulakis\",speech_button_speedometer_androulakis)","pinned":false,"hidden":false,"mode":"ojs"},{"id":248,"value":"### Tsipras","pinned":false,"hidden":false,"mode":"md"},{"id":252,"value":"viewof speech_button_speedometer_tsipras = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Tsipras\")), {value: speechButton(speeches_list_test, \"Tsipras\")[0], label: \"\"});\n select.style.width = \"70%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":255,"value":"speedChart_tsipras = createSpeedChart(\"Tsipras\",speech_button_speedometer_tsipras)","pinned":false,"hidden":false,"mode":"ojs"},{"id":250,"value":"### Varoufakis","pinned":false,"hidden":false,"mode":"md"},{"id":258,"value":"viewof speech_button_speedometer_varoufakis = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, \"Varoufakis\")), {value: speechButton(speeches_list_test, \"Varoufakis\")[0], label: \"\"});\n select.style.width = \"70%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"speedChart_varoufakis = createSpeedChart(\"Varoufakis\",speech_button_speedometer_varoufakis)","pinned":false,"hidden":false,"mode":"ojs"},{"id":264,"value":"legendSentiment = html`\n

\n \n

NegativeNeutralPositive

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"### Speedometer all political leaders","pinned":false,"hidden":false,"mode":"md"},{"id":614,"value":"viewof pol_button_speedometer_all = {\n // const select = politicalLeaderButton(gh_list_of_speeches);\n const select = politicalLeaderButton(index_pol_leaders_eng);\n\n select.style.width = \"75%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":612,"value":"viewof speech_button_speedometer_all = {\n const select = Inputs.select(new Map(speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_speedometer_all])), {value: speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_speedometer_all])[0], label: \"\"});\n\n select.style.width = \"75%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n select.style.paddingTop = \"10px\";\n select.style.paddingBottom = \"20px\";\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":624,"value":"speedChart_all_leaders = createSpeedChart(index_pol_leaders_eng[pol_button_speedometer_all],speech_button_speedometer_all)","pinned":false,"hidden":false,"mode":"ojs"},{"id":634,"value":"legendSentiment_all = html`\n

\n \n

NegativeNeutralPositive

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"### Step-Chart [polarization/populism]","pinned":false,"hidden":false,"mode":"md"},{"id":285,"value":"viewof pol_button_fraction = {\n // const select = politicalLeaderButton(gh_list_of_speeches);\n const select = politicalLeaderButton(index_pol_leaders_eng);\n \n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n });\n \n return select;\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":288,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"viewof type_button_fraction = {\n const select = visualizationsButton(list_of_visualizations);\n select.style.paddingBottom = \"20px\";\n \n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n } else {\n select.style.width = \"40%\";\n select.style.marginLeft = \"\";\n select.style.marginRight = \"\";\n }\n });\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":306,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"### Functions, parameters and data for step-chart","pinned":false,"hidden":false,"mode":"md"},{"id":297,"value":"// data_fraction_github = fetch(gh_path+pol_button_fraction+\"/\"+speech_button_fraction+\"/analysis/visuals/\"+list_of_visualizations[type_button_fraction]+\".json\").then((response) => response.json())\ndata_fraction_github = fetch(gh_path+index_pol_leaders_eng[pol_button_fraction]+\"/\"+speech_button_fraction+\"/analysis/visuals/\"+list_of_visualizations[type_button_fraction]+\".json\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"data_legend = [\n {title: \"No/Low\", x: 2, y: 0.25},\n {title: \"Moderate\", x: 2, y: 0.65},\n {title: \"High\", x:2, y: 0.9}\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"colorScale = d3.scaleOrdinal(\n [...new Set([\"No/Low \"+ type_button_fraction, \"Moderate \"+ type_button_fraction, \"High/Severe \"+ type_button_fraction])],\n [\"#e2e9e9\", \"#f7eab7\", \"#d35f3c\"]\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"### Radial Dendrogram [NER]","pinned":false,"hidden":false,"mode":"md"},{"id":320,"value":"viewof pol_button_radial = {\n // const select = politicalLeaderButton(gh_list_of_speeches);\n const select = politicalLeaderButton(index_pol_leaders_eng);\n\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n\n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n });\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":323,"value":"viewof speech_button_radial = {\n // const select = Inputs.select(new Map(speechButton(gh_list_of_speeches, pol_button_radial)), {value: speechButton(gh_list_of_speeches, pol_button_radial)[0], label: \"\"});\n const select = Inputs.select(new Map(speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_radial])), {value: speechButton(speeches_list_test, index_pol_leaders_eng[pol_button_radial])[0], label: \"\"});\n\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n \n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n });\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"viewof min_count_ner = {\n const select = Inputs.range([0, 10], {label: \"Frequency threshold\", step: 1, value:1});\n select.style.marginLeft = \"auto\";\n select.style.marginRight = \"auto\";\n\n // Add media query for width property\n const mq = window.matchMedia(\"(max-width: 600px)\");\n if (mq.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n \n // Add event listener for changes in media query\n mq.addListener((event) => {\n if (event.matches) {\n select.style.width = \"90%\";\n } else {\n select.style.width = \"45%\";\n }\n });\n\n \n return select;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"DendogramChart = RadialDendro(excludeFirstChild(filter_ner(ner_git_data, ['date'], min_count_ner)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"### Functions, parameters and data for radial dendrogram","pinned":false,"hidden":false,"mode":"md"},{"id":344,"value":"// ner_git_data = fetch(gh_path+pol_button_radial+\"/\"+speech_button_radial+\"/analysis/visuals/ner-limited_tree.json\").then((response) => response.json())\nner_git_data = fetch(gh_path+index_pol_leaders_eng[pol_button_radial]+\"/\"+speech_button_radial+\"/analysis/visuals/ner-limited_tree.json\").then((response) => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"// function to filter entities based on the minimum frequency of entities selected by user\nfilter_ner = function(data, list_of_types, min_count){\n const temp_data = JSON.parse(JSON.stringify(data))\n temp_data[\"children\"] = temp_data[\"children\"].filter(e => !list_of_types.includes(e[\"name\"]))\n for (let i=0; i e[\"value\"] > min_count)\n }\n return temp_data;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"// function to exclude the 1st group of entities from visualization\nexcludeFirstChild = function(data){\n const dataToPlot = {name: \"\", value: \"\", children: data.children}\n return dataToPlot;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"### Import functions and data","pinned":false,"hidden":false,"mode":"md"},{"id":142,"value":"import {Treemap} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"import {Speedometer} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"import {createSpeedChart} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":337,"value":"import {RadialDendro} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"import {gh_path} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"import {gh_list_of_speeches} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"import {politicalLeaderButton} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"import {speechButton} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"import {list_of_visualizations} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"import {visualizationsButton} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"import {list_treemap_views} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":488,"value":"import {index_pol_leaders_eng} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"import {speeches_list_test} from \"@imedd-elections2023/helper-functions-and-data\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"import {Swatches} from \"@d3/color-legend\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"### Fonts","pinned":false,"hidden":false,"mode":"md"},{"id":86,"value":"\n \n","pinned":true,"hidden":false,"mode":"html"}],"files":"$W35","stdlib":"1","titling":"auto"}