Brexit: diverging color schemes

100%

Brexit: diverging color schemes

✓ Published0🌍 Public

Last edited Nov 1, 2016

Created on Nov 1, 2016

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.

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.

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

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/almccon/'>almccon</a>'s block: <a href='http://bl.ocks.org/almccon/7257fe68b3bfa4199e154016d983cddc'>Brexit: diverging color schemes (d3v3)</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Brexit: diverging color schemes (d3v3)

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.

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…

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

72% 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

71% 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

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

69% match

Loading thumbnail…

parli grids

The parli grid visualization displays UK parliamentary election results from 2015 using a compact grid of small squares, one for each constituency. Each cell is colored by the winning party: Conservative (c), Labour (lab), SNP (snp), and minor parties (green, pc, dup, sdlp, sf, uup, ld). The grid groups constituencies by country—England, Scotland, Wales, and Northern Ireland—making regional vote patterns visible at a glance. Rendered as an SVG with d3.v4, hovering over a cell highlights the constituency and displays its name, party, and country. The layout uses a treemap-style arrangement to pack the grid cells efficiently.

Aalansmithy

69% match

Loading thumbnail…

hex-cartogram-2

This visualization is a hex-cartogram of the United Kingdom, transforming the geographic boundaries of Westminster Parliamentary constituencies into a grid of evenly sized and colored hexagons. Each hexagon, colored by the constituency’s regional name using a categorical color scheme, represents one constituency, prioritizing a uniform tile-based layout over true geographic shape. The map is built using the D3.js library, leveraging loaded GeoJSON data for shape coordinates and its scaleLinear and scaleOrdinal APIs for spatial projection and color mapping. The data was sourced from the parlitools database and converted using mapshaper.org, with the final placement adjusted to a custom hex-bin layout to prevent overlaps.

11wheel

68% match