Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

b974e5db9ec543ea880e45ae07e01842

Let's make a face with D3.js!

0 stars0🌍 Public
JJoker-tr
Last edited Dec 29, 2019
Created on Oct 28, 2019

This visualization displays a choropleth map of Iran, coloring each province based on a selected dataset column. A dropdown menu lets users switch between different attribute values, triggering a white flash transition before the new colors settle. The map uses `d3.geoMercator` and `d3.geoPath` to render GeoJSON boundaries, with `d3.scaleLinear` mapping log-transformed data values to random generated colors. A custom `colorLegend` shows the most and least value range, while `d3.zoom` enables panning and scaling of the SVG output.

AI-generated description