2c:null 2d:["$","title",null,{"children":"Women in 2020 Taiwan Legislative Election | CeShine Lee | Observable"}] 32:T116f,{ const candidatesTotal = ( data.constituency.candidates.male + data.constituency.candidates.female + data.prBlock.candidates.male + data.prBlock.candidates.female + data.highlandAborigine.candidates.male + data.highlandAborigine.candidates.female + data.lowlandAborigine.candidates.male + data.lowlandAborigine.candidates.female ); const electTotal = ( data.constituency.elect.male + data.constituency.elect.female + data.prBlock.elect.male + data.prBlock.elect.female + data.highlandAborigine.elect.male + data.highlandAborigine.elect.female + data.lowlandAborigine.elect.male + data.lowlandAborigine.elect.female ); const candidatesMaleTotal = ( data.constituency.candidates.male + data.prBlock.candidates.male + data.highlandAborigine.candidates.male + data.lowlandAborigine.candidates.male ) const candidatesFemaleTotal = ( data.constituency.candidates.female + data.prBlock.candidates.female + data.highlandAborigine.candidates.female + data.lowlandAborigine.candidates.female ) const electMaleTotal = ( data.constituency.elect.male + data.prBlock.elect.male + data.highlandAborigine.elect.male + data.lowlandAborigine.elect.male ) const electFemaleTotal = ( data.constituency.elect.female + data.prBlock.elect.female + data.highlandAborigine.elect.female + data.lowlandAborigine.elect.female ) const xData = ['Candidate', 'Elect']; const yData = [ [candidatesFemaleTotal * 100 / candidatesTotal, electFemaleTotal * 100 / electTotal], [candidatesMaleTotal * 100 / candidatesTotal, electMaleTotal * 100 / electTotal] ]; const counts = [ [candidatesFemaleTotal, electFemaleTotal], [candidatesMaleTotal, electMaleTotal] ]; const labels = ["Women", "Men"]; var trace1 = { x: xData, y: yData[0], type: 'scatter', marker: { color: "maroon", size: 12 }, name: "women", hovertemplate: '%{y:.2f}\%' }; var trace2 = { x: xData, y: yData[1], type: 'scatter', marker: { color: "orange", size: 12 }, name: "men", hovertemplate: '%{y:.2f}\%' }; var plotData = [trace1, trace2]; var layout = { margin: {'l': width/3, 'r': width/3}, showlegend: false, title: { text:'Gender Representation in the 2020 Legislative Election', font: { family: 'Arial', size: 20 }, y: 0.85, yanchor: 'bottom', }, xaxis: { showline: false, showgrid: false, showticklabels: true, linecolor: 'rgb(204,204,204)', linewidth: 2, autotick: false, ticks: 'outside', tickcolor: 'rgb(204,204,204)', tickwidth: 2, ticklen: 5, tickfont: { family: 'Arial', size: 16, color: 'rgb(82, 82, 82)' }, // title: 'Stage' }, yaxis: { showgrid: false, zeroline: false, showline: false, showticklabels: false, // title: 'Proportion (%)', range: [25, 75] }, width: width, annotations: [{ xref: 'paper', x: -.02, y: 50, xanchor: 'right', yanchor: 'middle', text: '50/50 Balance', showarrow: false, font: { family: 'Arial', size: 12, color: 'gray' } }], autosize: false, shapes: [ { type: 'line', x0: -0.1, y0: 50, x1: 1.1, y1: 50, line: { width: 1, dash: 'dot', color: 'gray' } }, ] }; for( var i = 0 ; i < xData.length ; i++ ) { var result = { xref: 'paper', x: 0.025, y: yData[i][0], xanchor: 'right', yanchor: 'middle', text: labels[i] + ' ' + yData[i][0].toFixed(0) + '% ' + `(${counts[i][0]})` , showarrow: false, font: { family: 'Arial', size: 16, color: 'black' } }; var result2 = { xref: 'paper', x: 0.975, y: yData[i][1], xanchor: 'left', yanchor: 'middle', text: yData[i][1].toFixed(0) +'% ' + `(${counts[i][1]})`, font: { family: 'Arial', size: 16, color: 'black' }, showarrow: false }; layout.annotations.push(result, result2); } const div = DOM.element('div'); Plotly.newPlot(div, plotData, layout); return div; }33:Td56,{ const constituencyCandidatesTotal = ( data.constituency.candidates.male + data.constituency.candidates.female ); const constituencyElectTotal = ( data.constituency.elect.male + data.constituency.elect.female ); const xData = ['Candidate', 'Elect']; const yData = [ [data.constituency.candidates.female * 100 / constituencyCandidatesTotal, data.constituency.elect.female * 100 / constituencyElectTotal], [data.constituency.candidates.male * 100 / constituencyCandidatesTotal, data.constituency.elect.male * 100 / constituencyElectTotal] ]; const counts = [ [data.constituency.candidates.female, data.constituency.elect.female], [data.constituency.candidates.male, data.constituency.elect.male] ]; const labels = ["Women", "Men"]; var trace1 = { x: xData, y: yData[0], type: 'scatter', marker: { color: "maroon", size: 12 }, name: "women", hovertemplate: '%{y:.2f}\%' }; var trace2 = { x: xData, y: yData[1], type: 'scatter', marker: { color: "orange", size: 12 }, name: "men", hovertemplate: '%{y:.2f}\%' }; var plotData = [trace1, trace2]; var layout = { margin: {'l': width/3, 'r': width/3}, showlegend: false, title: { text:'Gender Representation in the Constituency Seats', font: { family: 'Arial', size: 20 }, y: 0.85, yanchor: 'bottom', }, xaxis: { showline: false, showgrid: false, showticklabels: true, linecolor: 'rgb(204,204,204)', linewidth: 2, autotick: false, ticks: 'outside', tickcolor: 'rgb(204,204,204)', tickwidth: 2, ticklen: 5, tickfont: { family: 'Arial', size: 16, color: 'rgb(82, 82, 82)' }, // title: 'Stage' }, yaxis: { showgrid: false, zeroline: false, showline: false, showticklabels: false, // title: 'Proportion (%)', range: [25, 75] }, width: width, annotations: [{ xref: 'paper', x: -.02, y: 50, xanchor: 'right', yanchor: 'middle', text: '50/50 Balance', showarrow: false, font: { family: 'Arial', size: 12, color: 'gray' } }], autosize: false, shapes: [ { type: 'line', x0: -0.1, y0: 50, x1: 1.1, y1: 50, line: { width: 1, dash: 'dot', color: 'gray' } }, ] }; for( var i = 0 ; i < xData.length ; i++ ) { var result = { xref: 'paper', x: 0.025, y: yData[i][0], xanchor: 'right', yanchor: 'middle', text: labels[i] + ' ' + yData[i][0].toFixed(0) + '% ' + `(${counts[i][0]})` , showarrow: false, font: { family: 'Arial', size: 16, color: 'black' } }; var result2 = { xref: 'paper', x: 0.975, y: yData[i][1], xanchor: 'left', yanchor: 'middle', text: yData[i][1].toFixed(0) +'% ' + `(${counts[i][1]})`, font: { family: 'Arial', size: 16, color: 'black' }, showarrow: false }; layout.annotations.push(result, result2); } const div = DOM.element('div'); Plotly.newPlot(div, plotData, layout); return div; }34:Td03,{ const prBlockCandidatesTotal = ( data.prBlock.candidates.male + data.prBlock.candidates.female ); const prBlockElectTotal = ( data.prBlock.elect.male + data.prBlock.elect.female ); const xData = ['Candidate', 'Elect']; const yData = [ [data.prBlock.candidates.female * 100 / prBlockCandidatesTotal, data.prBlock.elect.female * 100 / prBlockElectTotal], [data.prBlock.candidates.male * 100 / prBlockCandidatesTotal, data.prBlock.elect.male * 100 / prBlockElectTotal] ]; const counts = [ [data.prBlock.candidates.female, data.prBlock.elect.female], [data.prBlock.candidates.male, data.prBlock.elect.male] ]; const labels = ["Women", "Men"]; var trace1 = { x: xData, y: yData[0], type: 'scatter', marker: { color: "maroon", size: 12 }, name: "women", hovertemplate: '%{y:.2f}\%' }; var trace2 = { x: xData, y: yData[1], type: 'scatter', marker: { color: "orange", size: 12 }, name: "men", hovertemplate: '%{y:.2f}\%' }; var plotData = [trace1, trace2]; var layout = { margin: {'l': width/3, 'r': width/3}, showlegend: false, title: { text:'Gender Representation in the PR Seats', font: { family: 'Arial', size: 20 }, y: 0.85, yanchor: 'bottom', }, xaxis: { showline: false, showgrid: false, showticklabels: true, linecolor: 'rgb(204,204,204)', linewidth: 2, autotick: false, ticks: 'outside', tickcolor: 'rgb(204,204,204)', tickwidth: 2, ticklen: 5, tickfont: { family: 'Arial', size: 16, color: 'rgb(82, 82, 82)' }, // title: 'Stage' }, yaxis: { showgrid: false, zeroline: false, showline: false, showticklabels: false, // title: 'Proportion (%)', range: [25, 75] }, width: width, annotations: [{ xref: 'paper', x: -.02, y: 50, xanchor: 'right', yanchor: 'middle', text: '50/50 Balance', showarrow: false, font: { family: 'Arial', size: 12, color: 'gray' } }], autosize: false, shapes: [ { type: 'line', x0: -0.1, y0: 50, x1: 1.1, y1: 50, line: { width: 1, dash: 'dot', color: 'gray' } }, ] }; for( var i = 0 ; i < xData.length ; i++ ) { var result = { xref: 'paper', x: 0.025, y: (yData[i][0] - 50) * 10 + 50, xanchor: 'right', yanchor: 'middle', text: labels[i] + ' ' + yData[i][0].toFixed(1) + '% ' + `(${counts[i][0]})` , showarrow: false, font: { family: 'Arial', size: 16, color: 'black' } }; var result2 = { xref: 'paper', x: 0.975, y: yData[i][1], xanchor: 'left', yanchor: 'middle', text: yData[i][1].toFixed(0) +'% ' + `(${counts[i][1]})`, font: { family: 'Arial', size: 16, color: 'black' }, showarrow: false }; layout.annotations.push(result, result2); } const div = DOM.element('div'); Plotly.newPlot(div, plotData, layout); return div; }35:T105c,{ const constituencyElectTotal = ( data.constituency.elect.male + data.constituency.elect.female ); const constituencyCandidatesTotal = ( data.constituency.candidates.male + data.constituency.candidates.female ); const constituencyVotesTotal = 13885428; const constituencyFemaleVotes = 5350016; const constituencyMaleVotes = 8535412; if(constituencyMaleVotes + constituencyFemaleVotes !== constituencyVotesTotal){ return "The numbers don't match"; } var trace1 = { y: ["Votes", "Seats", "Candidates"], x: [ constituencyMaleVotes * 100 / constituencyVotesTotal, data.constituency.elect.male * 100 / constituencyElectTotal, data.constituency.candidates.male * 100 / constituencyCandidatesTotal ], width: [0.5, 0.5, 0.5], orientation: 'h', type: 'bar', marker: { color: "orange" }, name: "Men", hovertemplate: '%{x:.2f}\%' } var trace2 = { y: ["Votes", "Seats", "Candidates"], x: [ constituencyFemaleVotes * 100 / constituencyVotesTotal, data.constituency.elect.female * 100 / constituencyElectTotal, data.constituency.candidates.female * 100 / constituencyCandidatesTotal ], width: [0.5, 0.5, -.5], orientation: 'h', type: 'bar', marker: { color: "maroon" }, name: "Women", hovertemplate: '%{x:.2f}\%' } var plotData = [trace2, trace1]; var layout = { title: { text: '% of Constituency Seats and Votes Won by Women', font: { family: 'Arial', size: 20 }, y: 0.725, yanchor: 'bottom', }, barmode: 'stack', margin: {'l': width/4, 'r': width/4}, width: width, height: width / 3, xaxis: { showline: false, showgrid: false, showticklabels: true, ticks: 'outside', tickwidth: 2, ticklen: 5, zeroline: false, // hoverformat: '.2f' }, yaxis: { showgrid: false, zeroline: false, showline: false, showticklabels: true, ticks: "outside", tickcolor: "white", ticklen: 10, tickfont: { family: 'Arial', size: 14, color: 'rgb(82, 82, 82)' } }, annotations: [{ xref: 'paper', x: 0.18, y: "Candidates", xanchor: 'right', yanchor: 'middle', text: `${data.constituency.candidates.female}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } },{ xref: 'paper', x: 0.66, y: "Candidates", xanchor: 'right', yanchor: 'middle', text: `${data.constituency.candidates.male}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } },{ xref: 'paper', x: 0.175, y: "Seats", xanchor: 'right', yanchor: 'middle', text: `${data.constituency.elect.female}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } },{ xref: 'paper', x: 0.66, y: "Seats", xanchor: 'right', yanchor: 'middle', text: `${data.constituency.elect.male}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } },{ xref: 'paper', x: 0.23, y: "Votes", xanchor: 'right', yanchor: 'middle', text: `${constituencyFemaleVotes.toLocaleString()}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } },{ xref: 'paper', x: 0.71, y: "Votes", xanchor: 'right', yanchor: 'middle', text: `${constituencyMaleVotes.toLocaleString()}`, showarrow: false, font: { family: 'Arial', size: 14, color: 'white' } } ], }; const div = DOM.element('div'); Plotly.newPlot(div, plotData, layout); return div; }36:[] 30:{"id":"5d669cd492f63eba","slug":"women-in-2020-taiwan-legislative-election","title":"Women in 2020 Taiwan Legislative Election","thumbnail":"463a86f01ad7393a63a4dd23e5ae59ac1c69822bc0a92537456465219b02b2c7","access_level":"public","create_time":"$D2020-01-14T07:30:29.952Z","update_time":"$D2020-01-16T06:51:32.238Z","view_time":null,"first_public_time":"$D2020-01-14T09:27:41.160Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"d4e1f416280193ae","login":"ceshine","name":"CeShine Lee","avatar_url":"https://avatars-next.observableusercontent.com/f73450102282ddb9180c8d672eb4852d758735e717a27e8b686288f2d74e3fb2","tier":"starter_2024","bio":""},"version":233,"publish_version":233,"role":null,"authored":false,"authors":[{"type":"individual","id":"e4059bf97b77f03c","login":"ceshine","name":"CeShine Lee","avatar_url":"https://avatars-next.observableusercontent.com/f73450102282ddb9180c8d672eb4852d758735e717a27e8b686288f2d74e3fb2","tier":null,"bio":""}],"members":[{"type":"individual","id":"e4059bf97b77f03c","login":"ceshine","name":"CeShine Lee","avatar_url":"https://avatars-next.observableusercontent.com/f73450102282ddb9180c8d672eb4852d758735e717a27e8b686288f2d74e3fb2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Women in 2020 Taiwan Legislative Election","cells":[{"id":0,"value":"md`# Women in 2020 Taiwan Legislative Election`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"Plotly = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"data = ({\n constituency: {\n candidates: {\n female: 127,\n male: 283\n },\n elect: {\n female: 25,\n male: 48\n }\n },\n prBlock: {\n candidates: {\n female: 109,\n male: 107\n },\n elect: {\n female: 19,\n male: 15\n }\n },\n highlandAborigine: {\n candidates: {\n female: 4,\n male: 7\n },\n elect: {\n female: 2,\n male: 1\n }\n },\n lowlandAborigine: {\n candidates: {\n female: 5,\n male: 5\n },\n elect: {\n male: 2,\n female: 1\n }\n }\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"md`### Background (Electoral system) \n\nThe 113 members of the Legislative Yuan are elected by a supplementary member system, with 73 from **geographical constituencies** via first-past-the-post, six from **two nationwide aboriginal constituencies**, each with three members, via single non-transferable vote, and 34 from closed-list **proportional representation (PR)** via a national party vote. Seats are allocated using the Hare quota. In order to qualify for seats based on the party-list vote share, a party must exceed a threshold of 5% of the second votes nationwide. For each party, at least half of the legislators elected under this system must be female. \n\n[Source: 2020 Taiwanese legislative election](https://www.wikiwand.com/en/2020_Taiwanese_legislative_election)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1"}} 31:"$30:body"