Skip to main content
100%

Brexit: diverging color schemes (d3v3)

✓ Published0🌍 Public
AAlan McConchie
Last edited Nov 7, 2016
Created on Jul 4, 2016

This map visualizes the 2016 UK "Brexit" referendum results by parliamentary constituency, with a diverging blue-red color scheme distinguishing Leave and Remain votes. Rendered as an SVG using D3 v3, it displays a TopoJSON of the UK including constituencies in Great Britain and Northern Ireland. The map is inspired by Mike Bostock’s “Let’s Make a Map” tutorial and was built with blockbuilder.org.

AI-generated description

UK "Brexit" referendum results, joined to parliamentary constituencies. Original data for Great Britain from @geotheory. Parliamentary Constituencies for Northern Ireland added by @almccon, using shapes from @martinjc. Northern Ireland results from The Electoral Office of NI.

See also: https://mappingmashups.cartodb.com/viz/39f1d3fc-3bdb-11e6-8ff8-0e31c9be1b51/public_map

Inspired by Mike Bostock's "Lets Make a Map"

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Brexit: diverging color schemes

This block maps the 2016 UK Brexit referendum results to parliamentary constituencies, using a diverging color scheme to show the Leave/Remain split. The map includes Great Britain and Northern Ireland, with constituency shapes from a TopoJSON file and referendum results joined to each region. Built with D3 v4 and rendered as SVG, the visualization highlights geographic patterns in the vote through divergent colors.

AAlan McConchie
96% match
Loading thumbnail…

Brexit: diverging color schemes tweaked

This map of the UK’s 2016 EU referendum results color-codes each parliamentary constituency by whether it voted Leave or Remain. A diverging color scale is applied to the percentage margin, with blue and red representing Remain and Leave votes respectively. The map shows the result for every constituency in Great Britain and Northern Ireland, combining data from @geotheory with Northern Ireland results and shapes added by @almccon. Built using D3 and TopoJSON, the visualization uses a light gray base map with colored constituencies and relies on an SVG rendering for crisp, scalable display.

AAlan McConchie
94% match
Loading thumbnail…

Hex map of UK constituencies

A pointy-topped hex map displays the 2017 UK parliamentary constituencies, each rendered with equal visual weight. A dropdown selector allows coloring the hexes by various data, including region, population, election results, and EU referendum estimates. The visualization uses D3 v6, with a custom `Constituencies` class loading HexJSON data. The interface includes interactive elements: a color legend and buttons to save the map as HexJSON or SVG, with WebGL rendering support.

Jjimmyjs1607
70% match
Loading thumbnail…

Scalable grid

This visualization shows the 2015 UK general election results as a scalable grid of constituency rectangles, colored by winning party (Conservative, Labour, SNP, etc.). The grid layout uses SVG rect elements arranged in a responsive, trellis-like structure that can scale to display all 650 constituencies. Each cell represents one constituency, with hover interactions that reveal the constituency name and party. The data is loaded from a CSV file containing constituency IDs, names, winning party, and country codes (England, Scotland, Wales, Northern Ireland), encoded as fill colors to enable quick comparison of party dominance across regions.

Aalansmithy
70% match
Loading thumbnail…

Untitled

This visualization displays a choropleth map of the United Kingdom using an Albers projection, with distinct colors for England, Scotland, Wales, and Northern Ireland, while hiding the Republic of Ireland. It renders subunit boundaries with dashed strokes and labels for each region, alongside place points and their labels. The code uses D3.js v3 with `d3.geo.albers`, `d3.geo.path`, and `topojson` to load and project geospatial data from a `uk.json` file, generating an SVG output within a React framework.

Vvenkatajayanth03
70% match
Loading thumbnail…

// source http://jsbin.com/bobulik

This example displays a static Albers equal-area conic projection map of the United Kingdom, with its constituent subunits (England, Scotland, Wales, and Northern Ireland) filled in distinct colors. It renders the geographic boundaries and labels place names from the TopoJSON dataset. Using the d3.geoAlbers projection and d3.geoPath, the SVG paths are generated from the topojson feature collection. The code loads the UK map data via d3.json and applies CSS to hide Ireland.

MMTClass
70% match
Loading thumbnail…

UK Map

This example displays a single red map of the United Kingdom rendered as an SVG path. The map is projected using the Albers equal-area conic projection, configured with specific center, rotation, parallels, and scale parameters. The visualization uses d3.geoPath to draw the geographic boundaries, with the topojson library to convert the uk.json TopoJSON data into GeoJSON features. The shape is filled entirely red, emphasizing the country’s outline without additional thematic data. The code relies on d3.json to load the dataset and appends the resulting path directly to the SVG.

NNigel
69% match
Loading thumbnail…

Hex map of UK constituencies

This visualization displays UK parliamentary constituencies as a pointy-topped hex map, with each hexagon representing one constituency to give equal visual weight. Users can color the map by various demographic and election datasets, including population, 2017 General Election results, and EU Referendum estimates. The map uses D3.js with geoNaturalEarth1 projection and geoPath for rendering, while the hexagon layout comes from a HexJSON file. A color legend and clickable hexagons allow for interactive exploration and data selection.

Jjimmyjs1607
69% match