Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

projection

Public visualization

projection

0 stars0🌍 Public
LLaasyaJ256
Last edited Apr 11, 2026
Created on Apr 10, 2026
Forked from React & D3 Starter

This geographic map of Canada displays temperature distribution based on latitude, using a blue-to-red color gradient to represent colder northern and warmer southern regions. The visualization loads GeoJSON data from a GitHub repository and renders the country’s provinces using D3.js v7 with the `d3.geoMercator` projection and `d3.geoPath` for shapes. Province colors are computed from centroid latitudes via a simulated temperature model, with a legend gradient showing the cold-to-warm scale. The implementation utilizes `d3.scaleSequential`, `d3.interpolateRdYlBu`, and SVG rendering.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed