Skip to main content
SimilarExport ZIP
100%

villages

✓ Published0🌍 Public
GGeoWill
Last edited Mar 2, 2018
Created on Mar 2, 2018

This visualization shows the distribution of villages across Taiwan, mapping each administrative unit to its geographic position. It uses D3's `d3.forceSimulation` to lay out points based on hierarchical township and county codes, with `d3.geoPath` rendering the underlying map boundaries. Village names are displayed in both Chinese and English, sourced from a CSV file containing official township and village codes. The visualization employs a color scale to distinguish counties, with labels positioned via force-directed collision avoidance.

AI-generated description

Similar vizzes

Loading thumbnail


villages

This visualization maps administrative divisions across Taiwan, showing village boundaries and their relationships within counties and townships. The code reads a CSV dataset of village codes and names, then uses d3.forceSimulation to position nodes representing each village, with links connecting villages sharing the same town or county. The rendering relies on SVG paths generated through d3.geoPath, while the underlying geographic data is sourced from a gist containing Taiwanese administrative boundaries.

GGeoWill
95% 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
85% 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
80% match
Loading thumbnail


Missing districts

The visualization shows which townships and districts in Taiwan are absent from a given dataset, with each missing area highlighted on a map. It uses a force-directed layout via `d3.forceSimulation` to position label points for each missing town, while county boundaries are drawn with `d3.geoPath`. The map is rendered on a Canvas, where `getImageData` detects whether a pixel falls within a county, enabling precise placement of labels. Data comes from a CSV listing county and town names, with the result revealing clusters of omissions, particularly in Yilan, Tainan, and Taoyuan.

GGeoWill
77% 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
72% 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
69% 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
69% match
Loading thumbnail


VizFinal

An interactive dashboard combines a choropleth map of Taiwan with bar chart, line chart, and bubble chart views of agricultural statistics. Users select fruits, years, and data columns from dropdown menus to query a CSV dataset, while clicking counties on the map highlights them and reveals temporal trends. The visualization uses D3 version 7 with geoMercator and geoPath for map projection, axisBottom for chart axes, and transition animations for smooth updates.

Aaaron.chu626@gmail.com
68% match