全國運動場館

100%

全國運動場館

✓ Published0🌍 Public

Last edited Dec 11, 2023

Created on Dec 11, 2023

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

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

71% match

Loading thumbnail…

Final ProjectV2

This interactive visualization displays average housing prices across Taiwanese counties from 2012 to 2020. Users click on a map of Taiwan rendered as SVG paths to select regions, which adds corresponding line charts to a time-series graph. The visualization uses D3 v5 for scales, axes, and line generation, with Vue and jQuery handling user interaction and state updates. Historical housing data is loaded from a GitHub-hosted JSON file, and each selected county appears as a colored trend line with a label in the right margin.

Wwusushi

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

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

70% match

Loading thumbnail…

Final Project

This visualization displays the average housing prices across Taiwan by region and year, rendered as an interactive SVG map. A slider allows users to select a year from the available data, while clicking or hovering over a region highlights it and updates a Vue-powered display to show the selected county and year. The project uses D3.js (v6) for the slider and map interactions, Vue 2 for the dynamic text updates, and jQuery for handling mouse events. Data is loaded asynchronously from a remote JSON file containing aggregated price statistics.

Wwusushi

69% match