Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js Canvas Example

Public visualization

Viewing a saved revision (read-only)

765a500421534f40903ca6e5e802c32f

D3.js Canvas Example

0 stars0🌍 Public
PPedram
Last edited Jun 8, 2023
Created on May 6, 2023
Forked from HTML Starter

This interactive map displays the provinces of Ontario, Canada, using a custom Albers projection. Users can click on individual divisions to zoom in and highlight them in blue, with a reset function to restore the original view. Built with D3.js v5 and React, it fetches GeoJSON data from GitHub and renders paths using `d3.geoPath`, with zoom behavior driven by `d3.zoom` and color transitions applied via `transition.attrTween`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.