UK HE Providers

100%

UK HE Providers

✓ Published0🌍 Public

Last edited Mar 27, 2020

Created on Mar 27, 2020

This visualization of UK Higher Education Providers uses a natural Earth projection to map the geographic distribution of institutions. It displays each provider as a circle positioned by its centroid coordinates, with circle size encoding the population attribute and color representing other categorical data. The visualization incorporates interactive zooming functionality through `d3.zoom`, enabling users to explore the map at different scales. Rendering employs `d3.geoPath` for country boundaries and `d3.scaleSqrt` for proportional symbol sizing, with a size legend and color legend using `d3.scaleOrdinal` and `d3.schemeSpectral`. Data is loaded from external CSV and TopoJSON sources, processed via `d3.csv` and `topojson.feature`.

AI-generated description

Clone this repository.

Install requirements:

pip install -r requirements.txt Migrate:

python manage.py migrate Create a superuser:

python manage.py createsuperuser Run the development server:

python manage.py runserver Log into admin and add some Play instances (sample data).

http://localhost:8000/admin/ See your graph at root url:

http://localhost:8000/

MIT Licensed

Similar vizzes

Loading thumbnail…

Circles on a Map

This visualization maps UK higher education providers as circles on a natural Earth projection, with circle area proportional to each provider’s student population. Users can pan and zoom the map and hover over country paths to see tooltips. The code combines `d3.geoPath` for geographic outlines, `d3.geoCentroid` for positioning circles, and `d3.scaleSqrt` for sizing, while `d3.zoom` enables interaction. Data comes from a CSV joined to world-atlas TopoJSON, with a custom size legend built using D3 scales.

Wwaqastufail

90% match

Loading thumbnail…

Circles on a Map

This visualization maps higher education providers across the UK, using circles positioned at geographic centroids to represent the number of students with known disabilities. The circle area scales with this population value via a square-root scale, and a size legend with formatted ticks clarifies the mapping. Users can pan and zoom with d3.zoom, while hovering over region paths highlights them. The code uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering, and loads data from a CSV describing provider characteristics joined to TopoJSON world boundaries.

Wwaqastufail

87% match

Loading thumbnail…

Circles on a Map

This visualization displays UK higher education providers as circles on a world map, with circle area representing the number of students with known disabilities. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render country boundaries, while d3.scaleSqrt maps population values to circle radii. Users can pan and zoom the map using d3.zoom, and hovering over country patches highlights them, though circles have pointer events disabled. Data comes from a CSV dataset joined to TopoJSON world geometry, with a size legend showing population scale and a separate color legend for categories.

Wwaqastufail

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

71% match

Loading thumbnail…

3D Scatter Plot

This 3D scatter plot visualizes a dataset of higher education providers using Three.js and D3 v5, mapping three columns to x, y, and z coordinates and coloring points by species. The code scales each dimension to a unit cube, renders circles as WebGL sprites with CanvasTexture, and animates continuous rotation via D3’s zoom interaction’s `translateBy` method. Users can pan to orbit the scene, with rotation limited to prevent pole inversion, using data from a CSV loaded with `d3.csv`.

Wwaqastufail

69% match

Loading thumbnail…

United Kingdom - Country Map

This example displays a choropleth map of the United Kingdom using a green fill with black borders. It loads geographic data from the world-atlas TopoJSON file, extracts the United Kingdom feature, and projects it with a Mercator projection using `d3.geoMercator` and `d3.geoPath`. The map is rendered as an SVG path element within a 960×500 canvas, with data fetched via `d3.json`.

LLakshmanRangisetti

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

68% match

Loading thumbnail…

Circles on a map

This visualization displays a natural Earth projection map with circles overlaid on each country, sized proportionally to its 2018 population and colored by data availability. The map uses d3.geoNaturalEarth1 and d3.geoPath for geographic rendering, while d3.scaleSqrt and d3.geoCentroid position the circles. Population data is loaded from a UN CSV file, merged with TopoJSON world geometry via topojson.feature, and filtered for valid values. Zooming is enabled through d3.zoom, and a size legend with formatted tick labels explains the circle scale. Countries missing data appear in red, and hover tooltips display the region and exact population.

ZZ-Richard

68% match