Gist 461dfc0f189375715d0078042c08fdaa

100%

Gist 461dfc0f189375715d0078042c08fdaa

✓ Published0🌍 Public

Last edited Jul 14, 2018

Created on Jul 14, 2018

This example displays the Democratic Republic of the Congo using a Mercator projection. The map’s border is outlined with a dark blue stroke and a semi-transparent fill, scaled to 1000 and centered on longitude 17 and latitude -3. The visualization loads GeoJSON feature data from a GitHub Gist and renders it as a single shape mark. It uses Vega’s `geoshape` transform with a named `mercator` projection, and the map’s translation is tied to width and height signals.

AI-generated description

Similar vizzes

Loading thumbnail…

DRC With Provinces

This example displays a map of the Democratic Republic of Congo, highlighting provincial boundaries with black strokes and internal territory divisions in gray. Using a Mercator projection, the visualization renders geographic features from a TopoJSON file containing separate layers for provinces, territories, and the national border. The code applies `d3.geoPath` and `topojson.mesh` to draw the hierarchical administrative boundaries, with distinct styling for each level from the COD_TOPO.json data source.

SSamagoue

72% match

Loading thumbnail…

fresh block

A map of the Democratic Republic of the Congo displays internal administrative boundaries and the national outline. It shows province borders and territory-level divisions, rendered as distinct stroke layers. The visualization uses the D3 v4 library with the `d3.geoPath` projection to draw SVG elements from TopoJSON data loaded from a local file. Territory boundaries are differentiated from province boundaries using a `topojson.mesh` function with a filtering criterion based on territory ID prefixes.

SSamagoue

70% match

Loading thumbnail…

Mercator Projection

This example displays a world map using a Mercator projection, with each country rendered as a gray shape outlined in white. The map is built with the D3.js version 3 library, using `d3.geo.mercator()` to define the projection and `d3.geo.path()` to convert GeoJSON geometries into SVG paths. The geographical data comes from a `countries.json` file containing feature collections loaded via `d3.json()`. The resulting visualization, rendered in an SVG element, demonstrates the classic distortion of landmasses toward the poles inherent to this projection method.

PPatrick Wojda

69% match

Loading thumbnail…

Equateur MMSH

This visualization highlights the Equateur region in the Democratic Republic of the Congo using an interactive world map. Landmasses are rendered as SVG paths from a TopoJSON world dataset, with an animated canvas overlay likely showing flowing arcs or moving particles that trace geographic connections. The map displays country boundaries, but omits Antarctica, and the region of interest (Equateur) is visually emphasized, possibly with a distinct color or highlight. The animation conveys movement or temporal data, while the combination of SVG for the base map and canvas for the animated overlay allows for smooth rendering.

0007Carto

67% match

Loading thumbnail…

Gist dbbbf5036a38b2eb912d97805615c7f5

This visualization displays a single choropleth-style map of the Netherlands, showing generalized administrative regions for 2019. It uses a Mercator projection to render geographic boundaries as SVG paths. The code relies on D3.js v3, specifically `d3.geo.mercator` for projection and `d3.geo.path` to draw the shapes, while fetching GeoJSON data from the Dutch national geodata WFS service. The map is rendered on a 1200×500 pixel canvas with no additional styling or interaction.

FFrieseWoudloper

67% match

Loading thumbnail…

Gist cf47ed32426b88863d607d9d0dccb77d

This example shows a single outlined region of France rendered as a black-and-white map using the D3.js library. It uses the `d3.geo.path()` API with a conic conformal projection to transform GeoJSON polygon coordinates into SVG paths. The visualization loads its geographic data from a local `regions_geo.json` file and draws the shape on a fixed-size SVG canvas.

MMarineRu

67% match

Loading thumbnail…

Gist 1046e6003c6e5198ef4647da9b64c3b7

This example displays a static map of French regions, rendered using a conic conformal projection centered on France. The visualization uses D3 v4’s `d3.geoConicConformal`, `d3.geoPath`, and `d3.json` to load and draw geographic data from an external regions JSON file. The SVG canvas is 700 by 580 pixels, with all region boundaries shown as simple paths. No interactivity or additional styling is applied; the map is presented in its raw, unadorned form.

MMilowB

67% match

Loading thumbnail…

Gist 7e3a00ebc2070655596c90ce28179a62

This example displays a static map of the United States using a conic conformal projection centered on France. The visualization renders geographic boundaries as SVG paths, with the map projected using `d3.geoConicConformal()` and a scale of 2800. The code loads U.S. state data from a local `us-states.json` file and draws each feature using `d3.geoPath()`. The map is fixed at 700 by 580 pixels, with no interactive elements, focusing purely on the projected geometry.

CChaf1A

66% match