Skip to main content
SimilarExport ZIP
100%

DRC With Provinces

✓ Published0🌍 Public
SSamagoue
Last edited Sep 30, 2018
Created on Sep 30, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

fresh block

This example displays administrative districts of Côte d'Ivoire as red-outlined SVG paths on a gray fill, rendered via a Mercator projection. The code loads GeoJSON topology from a local file using d3.json and converts it to GeoJSON features with topojson.feature, then draws each district with d3.geoPath. District boundaries are separated using topojson.mesh, and hover interactions are prepared through a tooltip div, though no click or color-change behavior is active in the visible code. The visualization relies on D3 v5 and topojson.v2.

SSamagoue
74% match
Loading thumbnail…

Gist 461dfc0f189375715d0078042c08fdaa

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.

RRobinL
72% match
Loading thumbnail…

COTE D'IVOIRE

This visualization displays administrative boundaries of Côte d'Ivoire, including districts, regions, departments, and sous-prefectures, with hover effects that highlight districts in red and sous-prefectures in yellow. It uses d3.v4 and TopoJSON, loading the gadm36_CIV.json file to render geographic features via d3.geoPath with a Mercator projection. The code draws district polygons and overlays mesh borders for regional, departmental, and sous-prefecture divisions, all rendered as SVG elements.

SSamagoue
71% match
Loading thumbnail…

Fork of Let's make a map with D3.js!

This example visualizes Canada’s provinces as a choropleth map on a blue spherical background using a natural Earth projection. The map is rendered with SVG paths generated by `d3.geoPath` and `d3.geoNaturalEarth1`, while TopoJSON data is fetched and converted to GeoJSON via the `feature` method. Province boundaries appear as light green shapes with thin black strokes, and the sphere itself is drawn as a distinct path. The code loads data from a GitHub gist and relies on D3 v5 and TopoJSON v3.

SSeldomtimely
71% 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
71% match
Loading thumbnail…

Canadian Province TopoJSON

This example displays a mesh of Canadian federal electoral districts from a 2011 TopoJSON file, highlighting each district boundary with a thin black stroke. Red dots mark the first coordinate of every arc in the topology, revealing the underlying data structure. The map uses a conic conformal projection and is rendered as SVG via `d3.geo.path`. The code employs `topojson.mesh` to extract boundaries and appends circles using each arc’s transformed starting point, based on the TopoJSON transform.

BBrideau
70% match
Loading thumbnail…

Map D3

This map displays the counties of the United States using a natural Earth projection. The visualization draws each county as a separate SVG path, with white fill and black borders. The code loads TopoJSON data from a remote source, converts it to GeoJSON using the `topojson.feature` API, and renders it with `d3.geoPath` and `d3.geoNaturalEarth1`. It utilizes the D3 v5 library and appends all shapes within a single SVG container.

CChristopher Repka
69% match