D3 Geomap

A library for creating geographical maps based on D3.js
Alternatives To D3 Geomap
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Id3,0982a day ago21July 15, 20221,162iscJavaScript
🆔 The easy-to-use OpenStreetMap editor in JavaScript.
React Simple Maps2,850148792 months ago48July 01, 2023153mitJavaScript
Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Iclient Javascript79017a day ago20June 29, 202219apache-2.0JavaScript
Modern GIS Web Client for JavaScript, based on Leaflet\OpenLayers\MapboxGL-JS\Classic(iClient8C), enhanced with ECharts\D3\MapV etc. Contributed by SuperMap & community.
D3 Carto Map261
9 years ago20unlicenseJavaScript
A mapping API that uses D3 geospatial functionality
Keen Dataviz.js2163472 years ago107April 30, 202111mitJavaScript
Data Visualization Charting Library
5 months agoapache-2.0JavaScript
A MapBoxGL and D3 web mapping tool for exploring the dynamic population of Manhattan.
D3 Deconstructor150
8 years agobsd-3-clauseJavaScript
A Google Chrome plugin for extracting data from D3 visualizations.
2 days ago20October 01, 20216eupl-1.2JavaScript
A package for visualizing gridded data 🌐
D3 Geomap117312 years ago12December 11, 20196mitJavaScript
A library for creating geographical maps based on D3.js
3 months ago17otherJavaScript
♠ Thematic cartography ♠
Alternatives To D3 Geomap
Select To Compare

Alternative Project Comparisons


npm package version npm package license

d3-geomap is designed to be a reusable geographic map for D3. In its current stage it consists of a class to create plain maps d3.geomap() and one for choropleth maps d3.choropleth().

Refer to the documentation on how to use d3-geomap and to download a bundle that contains minified versions of d3-geomap and its dependencies as well as TopoJSON files for creating world and individual country maps.


$ npm install d3-geomap



import { select } from 'd3-selection';
import { geomap } from 'd3-geomap';

const worldMap = geomap();


Otherwise, see examples in the /examples directory.


Clone the repo & install dependencies:

$ git clone https://github.com/yaph/d3-geomap.git
$ cd d3-geomap
$ npm install

Start the development server:

$ npm run serve

A browser should open pointed to http://localhost:8000/examples/. Choose to view one of the example maps.

Map Showcase

World Cup 2014 Players' Birth Countries

The map above, showing birth countries of Football World Cup 2014 players, was created with d3-geomap. You can find more example maps here.

Popular D3 Projects
Popular Mapping Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.