Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Fork of D3 Starter

0 stars0🌍 Public
66642113326@student.chula.ac.th
Last edited Apr 8, 2026
Created on Apr 8, 2026
Forked from D3 Starter

This example presents a tile grid map of Thailand’s provinces, using a dot per electoral district to compare three metrics: reported problems, invalid ballots, and voter turnout. A tab interface switches between these modes, recoloring the dots accordingly, with hover tooltips identifying each district. Built with D3 v7, the visualization positions province tiles via a custom grid coordinate system and renders the underlying SVG with rectangles, text, and circles. Data is embedded directly in the code as a JavaScript array of province names, grid positions, and district counts.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed