Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Japan Map

Public visualization

Viewing a saved revision (read-only)

543190b8d7694cb19cfa312ae2f31266

Japan Map

0 stars0🌍 Public
NNaveenaS12
Last edited Aug 18, 2020
Created on Aug 13, 2020

This map of Japan displays its prefectures as semi-transparent purple regions, with each area labeled by its name. The visualization uses `d3.geoMercator` for projection and `d3.geoPath` to render GeoJSON features from a TopoJSON source of Japanese towns. A sequential color scale, `interpolatePurples`, shades each state based on its position in the dataset, while text labels are positioned using `pathGen.centroid`. The map is rendered as SVG and supports zooming via D3’s `zoom` behavior.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.