Skip to main content
SimilarExport ZIP
100%

Counties of the United Kingdom

✓ Published0🌍 Public
PPacsangon
Last edited Aug 3, 2016
Created on Aug 3, 2016

This interactive treemap displays the counties of the United Kingdom, grouped hierarchically by country. Users can click on any cell to zoom into that region’s sub-level, with an animation that resizes and repositions all cells accordingly. The visualization uses the `d3.layout.treemap` API to lay out the nested structure, with data parsed from a CSV file listing counties by country. Clicking outside a group resets the view, and colors are assigned per country using `d3.scale.category20c`.

AI-generated description

forked from <a href='http://bl.ocks.org/jasondavies/'>jasondavies</a>'s block: <a href='http://bl.ocks.org/jasondavies/1319738'>Counties of the United Kingdom</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

UK Place Name Endings

This interactive map visualizes the geographic distribution of UK place name endings, such as “-green” or “-ing,” across counties. Users type an ending to see matching towns highlighted, with county shading indicating the proportion of matches, alongside statistics on total matches and top examples. The visualization uses D3 v4 and TopoJSON, rendering counties from `great-britain.topo.json` via `d3.geoPath`, with fill colors from `d3.interpolateBuGn`. Data is derived from the file’s embedded county place lists, and interactivity is handled through URL hash changes and key events.

CColinEberhardt
71% match
Loading thumbnail…

zoomUsCounty

This interactive map displays all U.S. counties as gray polygons with state borders overlaid in white. Clicking a state zooms in on that region, while clicking a county triggers a deeper zoom to a scale of 23, with another click resetting the view. The visualization uses D3 v3 and TopoJSON to load geographic data from a gist, projecting it with `d3.geo.albersUsa` and rendering paths via `d3.geo.path`. Transitions animate the zoom using SVG transform scaling and translation, with hover effects highlighting counties and states in orange.

JJn1532
71% match
Loading thumbnail…

United Kingdom MAP

This map of the United Kingdom displays geographic boundaries and town locations. It renders NUTS regions from a TopoJSON source using `d3.geoPath` with an equirectangular projection. Town data is fetched from a remote API and plotted as circles, with `title` tooltips showing county, population, town name, and coordinates. The visualization uses D3 v7 for SVG drawing and the `topojson` library for feature extraction.

22549239
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…

Interactive Visualisation

A treemap visualizes hierarchical sales data from a UK sales CSV, with regions and towns nested by country. Users hover over rectangles to see a breadcrumb showing the region, town, and total sales value. Built with React and D3 v7, the chart uses `d3.stratify`, `d3.treemap`, and `d3.scaleOrdinal` to structure and color the hierarchy, while SVG rendering and `mouseenter` events drive the interactive labels and layout.

Wwalesiam
69% match
Loading thumbnail…

Untitled

An animated choropleth of UK counties and suburbs rendered on a Canvas, cycling through randomly selected townships, highlighting each city in turn. The visualization uses the `topojson` library to parse geographic data from a GitHub-sourced JSON file and the `d3.geoPath` and `d3.zoom` APIs for map projection and smooth zoom transitions. The `draw()` function fills administrative regions with varying shades, strokes dashed boundaries, and places point markers with town labels, all while continuously re-centering the view. This is built with React and D3, with animation driven by `d3.zoom` and Canvas drawing.

PPriyanka Sawant
69% match
Loading thumbnail…

Subdivisions of England

This visualization displays the hierarchical subdivisions of England, from regions down to individual unitary authorities, using an indented tree layout. The data is parsed from a plain text file containing the full geographic hierarchy. Built with the Observable Plot API, the code uses `Plot.tree` to compute the layout and `Plot.line` with `plot.mark()` to render the connecting lines and labels, providing a clear overview of England's administrative structure.

Mmbostock
69% match
Loading thumbnail…

Zoomable Treemap

This zoomable treemap visualizes UK Home Office flight data from 2011, showing hierarchical relationships between destinations, suppliers, and ticket classes. Built with D3 v2 and rendered as an SVG with smooth zoom animations, the treemap uses nested rectangles sized by paid fare amounts, with color encoding categories. Users can click to zoom between hierarchy levels. The data is loaded from a CSV and transformed using d3.nest, while the custom layout function optimizes the treemap for the current zoom state, enabling fluid transitions as users navigate the data.

CCBasis
68% match