NSW electoral boundaries by party

Click on this URL to see the data visualization.

<!doctype html>




<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>2013 Federal Election Visualisation</title>
    <meta name="description" content="Data visualization of NSW Electoral Boundaries by Parties">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<body>
    
    
    <div class="container">       
        <div class="row">
            <h2>Visualised 2013 Federal Election results for New South Wales electoral divisions.</h2>
        </div>
        
        <div class="row">
            <div id="nsw-chart" class="col-xs-12 col-md-6">
                <h3>Votes by electorate. <small>Filter data by electorate by selecting an electorate on the map below.</small> </h3> 
                <h3><small>Electorates currently selected: <span class="reset" style="display: none;"><b><span class="filter"></span></b></span></small></h3>
                <a class="reset" href="javascript:nswChart.filterAll();dc.redrawAll();" style="display: none;">Clear electorate selection.</a>
                <div class="clearfix"></div>
            </div>

<div id="party-chart" class="col-xs-12 col-md-6">
                <h3>Votes by political party. <small>Filter data by party by selecting a party on the chart below.</small> </h3> 
                <h3><small>Parties currently selected: <span class="reset" style="display: none;">
                <b><span class="filter"></span></b></span></small></h3>
                <a class="reset" href="javascript:partyChart.filterAll();dc.redrawAll();" style="display: none;">Clear party selection.</a>

<div class="clearfix"></div>
            </div>
        </div>
        
        <br/>
        <h3>Export voting data to CSV file</h3>
        <table class="table table-borderless table-condensed table-hover">
            <tr>
                <td><button type="button" class="btn btn-primary" id="download"><span class="glyphicon glyphicon-download"></span> All data</button></td>
                <td>Download all voting data.</td>
            </tr>
            <tr>
                <td><button type="button" class="btn btn-primary" id="downloadCurrent"><span class="glyphicon glyphicon-download"></span> Filtered data</button></td>
                <td>Download data based on your current selection of filters.</td>
            </tr>
        </table>
        
        Voting data sourced from the <a href="https://results.aec.gov.au/17496/Website/Downloads/HouseStateFirstPrefsByPollingPlaceDownload-17496-NSW.txt"> Australian Electoral Commission</a>.
        <hr>
    </div>

var divisions = data.dimension(function(d) {
                return d["DivisionNm"];
            });

var votesSum = divisions.group().reduceSum(function(d) {
                return d["OrdinaryVotes"];
            });

var parties = data.dimension(function(d) {
                return d["PartyNm"];
            });

var voteByParties = parties.group().reduceSum(function(d) {
                return d["OrdinaryVotes"];
            });

d3.json("NSW_electoral_boundaries_25-02-2016_min.json", function(statesJson) {
                nswChart
                    .height($("#nsw-chart").width())
                    .center([-33.5, 150])
                    .zoom(5)
                    .dimension(divisions)
                    .group(votesSum)
                    .geojson(statesJson.features)
                    .colors(colorbrewer.Blues[9])
                    .colorDomain([
                        0,
                        d3.max(votesSum.all(), dc.pluck('value'))
                    ])
                    .colorAccessor(function(d, i) {
                        return d.value;
                    })
                    .featureKeyAccessor(function(feature) {
                        return feature.properties.Sortname
                    })
                    .legend(dc_leaflet.legend().position('bottomright'))
                    .tiles(function(map) {
                        L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', {
                            maxZoom: 18,
                            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>'
                        }).addTo(map);
                    
                        L.geoJson(statesJson, {}).addTo(map);
                    });

function getCurrentDataFileName() {
                    var fileName = 'federal_election_2013_voting_data';
                    for (var i = 0; i < nswChart.filters().length; i++) {
                        if (i === 0) {
                            fileName += "_ELECTORATES_";
                        }
                        fileName += nswChart.filters()[i];
                    }

for (var i = 0; i < partyChart.filters().length; i++) {
                        if (i === 0) {
                            fileName += "_PARTIES_";
                        }
                        fileName += partyChart.filters()[i];
                    }

fileName += '.csv';
                    return fileName;        
                }

d3.select('#download')
                    .on('click', function() {
                        nswChart.filterAll();
                        dc.redrawAll();
                        var data = divisions.top(Infinity);
                        var blob = new Blob([d3.csv.format(data)], {type: "text/csv;charset=utf-8"});
                        saveAs(blob, 'federal_election_2013_voting_data.csv');
                    });

d3.select('#downloadCurrent')
                    .on('click', function() {
                        var data = divisions.top(Infinity);
                        var blob = new Blob([d3.csv.format(data)], {type: "text/csv;charset=utf-8"});
                        saveAs(blob, getCurrentDataFileName());
                    });

dc.renderAll();
            });
        });
    </script>
</body>

</html>

Updated missing url https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js to https://cdnjs.cloudflare.com/ajax/libs/filesaver.js/1.3.3/filesaver.min.js

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js

https://cdnjs.cloudflare.com/ajax/libs/crossfilter2/1.3.14/crossfilter.min.js

https://cdnjs.cloudflare.com/ajax/libs/dc/2.1.1/dc.min.js

https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.2/leaflet.js

https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js