Skip to main content
100%

Thailand map by population density

✓ Published0🌍 Public
Aadkdev
Last edited Jan 27, 2017
Created on Jan 26, 2017

This interactive map of Thailand visualizes population density by province, with colors ranging from white to blue as density increases. Hovering over a province displays its name and density value, while clicking zooms in on the selected province with a smooth animated transition, highlighting it in pink. The visualization uses a Mercator projection customized to center Thailand, and it loads geographic data from an external JSON file. Built with D3 v3, the map renders as SVG and supports zoom-on-click interactions.

AI-generated description

Thailand map by population density

Basic d3 Thailand map with hover info and zoomable when mouse click. Colorize by Population density.

Based on:

Data:

mit Licensed

Similar vizzes

Loading thumbnail…

Thailand map by population density

This interactive D3.js map visualizes population density across Thailand’s provinces, colorizing each region on a white-to-blue gradient based on density values. Hovering highlights a province in orange and displays its name and density in a large text label. Clicking a province triggers a smooth zoom animation (750 ms) to focus on that region, changing its fill to a distinct pink while others return to their density-based colors. The map uses a customized Mercator projection centered on Thailand, with vector-effect non-scaling strokes for crisp borders. Population data comes from a local JSON file, and the visualization is implemented with SVG and animated transitions under the MIT license.

663anp3ca
97% match
Loading thumbnail…

D3 - Thailand Map

This interactive map of Thailand displays province-level geographic data from the apisit/thailand.json GeoJSON dataset, rendered as SVG paths using a customized Mercator projection. Hovering over a province highlights it in orange and displays its name in large text, while clicking a province smoothly zooms in at 4x scale, recolors the selected province, and updates the label. Clicking the background resets the view. Built with D3 v3, the visualization combines mouse interactions with animated transitions for an engaging exploration of Thai administrative boundaries.

Aadkdev
83% match
Loading thumbnail…

D3 - Thailand Map

This map of Thailand displays provincial boundaries with an interactive zoom-and-pan effect. Built with D3 v3, the visualization uses a Mercator projection and renders each province as an SVG path. Hovering over a province highlights it in orange and displays its name in large text, while clicking a province zooms in by a factor of four, centers it, and recolors it pink. Clicking again returns the map to its default view. The map is generated from GeoJSON data and includes smooth animated transitions for zooming.

663anp3ca
81% match
Loading thumbnail…

map

This interactive dashboard visualizes election results across Thai provinces, combining a geographic map with a dot-matrix chart. The map renders GeoJSON data using d3.geoMercator and d3.geoPath, with tooltips displaying province names and click events triggering alerts. A separate bivariate choropleth legend uses a color matrix to show relationships between electoral irregularities and victory margins. The visualization supports filtering by political party and election type (district or party-list), with interactive features including hover tooltips and animated state changes. The layout integrates multiple D3.js components including SVG rendering and custom color schemes.

NNatnaree kludbupa
69% match
Loading thumbnail…

Country population density

This choropleth map shows global population density by country, using color shading to represent people per square kilometer across multiple years from 2010 to 2021. The visualization is built from a GeoJSON file containing country boundaries and population density values for each year. The map encodes the population density data through a color scale, where darker or more intense colors indicate higher density values, allowing viewers to quickly compare population pressure across nations. Interactive hover or click tooltips would display the exact density values for each country and year.

WWill Carter
64% match
Loading thumbnail…

World Map

This interactive choropleth world map visualizes population data by country. Each nation is colored on a gradient from light blue to dark blue using a quantized scale, with darker shades representing higher populations. The map uses a Mercator projection and includes graticule lines. Hovering over a country reveals a tooltip displaying the country name and its population, formatted in a compact notation (e.g., 1.2B). The visualization was built with D3.js and TopoJSON, and is based on a gist by Varsha-Ravi with an MIT license, using an SVG rendering approach.

VVarsha-Ravi
63% match
Loading thumbnail…

Population Density

This choropleth map visualizes global population density across selectable years (1980, 2000, 2010, 2022) using a Mercator projection via `d3.geoMercator` and `d3.geoPath`. A threshold color scale maps density values to a blue sequential palette, with country-level data loaded from a raw GitHub CSV. Users interact through a dropdown to switch years, triggering map redraws and an animated tooltip on hover showing country name and density. A sidebar ranks the top ten most densely populated countries for the chosen year.

DDouglas mochama
63% match
Loading thumbnail…

Map

This visualization is a world population density map where each country is colored according to its inhabitants per square kilometer, using a sequential color scale from light blue (sparse) to red (dense). It displays a legend and tooltips on hover, allowing users to inspect individual countries. Built with D3 v7, the map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render geographic boundaries from TopoJSON data, while population statistics are parsed from a TSV file and aggregated with `d3.rollup` and `d3.sum`.

AAnurup Reddy
63% match