32:T470,

┻ Número de países que participaron en la final (última posición del ranking)

Resultado final de España

■ Artistas o grupos masculino ■ Artistas o grupos femenino ■ Grupos mixto

👆 Pase el ratón sobre las estrellas para obtener más informacion

33:T6fa,

┻ Número de países que participaron en la final (última posición del ranking)

Cantantes, también compositores / letristas Cantantes, sólo voz

● Compositores o letristas

■ Artistas masculino ■ Artistas femenina ■ Grupos mixto

👆 Pase el ratón sobre las estrellas para obtener más informacion

34:T7e4,class Composers_es extends Composers_chart { constructor(item) { // call parent constructor super(item); // this.view = this.view === "Compositores" ? "Composers" : "Composers"; this.add_interaction(); } add_interaction() { this.participation .selectAll(".stars") .on("mouseover", (d) => this.mouseover_performers(d, "singer")) .on("mouseleave", (d) => this.mouseleave(d)); this.comp .selectAll(".composers_year") .selectAll(".composer") .on("mouseover", (d) => this.mouseover_composers(d, "comp")) .on("mouseleave", (d) => this.mouseleave(d, "comp")); } mouseover_performers(item, type) { this.participation .selectAll(`#${item.target.id}`) .classed("highlighted", true); const year = +item.target.id.split("_")[1]; this.comp.selectAll(`.c_${year}`).classed("highlighted", true); const entry = this.data.filter((d) => d.year === year); const entry_comp = this.composers.filter((d) => d.year === year); composers_tooltip.update_text_c(entry[0], this, entry_comp); } mouseleave(item, type) { if (type === "comp") { const year = +item.target.classList[1].split("_")[1]; this.participation .selectAll(`#singer_${year}`) .classed("highlighted", false); } else { this.participation .selectAll(`#${item.target.id}`) .classed("highlighted", false); } this.comp.selectAll(".composer").classed("highlighted", false); composers_tooltip.hide(); } mouseover_composers(item) { const year = +item.target.classList[1].split("_")[1]; this.participation .selectAll(`#singer_${year}`) .classed("highlighted", true); this.comp .selectAll(`.${item.target.classList[1]}`) .classed("highlighted", true); const entry = this.data.filter((d) => d.year === year); const entry_comp = this.composers.filter((d) => d.year === year); composers_tooltip.update_text_c(entry[0], this, entry_comp); } }35:Tb22,class Tooltip { constructor(entry) { this.id = entry.id; this.tooltip_div = d3.select(`#${this.id}`); this.name = entry.name; this.language = entry.language; this.position = entry.language === "en" ? "Position:" : "Puesto:"; this.mid = entry.language === "en" ? "out of" : "de"; } update_text(d, chart) { this.tooltip_div.select(`#${this.name}_year`).html(d.year); this.tooltip_div .select(`#${this.name}_artist`) .html(d.performer) .style("color", `${chart.scale_colors(d.performer_gender)}`); this.tooltip_div.select(`#${this.name}_title`).html(d.song); this.tooltip_div .select(`#${this.name}_position`) .html(`${this.position} ${d.place_final} ${this.mid} ${d.total}`); if (this.id === "composers_tooltip") { let list = ""; if (this.language === "en") { list = radios_type === "Composers" ? "Composers:" : "Lyricists:"; } else { list = radios_type === "Compositores" ? "Compositores:" : "Letristas:"; } const array = radios_type === "Composers" ? d.composers_list : d.lyricists_array; array.forEach((e, i) => { let color = chart.scale_colors(e.gender); list = i === 0 ? `${list} ${e.name}` : `${list}; ${e.name}`; }); this.tooltip_div.select(`#${this.name}_list`).html(list); if (align_b_comp) { this.position_comp(d, chart); } else { this.position_singers(d, chart); } } else { this.position_singers(d, chart); } this.tooltip_div.style("display", "inherit"); } position_singers(d, chart) { let x = 0; let y = 0; if (chart.orientation === "landscape") { x = chart.scale_x(d.year) > chart.width / 2 ? chart.scale_x(d.year) - 120 : chart.scale_x(d.year) + 150 / 2; y = chart.scale_y(d.place_final); } else { x = chart.scale_x(d.place_final) > chart.width / 2 ? chart.scale_x(d.place_final) - 120 : chart.scale_x(d.place_final) + 150 / 2; y = chart.scale_y(d.year); } this.tooltip_div.style("left", `${x}px`).style("top", `${y}px`); } position_comp(d, chart) { let x = 0; let y = 0; if (chart.orientation === "landscape") { x = chart.scale_x(d.year) > chart.width / 2 ? chart.scale_x(d.year) - 120 : chart.scale_x(d.year) + 150 / 2; y = chart.scale_y(0); } else { x = chart.scale_x(5); y = chart.scale_y(d.year); } this.tooltip_div.style("left", `${x}px`).style("top", `${y}px`); } update_text_c(d, chart, comp) { this.update_text(d, chart); } hide() { this.tooltip_div.style("display", "none"); } }36:[] 30:{"title":"Participación española en Eurovisión: un enfoque de género en torno a letristas y compositores","cells":[{"id":0,"value":"# Participación española en Eurovisión: un enfoque de género en torno a letristas y compositores","pinned":false,"hidden":false,"mode":"md"},{"id":1563,"value":"**Lee el artículo completo en https://irenedelatorre.github.io/Spanish-Songs-in-Eurovision/es/**","pinned":false,"hidden":false,"mode":"md"},{"id":1362,"value":"English version available at https://observablehq.com/@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c","pinned":false,"hidden":false,"mode":"md"},{"id":1430,"value":"## Actuaciones españolas en Eurovisión, según artista","pinned":false,"hidden":false,"mode":"md"},{"id":1439,"value":"$32","pinned":false,"hidden":false,"mode":"html"},{"id":42,"value":"chart_participation = html`\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1450,"value":"## Actuaciones españolas en Eurovisión, según compositor y letrista","pinned":false,"hidden":false,"mode":"md"},{"id":1445,"value":"$33","pinned":false,"hidden":false,"mode":"html"},{"id":1317,"value":"viewof radios_type = Inputs.radio([\"Letristas\", \"Compositores\"], {\n label: \"Muestra\",\n value: \"Letristas\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":927,"value":"viewof align_b_comp = Inputs.toggle({\n label: \"Alinear según ranking\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":904,"value":"chart_composers = html`\n

`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":1248,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":1252,"value":"### Style","pinned":false,"hidden":false,"mode":"md"},{"id":1547,"value":"style = css","pinned":false,"hidden":false,"mode":"ojs"},{"id":1386,"value":"import { colors } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"import { css } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":1402,"value":"viewof canvas_w = Inputs.range([0, 100], {\n label: \"Plot width\",\n step: 1,\n value: 100\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1256,"value":"### Chart functions","pinned":false,"hidden":false,"mode":"md"},{"id":911,"value":"composers_chart = new Composers_es({\n data: data,\n composers: composers.filter((d) => d.performer_composer !== true),\n type: \"composers\",\n id: \"plot_composers\",\n colors: colors,\n sorting: \"Ranking\",\n tooltip: composers_tooltip,\n language: \"es\",\n align_toggle: align_b_comp,\n view: radios_type\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"singers_chart = new Singers_es({\n data: data,\n type: \"performers\",\n id: \"plot_singers\",\n colors: colors,\n sorting: \"Ranking\",\n tooltip: singers_tooltip,\n language: \"es\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1518,"value":"Tooltip functions with language options","pinned":false,"hidden":false,"mode":"md"},{"id":1499,"value":"class Singers_es extends Singers_only_chart {\n constructor(item) {\n // call parent constructor\n super(item);\n this.add_interaction();\n }\n\n add_interaction() {\n this.participation\n .selectAll(\".stars\")\n .on(\"mouseover\", (d) => this.mouseover_performers(d))\n .on(\"mouseleave\", (d) => this.mouseleave(d));\n }\n\n // include mouseOver interaction\n mouseover_performers(item) {\n this.participation\n .selectAll(`#${item.target.id}`)\n .classed(\"highlighted\", true);\n\n const entry = this.data.filter(\n (d) => d.year === +item.target.id.split(\"_\")[1]\n );\n\n singers_tooltip.update_text(entry[0], this);\n }\n\n mouseleave(item) {\n this.participation\n .selectAll(`#${item.target.id}`)\n .classed(\"highlighted\", false);\n\n singers_tooltip.hide();\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1514,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1510,"value":"Master functions","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"import { Singers_only_chart } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":906,"value":"import { Composers_chart } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1262,"value":"### Tooltip functions","pinned":false,"hidden":false,"mode":"md"},{"id":915,"value":"composers_tooltip = new Tooltip({\n type: \"composers\",\n id: \"composers_tooltip\",\n name: \"composers\",\n colors: colors,\n language: \"es\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":553,"value":"singers_tooltip = new Tooltip({\n type: \"performers\",\n id: \"singers_tooltip\",\n name: \"singers\",\n colors: colors,\n language: \"es\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":541,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":1279,"value":"### Other functions","pinned":false,"hidden":false,"mode":"md"},{"id":1550,"value":"resize = (window.onresize = function () {\n singers_chart.resize();\n composers_chart.resize();\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"import { wrap } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1295,"value":"### Data","pinned":false,"hidden":false,"mode":"md"},{"id":684,"value":"import { data } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":937,"value":"import { composers } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":689,"value":"Original data wrangle in another notebook:","pinned":false,"hidden":false,"mode":"md"},{"id":13,"value":"import { sp } from \"@irenedelatorre/spanish-participation-in-eurovision-a-gender-approach-to-c\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}