function PolarizationPopulismPlotAllSpeeches2(pol, index_pol_leaders, speeches_list, data, phase1_number_of_speeches, property, lang){ // calculate max value of data const maxDataPerc = Math.max(...data.map(e => Object.values(e)[0])); // calculate x axis labels for speeches const xLabelsArr = createXLabels(index_pol_leaders[pol], speeches_list, data); // set text labels to separate the 2 bands of the pre-elections phases let text_bands = []; if (lang == "en") { text_bands = [ {title: "Previous election period ↑", x: phase1_number_of_speeches - 1, y: (property == "Moderate/High Polarization" ? (maxDataPerc*100 < 30 ? 30 : maxDataPerc*100) : (maxDataPerc*100 < 20 ? 15 : maxDataPerc*100))}, {title: "Current election period ↓", x: phase1_number_of_speeches, y: (property == "Moderate/High Polarization" ? (maxDataPerc*100 < 30 ? 30 : maxDataPerc*100) : (maxDataPerc*100 < 20 ? 15 : maxDataPerc*100))}, ] } else { text_bands = [ {title: "Προηγούμενη προεκλογική περίοδος ↑", x: phase1_number_of_speeches - 1, y: (property == "Μέτριο/Υψηλό επίπεδο πόλωσης" ? (maxDataPerc*100 < 30 ? 30 : maxDataPerc*100) : (maxDataPerc*100 < 20 ? 15 : maxDataPerc*100))}, {title: "Τρέχουσα προεκλογική περίοδος ↓", x: phase1_number_of_speeches, y: (property == "Μέτριο/Υψηλό επίπεδο πόλωσης" ? (maxDataPerc*100 < 30 ? 30 : maxDataPerc*100) : (maxDataPerc*100 < 20 ? 15 : maxDataPerc*100))}, ] }; return Plot.plot({ style: "overflow: visible; background: transparent; font-family: Roboto, sans-serif", height: 600, padding: 0, marginBottom: 150, marginLeft: 100, marginRight: 100, width: 1280, y: { label: lang == "en" ? "% Speech" : "% Λόγου", domain: [0,lang == "en" ? (property == "Moderate/High Polarization" ? (maxDataPerc*100 < 30 ? 40 : maxDataPerc*100+10) : (maxDataPerc*100 < 20 ? 20 : maxDataPerc*100+10)) : (property == "Μέτριο/Υψηλό επίπεδο πόλωσης" ? (maxDataPerc*100 < 30 ? 40 : maxDataPerc*100+10) : (maxDataPerc*100 < 20 ? 20 : maxDataPerc*100+10))], }, x: { // domain: [0, data.length-1], // label: lang== "en" ? "Speeches" : "Ομιλίες", }, marks: [ Plot.text(text_bands, { x: "x", y: "y", text: "title", fontSize: "12px", fontWeight: "600", textAnchor: "middle", rotate: -90, fill: "#999999", fontWeight: "200" }), Plot.axisX({ ticks: xLabelsArr.length, tickFormat: d => xLabelsArr[d], tickRotate: -45, // dy: 2, label: lang== "en" ? "Speeches" : "Ομιλίες", }), Plot.ruleX([phase1_number_of_speeches - 0.5], {stroke: "red"}), // Create a line mark Plot.line(data, { x: d => data.indexOf(d), y: d => Object.values(d)*100, stroke: "#114b5f", strokeWidth: 2, // use linear as value alternatively in the following key curve: "step" }), ] }) }