Missing districts

100%

Missing districts

✓ Published0🌍 Public

Last edited Mar 1, 2018

Created on Mar 1, 2018

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.

AI-generated description

Similar vizzes

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

88% 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

82% match

Loading thumbnail…

villages

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.

GGeoWill

77% match

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

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

68% 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

68% 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

68% match

Loading thumbnail…

Missing Migrants Dataset

This visualization plots the Missing Migrants dataset, showing each incident as a point on a world map sized by the number of dead and missing. It uses the `d3.forceSimulation` to distribute overlapping points and `d3.geoPath` to render the geographic basemap. The rendering is done with Canvas and the `getImageData` API to detect and avoid overlapping labels. Data is loaded from a CSV file, with coordinates converted to pixel positions using a geographic projection.

CCurran Kelleher

67% match