// this is based on the code at https://github.com/Teester/parliament-diagram-generator/blob/master/script.js which was based on https://github.com/juliuste/parliament-svg { const svg = d3.create("svg"); const radius = 20; const totalSeats = data.length; if (data.length == 0) return "No data to display"; const numberOfRings = findN(totalSeats, radius); const a0 = findA(totalSeats, numberOfRings, radius); // calculate seat distance let points = []; // calculate ring radii var rings = [] for(var i = 1; i <= numberOfRings; i++){ rings[i] = radius - (i-1) * a0 } // calculate seats per ring rings = distribute(rings, totalSeats) var resultsList = []; var r, a, point // build seats // loop rings var ring for(var j = 1; j <= numberOfRings; j++){ ring = [] // calculate ring-specific radius r = radius - (j-1)*a0 // calculate ring-specific distance a = (Math.PI*r) / ((rings[j]-1) || 1) // loop points for(let k=0; k<=rings[j]-1; k++){ point = getCoordinates(r, k*a) point[2] = 0.4*a0 ring.push(point) } points.push(ring) } // fill seats var ringProgress = Array(points.length).fill(0) for(var party in partyTotals) { let key = partyTotals[party].key; for(var l=0; l d[6]) .attr("href", d => data[d[5]].mp.value) .attr("target", "_blank"); let count = 0; // svg.selectAll("circle") // .data(points) // .enter() // .append("circle") // .attr("cx", d => d[0]) // .attr("cy", d => d[1]) // .attr("r", d => d[2]) // .attr("fill", d => d[3]) // .append("title").text(d => d[4]) anchors.append("circle") .attr("cx", d => d[0]) .attr("cy", d => d[1]) .attr("r", d => d[2]) .attr("fill", d => d[3]) .style("opacity", function(d) { if (applyFilters(d)) { ++count; return 1; } return 0.1; }) // .append("title").text(d => `${d[5]} (${d[4]})`); // // add code to store the MPs' name and QID URL .append("title").text(d => `${data[d[5]].mpLabel.value} (${d[4]})`); // // add code to store the MPs' name and QID URL svg.append("text").text(count).style("font-size", "5px").style( "text-anchor", "middle"); return svg.node(); function filterByGender(d) { let dataItem = data[d[5]]; for (let i = 0; i < selectGender.length; i++) { // if (d[7] == selectGender[i]) return true; if (dataItem.genderLabel.value == selectGender[i]) return true; } return false; } function filterByParty(d) { for (let i = 0; i < selectParty.length; i++) { if (d[4] == selectParty[i]) return true; } return false; } function filterByAge(d) { let dataItem = data[d[5]]; if (dataItem.age.value >= selectAge[0] && dataItem.age.value <= selectAge[1]) return true; return false; } function applyFilters(d) { let filters = [ filterByGender, filterByParty, filterByAge] for (let f = 0; f < filters.length; f++) { if ( filters[f](d)) continue else return false; } return true } function findN(m, r) { var n = Math.floor(Math.log(m)/Math.log(2)) || 1; var distance = getScore(m, n, r); var direction = 0; if(getScore(m, n+1, r)1) direction = -1; while(getScore(m, n+direction, r)0){ distance = getScore(m, n+direction, r); n+=direction; } return n; } function findA(m, n, r) { var x = (Math.PI*n*r)/(m-n) var y = 1+(Math.PI*(n-1)*n/2)/(m-n) var a = x/y return a } function getScore(m, n, r) { return Math.abs(findA(m, n, r)*n/r-(5/7)) } function distribute(votes, seats) { // initial settings for divisor finding var voteSum = 0; for(var party in votes){ voteSum += votes[party] } var low = voteSum / (seats - 2) var high = voteSum / (seats + 2) var divisor = voteSum / seats var parliament = calculateSeats(votes, divisor) // find divisor while(parliament.seats != seats){ if(parliament.seats < seats) low = divisor if(parliament.seats > seats) high = divisor divisor = (low + high) / 2 parliament = calculateSeats(votes, divisor) } return parliament.distribution } function calculateSeats(votes, divisor) { var distribution = {} var seats = 0 for(var party in votes){ distribution[party] = Math.round(votes[party] / divisor) seats += distribution[party] } return {distribution, seats} } function getCoordinates(r, b) { var x = parseFloat(r * Math.cos(b/r - Math.PI)).toFixed(10); var y = parseFloat(r * Math.sin(b/r - Math.PI)).toFixed(10); return [x, y]; } function nextRing (rings, ringProgress) { var progressQuota, tQuota; for(var i in rings){ tQuota = parseFloat((ringProgress[i] || 0)/rings[i].length).toFixed(10); if(!progressQuota || tQuota