Skip to main content
SimilarExport ZIP
100%

TopoJSON Collection

✓ Published0🌍 Public
FFrissAnalytics
Last edited Sep 16, 2018
Created on Sep 16, 2018

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.

AI-generated description

TopoJSON Collection

Converted to TopoJSON from original shapefiles, GeoJSON, etc. as noted in the source. All files are believed to have been converted from sources that are licensed for reuse or which are in the public domain. If you find a file and believe that its original source is not licensed for this type of use, please create an Issue in this repository.

Please make sure that you click through the links below and download the RAW version of each TopoJson file. Do not right-click on the links below and Save As.

World

Continents

Algeria

Argentina

Azerbaijan

Belgium

China

Colombia

Czech Republic

Denmark

Finland

France

Germany

India

Ireland

Italy

Japan

Liberia

Nepal

Netherlands

New Zealand

Norway

Pakistan

Peru

Philippines

Poland

Portugal

Romania

South Africa

Spain

Sweden

Turkey

  • turkiye (provided by local contributor)

United Arab Emirates

United Kingdom

United States - National

United States - State Level

Venezuela

mit Licensed

Similar vizzes

Loading thumbnail…

Topojson Map

This example displays a world map rendered as filled country polygons on a sphere background. It uses d3.json to load TopoJSON data from the world-atlas package, then converts it to GeoJSON features with topojson.feature. The map is drawn in SVG using d3.geoPath with a d3.geoNaturalEarth1 projection, styling countries in green and the sphere in dark blue.

KKetaki789
81% match
Loading thumbnail…

Topojson World Map

This example renders a world map using a natural Earth projection, displaying countries as filled polygons on a light blue sphere. The visualization loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON features using `topojson.feature`. It draws the map with SVG paths generated by `d3.geoPath` and `d3.geoNaturalEarth1`, styling the sphere and countries via CSS classes for a clear, colorful presentation.

SSyed Araib Karim
80% match
Loading thumbnail…

Maps

This example renders a world map using D3.js and TopoJSON, displaying countries as light green shapes against a dark blue spherical background. It uses d3.geoNaturalEarth1 for the projection and d3.geoPath to generate SVG paths from the world-atlas dataset. The code loads TopoJSON data, converts it to GeoJSON with topojson.feature, and appends country paths to an SVG container. The visualization demonstrates basic data binding and DOM manipulation while showing geographic features with minimal styling.

Cceresfin
80% 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
80% match
Loading thumbnail…

world map with the world Topojson data

This example displays a world map using D3.js version 5 and TopoJSON data from the world-atlas dataset. The visualization projects geographic country boundaries onto a natural Earth projection within an SVG container, with a light blue sphere background and teal country fills. The code imports geoNaturalEarth1 and geoPath for projection and path generation, and applies the feature function from topojson to convert country data into GeoJSON features. Red strokes with low opacity outline the countries, creating a distinct visual separation against the pastel background.

Bbindusreeja
80% match
Loading thumbnail…

World map with the world Topojson data

This example displays a world map using the Topojson world data, rendered as an SVG with a teal sphere background and white country boundaries. It employs D3.js v5’s geoEquirectangular projection and d3.geoPath to convert geographic coordinates into SVG paths. The data loads from a remote GitHub gist, and the topojson library’s feature function extracts country geometries. The map is styled via CSS classes for the sphere and individual countries.

Vvegurusaiprathyusha
80% match
Loading thumbnail…

Geo Chart

This example visualizes a world map from TopoJSON country data, rendering each country as an SVG path. The view uses a Natural Earth projection fitted to the canvas. The code depends on d3.geoPath for path generation, topojson.feature for data conversion, and d3.tip for interactive tooltips. Hovering highlights a country, while right-clicking toggles a tooltip showing the country's name. Colors are not mapped to data; the map focuses on geography and interaction.

Ttenghaoman
80% match
Loading thumbnail…

Topojson World Map

This example displays a world map in the Natural Earth projection, rendering countries as green polygons with a blue spherical background. It visualizes the topojson-format country boundaries from the world-atlas dataset. The code uses `d3.geoPath` with the `geoNaturalEarth1` projection to generate SVG paths, while the `topojson` library’s `feature` function converts the topojson data into GeoJSON features.

RRadhakrishna246
79% match