Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Japan Map

Public visualization

Viewing a saved revision (read-only)

a3d3b653bdef49ae9138dbd0ea64265e

Japan Map

0 stars0🌍 Public
SSharankumar02
Last edited Jul 20, 2023
Created on Jul 17, 2023
Forked from Hello VizHub

This map of Japan displays the country’s administrative boundaries as solid blue regions. Built with D3.js, it uses `d3.geoMercator` for projection and `d3.geoPath` to render geographic features from TopoJSON data. The map supports interactive zooming via D3’s `zoom()` component, which dynamically transforms the SVG group containing the paths. The visualization loads geographic data from a remote JSON source, applies a categorical color scale (`d3.scaleOrdinal`), and styles the regions with a blue fill and white stroke.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.