Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map of Hong Kong

Public visualization

Viewing a saved revision (read-only)

7f1680a865764fdb8db04022d880e7f0

Map of Hong Kong

0 stars0🌍 Public
Ddrowningchild92
Last edited Nov 23, 2019
Created on Nov 23, 2019

This interactive map of Hong Kong uses SVG and D3 v4 to let users select districts, with zoom controls for closer inspection. Built with `d3.geoPath` to render geographic boundaries from the included `hongkong.js` data, the visualization updates a text label based on district selection. The code also incorporates the Font Awesome icon library for the zoom buttons and demonstrates common SVG features like event handling and dynamic styling, making it a practical reference for building choropleth-style maps.

AI-generated description

An example including some commonly used features of SVG.