topojson example data

100%

topojson example data

✓ Published0🌍 Public

Last edited Mar 26, 2019

Created on Mar 26, 2019

This example displays a map of Spanish municipalities using a TopoJSON file from a Gist by Jn1532. The visualization renders geographic boundaries as vector paths with `d3.geoPath`, while the code also defines multiple data fields for interactive features. The JSON structure contains topology arcs and coordinate arrays, which are processed and drawn through the D3.js library. The rendering approach focuses on the raw geographic data rather than an interactive interface, showing how TopoJSON encodes complex spatial relationships.

AI-generated description

Similar vizzes

Loading thumbnail…

USTopoJSON

This example displays a map of all U.S. counties as thin black outlines, drawn with SVG paths using the `d3.geo.path()` projection. The map is built from a TopoJSON file fetched from a gist, which contains the county geometries. When a user hovers over a county, the CSS `path:hover` rule turns it red, providing a simple interactive highlight. The code relies on D3 v3 and the `topojson.v1` library to process and render the topology data.

JJn1532

78% match

Loading thumbnail…

Gist d214dcd214bbefa0eeb55b6f7d209c33

This visualization shows a TopoJSON map of Dutch administrative regions, rendered as vector shapes defined by coordinate arcs. The data file, named "arrondissementsgebieden.json" (Dutch for "districts areas"), contains geospatial boundary data that is displayed as a static map. The arcs encode the outlines of the regions, and the visualization likely uses D3.js or similar to project and render these coordinates as an interactive or static choropleth-style map, though no styling or color encoding is present in the raw data. The example demonstrates how raw topological data can be parsed and displayed as a map of regional boundaries.

FFrieseWoudloper

77% match

Loading thumbnail…

Gist b62153d4a07669c8305bc65ebaf7f381

This visualization shows a map of Dutch municipalities (gemeenten) rendered from a TopoJSON topology file. The SVG-based map uses D3 v4 to draw geographic boundaries, with each municipality outlined as individual paths. The animation animates the paths when the visualization loads, drawing the boundaries in sequence. The data source is a TopoJSON file containing the geometry of the Dutch municipal divisions, which is loaded and converted for display. The visualization highlights the boundaries between municipalities across the Netherlands, with the animated drawing effect emphasizing the shapes and spatial relationships of the regions.

FFrieseWoudloper

77% match

Loading thumbnail…

TopoJSON

This visualization displays a world map rendered as a sphere using the TopoJSON format. The map shows country boundaries in blue with no fill, projected using the geoEqualEarth projection. The code loads geographic data from a gist, converts TopoJSON to GeoJSON using topojson’s `feature` function, and renders paths with d3’s `geoPath`, all within a React component drawing to SVG.

KKoundinya

77% match

Loading thumbnail…

Gist eb7cd9a65aadb68945adc87e0e8c343d

This example visualizes the tram and metro network of an unnamed city using a TopoJSON topology. It shows routes as geographic paths overlaid on a map, with the data sourced from a gist by JulesBlm. The visualization uses D3.js to load and parse the TopoJSON file, then renders the network through its projection and path generation APIs, displaying the transit lines as connected arcs.

JJulesBlm

76% match

Loading thumbnail…

Gist f8d07cf02b5687668116

This example displays a map of Thuringian districts using topological vector data. It renders the region by loading a TopoJSON file and converting it to GeoJSON with the `topojson` library. The single multipolygon is drawn as an SVG path using `d3.geo.path()` with a default Mercator projection, showing the administrative boundaries in a straightforward black outline against a blank background.

HHoffmannP

76% match

Loading thumbnail…

us2.json

This example displays county boundaries from the US Census Bureau using a TopoJSON file. It renders the geometries onto an SVG or Canvas element with the D3.js library, employing `d3.geoPath` to project and draw the polygons. The visualization is interactive, allowing users to pan and zoom across the map. The code initializes a map projection and fits the path generator to the geographic extent defined in the TopoJSON metadata.

JJn1532

76% match

Loading thumbnail…

TopoJSON Collection

This example presents a gallery of TopoJSON files converted from original shapefiles and GeoJSON sources, covering world countries, continents, and administrative subdivisions by country. The visualization uses d3.v4 and renders a static SVG scene with a text caption, as the core function is to make the collection discoverable rather than display mapped data. The code initializes an SVG canvas and adds a label referencing the repository’s README, while the data sources are documented as Natural Earth and DIVA-GIS.

FFrissAnalytics

76% match