UK General Election 2017 Financial Times data scrape

README.md

You can enter this code directly into the browser console on the Financial Times' page on full constituency results for the 2017 UK General Election to get a csv-compatible output for parties who held the seats in 2015 and 2017.

You can see the results for this code in this Gist, in the file output.csv.

You can read about what this is at my first blog post on the UK General Election results for 2017 -- that explains how I created this code and why.

console.js

var partyColours = [].slice.call(document.getElementsByClassName("constituency-result__swatch-cell"))
    .reduce(function(p, c) {
            var colour = c.firstElementChild.attributes.style
                .textContent
                .replace("background-color:", "")
            p[colour] = c.textContent
                .replace("Con", "Conservative")
                .replace("Lab", "Labour")
                .replace("SF", "Sinn Fein")
                .replace("PC", "Plaid Cymru")
                .replace("DUP", "Democratic Unionist Party")
                .replace("Others", "Independent")
                .replace("Ukip", "UKIP")
                .replace("Green", "Green Party")
                .replace("LD", "Liberal Democrat")
                .replace("SNP", "Scottish National Party")
                .replace("alliance", "Alliance Party")
            return p
        },
        {})

var constituentParts = [].slice.call(document.getElementsByClassName("constituency-result"))
    .map(x => ({
            constituency: x.getElementsByTagName("h4")[0].textContent,
            lines: [].slice.call(x.getElementsByTagName("line"), 2)
        }))
    .map(x => ({
            constituency: x.constituency,
            c2015: x.lines
                .sort((a, b) =>
                    +a.attributes.y1.nodeValue - +b.attributes.y1.nodeValue
                ).map(x => x.attributes.stroke.nodeValue)[0],
            c2017: x.lines
                .sort((a, b) =>
                    +a.attributes.y2.nodeValue - +b.attributes.y2.nodeValue
                ).map(x => x.attributes.stroke.nodeValue)[0]
        }))

var seatingArrangements = constituentParts.map(x => ({
        constituency: x.constituency,
        party2015: partyColours[x.c2015],
        party2017: partyColours[x.c2017]
    }))

  seatingArrangements
      .map(x => `"${x.constituency}","${x.party2015}","${x.party2017}"`)
      .join("\n")

output.csv

thumbnail.png