Skip to main content
SimilarExport ZIP
100%

Gist c567d9b561f1c907337ac2df48b52d73

✓ Published0🌍 Public
SSamyMe
Last edited Dec 29, 2016
Created on Dec 29, 2016

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.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/aurelient/'>aurelient</a>'s block: <a href='http://bl.ocks.org/aurelient/28e33c4fc0e1944df0ea72fe554b490c'></a>

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

A map of Paris arrondissements renders as a static SVG of red-filled polygon regions, with no interactivity or labels. The visualization uses D3 v4 with a `d3.geo.path()` to project GeoJSON features, which are loaded from an external `arrondissements_osm_paris.geojson` file. The code creates a 1600×1400 SVG canvas and binds each GeoJSON feature to a `<path>` element, applying a solid red fill to all districts. The example demonstrates basic GeoJSON loading and geographic path rendering with D3’s SVG output.

SSamyMe
85% 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
79% match
Loading thumbnail…

Gist 7a936b232f3444758c3bfc5775324231

This example shows a static map of Dutch arrondissements (districts) for 2019, rendered as a single SVG path using a Mercator projection. The code loads GeoJSON data from a national georegister Web Feature Service (WFS) endpoint via `d3.json`. It uses `d3.geo.mercator` and `d3.geo.path` to project and draw the geographic features. The visualization is minimal, displaying only the district boundaries without additional styling or interactivity.

FFrieseWoudloper
78% match
Loading thumbnail…

Gist 4f0c8fb5332c2deba6c05cc673c84000

This visualization displays the geographic boundaries of US states, rendered as SVG paths from a local `us-states.json` GeoJSON file. It uses `d3.geo.albersUsa()` to set an Albers equal-area conic projection, `d3.geo.path()` to generate the path data for each state feature, and appends the resulting paths to a fixed 700x580 SVG canvas. The code loads the data via `d3.json()` and iterates over the GeoJSON features to draw each state shape, though it only maps the coordinates without additional styling or interactivity.

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

Gist a76504adb7799e4c28c6d1558bd35ce3

This example displays a map of the United States using an Albers USA projection, rendering state boundaries as SVG paths. It loads geographic data from a local `us-states.json` file containing a FeatureCollection of state polygons. The code uses d3.json to fetch the data and d3.geo.path with a d3.geo.albersUsa projection to convert GeoJSON coordinates into screen paths. The visualization presents a simple, static outline map without additional data encoding or interaction.

AAurelink
76% match
Loading thumbnail…

Gist 877339b9886ef9a8b6db2fc0593bb61e

This example displays a map of the United States using the Albers USA projection, showing each state as a filled polygon. The code loads GeoJSON state boundary data from a local `us-states.json` file and renders it as SVG paths using `d3.geo.path()` with the projection. Built with D3 v3, the visualization sets a fixed canvas size and appends path elements to the SVG container for each feature in the dataset.

MMelanieSalignat
75% match