Skip to main content
SimilarExport ZIP
100%

COTE D'IVOIRE

✓ Published0🌍 Public
SSamagoue
Last edited Jan 12, 2019
Created on Jan 12, 2019

This map of Côte d'Ivoire shows administrative boundaries, with districts, regions, and departments outlined in white and sous-prefectures in finer detail. Hovering over a district turns it red, while hovering over a sous-prefecture turns it yellow. The visualization uses a TopoJSON file (`gadm36_CIV.json`) and the D3.js libraries `d3.geoMercator` and `d3.geoPath` to render the geographic features as SVG paths. It also employs the `topojson` API to extract district features and meshes for border drawing.

AI-generated description

This map demonstrates the TopoJSON us-atlas. The same TopoJSON file can also be used to show states.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4122298'>COTE D'IVOIRE</a>

gpl-3.0 Licensed

Similar vizzes

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
95% 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
80% match
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
69% 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
67% 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
66% match
Loading thumbnail…

Visualiser des données avec D3

This example displays a choropleth map of French administrative departments, coloring each region according to its population size using a sequential red color scale ranging from light to dark hues. The visualization renders the geographic boundaries as SVG paths via D3.js, employing the `d3.geo.path()` and `d3.geo.conicConformal()` projection APIs to transform the GeoJSON data, while population values from a CSV file are mapped to color classes using `d3.scale.quantile()`.

Ccedriccaijo
63% match
Loading thumbnail…

France

This map of France uses a conic conformal projection to display the country’s administrative regions. The visualization renders each geographic feature as a separate SVG path, with the projection centered on the country’s coordinates. Built with D3 v4, the code relies on `d3.geoConicConformal()` and `d3.geoPath()` to transform GeoJSON data into the final map. The geographic data is loaded from a local file named “France.json,” and the resulting paths are drawn without additional styling or interactivity.

MMathReynaud
62% match
Loading thumbnail…

France Map

A choropleth-style map of France displays each department as a white polygon with black outlines, based on GeoJSON data from a gist. The visualization uses D3 v3’s `d3.geo.path()` with a `d3.geo.conicConformal` projection, centered on the country and scaled to fit a 600×600 SVG canvas. Departments are loaded from `departments.json` and rendered as SVG `<path>` elements, with no data encoding beyond the geographical boundaries.

EElisaDnr
62% match