Skip to main content
100%

Gist 67b5781267c697117dd271ab460c4a1a

✓ Published0🌍 Public
AAlan McConchie
Last edited Apr 14, 2021
Created on Apr 14, 2021

This visualization maps Canadian census divisions, coloring each region by its 2016 population. The map is rendered as a choropleth using census division boundaries, with color intensity reflecting population counts. Hovering over a division highlights it and displays its name and population value. The visualization uses data from the 2016 Canadian Census, showing population distribution across provinces and territories at the census division level.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 334df5480f67798d54a9b2e827a2c37f

This visualization maps population counts for U.S. states and Canadian provinces using a geographic choropleth. It shows relative population density through color shading on a map, with darker areas indicating higher populations. The code uses D3.js with `d3.geoPath` to render the geographic outlines and applies a color scale to fill each region based on its population value from the CSV file. The visualization relies on standard D3 data loading and projection methods to display the map.

AAlan McConchie
81% match
Loading thumbnail…

Gist c5464c81f3437808eb7f9c296e71b51a

This visualization displays the administrative boundaries of US states and Canadian provinces from a GeoJSON dataset. Using D3.js, the map renders the geographic polygons as an interactive choropleth, with each state or province colored distinctly. The visualization leverages the GeoJSON FeatureCollection to draw boundaries, highlighting the administrative regions of North America.

AAlan McConchie
76% match
Loading thumbnail…

Gist 5e36771400038b0c861c6617c622c5f7

A map of Canada visualizes interprovincial migration flows for 2017 Q2 and Q3, using animated, arrow-headed routes and scaled circles to show the net movement of people between provinces and internationally. Provincial boundaries are rendered from a TopoJSON file via `d3.geoPath` with a conic conformal projection, while migration data from a CSV file drives the visualization. A dropdown menu lets users switch between time periods, and D3 v4 handles the SVG rendering and animations.

MMbrownshoes
74% match
Loading thumbnail…

Choropleth Map

This choropleth map shows how Canada’s provincial and territorial populations changed annually from 1991 to 2019. Animated transitions recolor each region as a slider or playback control (not implemented here) would step through years. The visualization uses D3 v5 with `d3.geoPath` and a `d3.geoAlbers` projection to render TopoJSON boundaries, while population data is loaded from a CSV. Province fill colors are intended to map to population values, though the current code leaves them white.

GGraceXT
74% match
Loading thumbnail…

Gist 57ea4f5c69eb3675c729

This map visualizes U.S. congressional districts with population data, using color to encode the total population and voting-age population for each district. The visualization employs a choropleth style, where district boundaries from the GeoJSON file are rendered as polygons and shaded according to their associated population values. The author, andrewthornton, created this gist to display the demographic distribution across districts, with hover or selection interactions likely revealing exact population numbers for each geographic area.

Aandrewthornton
72% match
Loading thumbnail…

Gist 69526c10c61369e9ebc7f2479ab96375

This example renders a choropleth map of British Columbia’s regional districts from a TopoJSON file, coloring each polygon by its `FEATURE_AREA_SQM` property. The visualization uses a custom `d3.geoPath` projection to draw district boundaries and a sequential color scale to encode area. Hover effects are implemented through a `transition.attrTween` that animates the fill color on selection, while a tooltip displays the district name and area. The map is composed using D3’s topology and geometry APIs, with the data sourced from the province’s legal boundary records.

MMbrownshoes
70% match
Loading thumbnail…

Canadian Polling Distrtict TopoJSON

This map shows Canadian federal electoral districts, with each district rendered as a gray path that highlights red on hover. The visualization uses the TopoJSON format to encode district boundaries and relies on the `d3.geo` path API to project and draw the geographic data. The projection is a Lambert conformal conic, applied specifically for Canada, with the map centered on the country and scaled to fit an SVG canvas. The district attributes include English and French names, province, and population data from the 2011 census, though only the district shapes and interactive hover effect are visually presented.

BBrideau
69% match
Loading thumbnail…

Gist 1198897

This visualization demonstrates the geographic distribution of the 2010 U.S. Census data, mapping population counts and related demographic metrics across states. Built with Ruby and CartoDB importer, it renders interactive choropleth maps using color-coded polygons to represent data values, allowing users to explore spatial patterns in the dataset. The visualization leverages Google Spreadsheet integration for data input and PostgreSQL for storage, with map rendering handled through CartoDB’s geospatial processing pipeline.

Aandrewxhill
68% match