Gist 207d4ca5cb9d116c81752a3c17d6c24b

100%

Gist 207d4ca5cb9d116c81752a3c17d6c24b

✓ Published0🌍 Public

Last edited Jun 12, 2021

Created on Jun 12, 2021

This map visualizes Burkina Faso’s administrative polygons, likely distinguishing regions by color or stroke. It uses D3.js to load and render the GeoJSON features with `d3.geoPath` and a geographic projection, displaying the country’s boundaries as vector shapes. The code references a two-polygon dataset and appears suited for choropleth or boundary mapping, with the rendering handled directly via SVG or Canvas.

AI-generated description

Similar vizzes

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

72% match

Loading thumbnail…

Fork of Country map using d3.js

This visualization displays a map of African countries with administrative subdivisions, rendered as a static SVG graphic. The map uses a green fill for state regions with black stroke outlines, set against a pink sphere background. The code loads GeoJSON data from a GitHub gist and processes it using topojson’s `feature` API, while d3.geoMercator projection and d3.geoPath generate the geographic paths. The rendering approach relies on SVG path elements appended dynamically via d3’s data join, with styling defined in CSS classes.

Bbhargavarathod

71% match

Loading thumbnail…

Gist b3d6991a9d7ab3de6f7f13e7ed38e097

This map shows the municipal arrondissements of Lyon and Marseille in France, with each district colored according to its population. The visualization loads GeoJSON data describing the polygon boundaries of each arrondissement and uses the ogr2ogr library to convert the shapefile data. The interactive display, viewed through GeoJSON.io, renders the geographic features using standard web mapping tools and displays the population values stored in each polygon's properties when the user clicks or hovers over a district.

TThomasG77

70% match

Loading thumbnail…

Gist 853e8de9a35719af68b31d9c7f13ef77

This example displays a map of French regions using a conic conformal projection, rendering GeoJSON polygon features as SVG paths. The visualization loads geographic data from a local `regions.json` file and draws each feature with `d3.geoPath` and `d3.geoConicConformal` in D3 v4. The code focuses solely on projecting and displaying the regional boundaries without additional interaction or styling.

TTanguideCrevoisier

70% match

Loading thumbnail…

Gist c567d9b561f1c907337ac2df48b52d73

This example displays the boundaries of Paris’s arrondissements, rendered as black paths on a white background. It loads GeoJSON data containing the district polygons and projects them using `d3.geo.albersUsa()` with a custom translation, then draws each feature as an SVG path via `d3.geo.path()` within D3 v3. The visualization presents a straightforward, unadorned map of the city’s administrative divisions.

SSamyMe

69% match

Loading thumbnail…

Gist 7318a250abd12cc0d3e1181da3f1ecb0

This example shows a choropleth map of France, coloring each administrative region according to the cumulative number of flu cases reported during November 2014. The data is loaded from a CSV file and joined to GeoJSON features by region name. The map uses `d3.geo.conicConformal` projection and `d3.geo.path` to render the regions, with a `d3.scale.quantize` color scale mapping summed weekly values to a green color ramp. Hovering over a region displays its name in a tooltip.

OOrhanYaz

69% match

Loading thumbnail…

via:geojson.io

This example uses a geospatial dataset of rectangular polygons to visualize named regions across South America and West Africa. It renders a map from a GeoJSON FeatureCollection, with each polygon’s properties labeling its area and name. The visualization relies on a mapping library to project and draw the geometry, while the interaction between overlapping regions (like the nested “South America Pacific” and “Atlantic” areas) is shown through distinct filled shapes. The code likely employs `d3.geoPath` for path generation and Canvas or SVG rendering, with the raw coordinate data directly defining the boundaries. The source is a gist, and the author is Fil.

PPhilippe Rivière

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

69% match