ukip-shift

100%

✓ Published0🌍 Public

Last edited Nov 28, 2017

Created on Jun 12, 2017

A scatterplot-style flow visualization tracks shifts in UK constituency vote shares between the 2015 and 2017 elections. Each constituency is represented by a line, moving from its 2015 Conservative-versus-Labour share and UKIP vote percentage to its 2017 position. The SVG animation uses D3 v4’s selection, scale, and axis APIs, with arrowheads marking the direction of change. Data comes from a NYT JSON file, and tooltips are attached via `d3.attachTooltip` for hover details.

AI-generated description

Where the UKIP voters went.

Similar vizzes

Loading thumbnail…

Fork of Cars Scatter Plotgbh

This chart displays the results of a parliamentary election using a semicircular seating plan, with each seat colored by party affiliation. The data, representing the 2019 UK general election, is rendered as an SVG using the D3.js library via the `d3.parliament()` API. The code animates the entering seats from the center and supports click interactions on individual seats, with the car dataset sourced from the UCI Machine Learning Repository.

NNigel

70% match

Loading thumbnail…

hex-cartogram

A hexagonal cartogram morphs the geography of UK constituencies into a grid of equally sized hexagons, with each hexagon representing one electoral area and colored by its distance from a randomly chosen focal point. The animation iteratively reassigns hexagons to constituency centroids, gradually reorganizing the layout as points are sorted and offset toward their neighbors. Built with D3.js, it uses a custom `hexbin` layout for hexagon placement and `d3.interval` to drive the animated transitions. The underlying constituency boundaries come from Bloomberg’s 2015 UK election data.

11wheel

69% match

Loading thumbnail…

Fork of Scatterplot test

A scatterplot maps Texas counties by voter turnout against the margin of victory in the 2012 and 2018 Senate elections, with circle size scaled to population. Arrows connect each county’s 2012 position to its 2018 position, showing change over time. Built with D3 v5 and jQuery, the visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with interactive mouseover events that highlight counties and a dropdown menu to filter selections. Data is loaded from CSV files and rendered as SVG.

Aamulyakannam

67% match

Loading thumbnail…

poll-hoppers

A network visualization shows the shifting political affiliations of Members of Parliament over time, with legislators as nodes connected by co-voting patterns. The layout uses `d3.forceSimulation` to position nodes, while animated time steps reveal when an MP switches party, highlighted by color changes and rapid node movement. Data is pulled from a parliamentary voting record, and rendering occurs on an HTML canvas with custom drawing loops for performance. The visualization emphasizes the instability of party loyalty, with clusters forming and dissolving as votes align and diverge across legislative sessions.

11wheel

66% match

Loading thumbnail…

Amulya_kannam

This interactive animated scatterplot compares Texas county voter turnout and partisan margins between 2012 and 2018, with circles sized by population. The visualization includes a dropdown menu to highlight individual counties, and hover interactions add activation classes. It uses D3 v5 with SVG rendering, loading CSV data from an Amazon S3 bucket, and animates axes through a `setInterval` loop cycling among different data columns. The code also builds connecting lines with arrowheads between election years and displays a color-coded legend for word-wrap categories.

Aamulyakannam

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

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

65% match

Loading thumbnail…

Scatterplot test

This scatterplot shows the relationship between voter turnout and election results for Texas counties in 2012 and 2018. Each circle represents a county, positioned by its Republican or Democratic margin and sized by population. Semi-transparent lines connect each county’s 2012 and 2018 positions to reveal shifts over time. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs, with SVG rendering and CSS transitions for interactive highlighting. Data is loaded from CSV files via `d3.csv`, and jQuery manages the county selection menu and element reordering.

LLayne Smith

65% match