COTE D'IVOIRE

100%

✓ Published0🌍 Public

Last edited Jan 12, 2019

Created on Jan 12, 2019

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.

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>

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

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

COTE D'IVOIRE

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.

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

83% 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

71% 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

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

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

68% match

Loading thumbnail…

morocco map

This choropleth map of Morocco displays its administrative regions, with hover effects that turn each region green. The visualization loads geographic data from a GeoJSON file containing regional boundaries and attributes. Using D3.js v5, the code applies a Mercator projection via `geoMercator` and draws the regions with `geoPath`. Region names are placed at each polygon's centroid. The map renders as SVG, with red fill colors for regions, black strokes, and interactive hover styling managed through CSS.

AAbdouEnsaj

64% 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

63% match