Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Toronto Map

Public visualization

Viewing a saved revision (read-only)

164b11f994d64ac5bb9dd47ce1e803cc

Toronto Map

0 stars0🌍 Public
SSophy Sun
Last edited Nov 6, 2022
Created on Nov 6, 2022

This example displays a vector map of Toronto using topojson data from a GitHub repository. The map is rendered as SVG paths via `d3.geoPath` and the `geoNaturalEarth1` projection, with React managing the component structure. City boundaries appear as teal strokes without fill or labels, while the `useData` hook loads and converts the TopoJSON to GeoJSON using `feature` from topojson. The visualization uses d3.v5 and React 16.9, with the mark component generating one path per feature.

AI-generated description