Gist 88d08870d21ac3591ac52dfcb82a8329

100%

Gist 88d08870d21ac3591ac52dfcb82a8329

✓ Published0🌍 Public

Last edited Mar 2, 2018

Created on Mar 2, 2018

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.

AI-generated description

Similar vizzes

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

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

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

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

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

72% 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…

全國運動場館

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

71% match

Loading thumbnail…

Gist 9bd5ca69fc039cff50383b3a3459858b

This example shows how to render a spatial distribution of data points on a map using D3.js. It uses `d3.geoPath` to draw geographic boundaries and `d3.forceSimulation` to position overlapping points, while Canvas `getImageData` is used to read pixel data for collision detection. The visualization reads from a PGP-encrypted text file, suggesting the underlying dataset is not directly accessible. The code relies on D3’s selection and transition APIs to animate point movements, and it appears to use a projection to convert latitude and longitude coordinates into screen positions. The result is an interactive scatterplot overlaid on a map, with points dynamically adjusting to avoid overlap.

CCliffordAnderson

67% match