100%

[Taiwan Map](http://bl.ocks.org/violetvivirand/56cc297a57b0b710263124701c153faf)

✓ Published0🌍 Public

Last edited Aug 11, 2016

Created on Jun 30, 2016

Taiwan Map shows the island and its outlying counties as filled polygons overlaid on an OpenStreetMap tile layer, with county names labeled at each region's centroid. The map uses Leaflet for interactive panning and zooming, while D3.js renders the TopoJSON boundaries as SVG paths that reposition on map view changes. The TopoJSON data is converted from shapefiles published by Taiwan’s open-data portal, and hover effects highlight individual counties.

AI-generated description

Taiwan Map

Built with Leaflet, blockbuilder.org

Data Source

Please download it from DATA.GOV.TW, and execute the following command:

$ ogr2ogr -f GeoJSON taiwan.json County_MOI_1041215.shp
$ topojson -o tw.json --id-property County_ID --properties name=C_Name --shapefile-encoding big5 tw_geojson.json

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Taiwan Map for Datamaps.co

A choropleth map of Taiwan's 22 counties and cities, rendered as an SVG using D3 with TopoJSON. The map visualizes data loaded from an external CSV file, with each region's color intensity reflecting the assigned value. Hovering over a region displays a tooltip with the region's name, and clicking zooms in for a closer view. The map uses a beige base color for regions with no data and blue shades for populated values, with a legend explaining the color scale.

VVioletVivirand

87% match

Loading thumbnail…

Fork of Page Title

This visualization displays a map of Taiwan's counties and municipalities, rendered as an SVG using D3.js. The map uses a Mercator projection centered on Taiwan, with county boundaries drawn using TopoJSON topology data. Each county polygon is interactive, highlighting in yellow on mouseover. The visualization relies on D3's geo projection and path APIs, alongside TopoJSON's mesh and feature methods, with a CSS gradient background applied to the page.

Aannie520143

82% match

Loading thumbnail…

[The Map of Kaohsiung, Taiwan](http://bl.ocks.org/violetvivirand/f39da85441b08e218422587d88cf86ae)

A map of Kaohsiung, Taiwan, rendered in SVG with D3 v3, displays the city's administrative districts as interactive regions. Hovering over a district highlights it in green and shows its name in a tooltip. District names and circular markers are positioned at each region's centroid using a Mercator projection. The map is built from TopoJSON data converted from government shapefiles.

VVioletVivirand

81% match

Loading thumbnail…

towns

The visualization displays the geographic distribution of towns across Taiwan, using their names, county affiliations, and administrative codes from a CSV dataset. It presents a map-like layout where each town is depicted as a point or region in relation to its county, with labels showing traditional Chinese names and English romanizations. The code leverages d3.geoPath to render town boundaries or locations from the geospatial data, while d3.forceSimulation could arrange overlapping points into a readable pattern. The rendering relies on Canvas and browser APIs to draw the map, with the source data sourced from a gist by GeoWill.

GGeoWill

77% match

Loading thumbnail…

draw_tw

This interactive visualization maps Taiwan's counties, colored by a selected demographic or economic indicator from 2011 to 2021. Users can choose a metric via dropdown menus, triggering an animated bar chart that ranks counties alongside a national average line, while a line plot on the side tracks the temporal trend for the hovered county. The map is rendered using `d3.geoPath` on a TopoJSON topology, with choropleth coloring based on indicator values. The bar chart uses `d3.scaleBand` and `d3.scaleLinear` for layout, and the line plot uses `d3.line` with a gradient stroke that changes color based on yearly increases or decreases.

Aaaron.chu626@gmail.com

75% match

Loading thumbnail…

全國運動場館

This visualization shows a map of Taiwan's counties, rendered as an SVG using D3.js version 6. The map uses a Mercator projection with a custom center and scale, and each county is drawn as a path with a light green fill and gray stroke. Hovering over a county triggers a CSS hover effect that changes the fill to light gray, and a simple tooltip displays the county name via a title element. The geographic data comes from a local GeoJSON file loaded with `d3.json`, and the paths are generated using `d3.geoPath`. The React framework is mentioned in the metadata but is not used in the provided code, which relies on plain D3 selections and SVG manipulation.

YYang Shun Yu

75% match

Loading thumbnail…

Gist 88d08870d21ac3591ac52dfcb82a8329

This visualization maps towns and counties in Taiwan that are absent from the ethnical electoral regions dataset, using a force-directed layout to position labeled points. The code employs `d3.forceSimulation` for spatial distribution and `d3.geoPath` to render geographic boundaries, with data drawn from a CSV list of county-town pairs. It highlights gaps in regional coverage, focusing on municipalities in Yunlin, Lienchiang, Kinmen, Penghu, and Chiayi. Text labels are placed via SVG elements, and the rendering likely relies on D3’s projection utilities to align the points with the map.

GGeoWill

75% match

Loading thumbnail…

Map

This example visualizes a map of Taiwan using a Transverse Mercator projection, with geographic regions rendered as gold SVG paths that turn white on hover. The visualization uses d3-geo, including `d3.geoTransverseMercator` and `d3.geoPath`, to project and draw the geometry. A zoom behavior via `d3.zoom` enables interactive panning and scaling. The geographic data comes from a remote GeoJSON file loaded with `d3.json`, while the projection parameters are tuned to center and scale the map within the SVG canvas.

TTekmal-Bhavana

74% match