Skip to main content
SimilarExport ZIP
100%

Gist 853e8de9a35719af68b31d9c7f13ef77

✓ Published0🌍 Public
TTanguideCrevoisier
Last edited Nov 30, 2017
Created on Nov 30, 2017

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.

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>

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

mit Licensed

Similar vizzes

Loading thumbnail…

Gist 1046e6003c6e5198ef4647da9b64c3b7

This example displays a static map of French regions, rendered using a conic conformal projection centered on France. The visualization uses D3 v4’s `d3.geoConicConformal`, `d3.geoPath`, and `d3.json` to load and draw geographic data from an external regions JSON file. The SVG canvas is 700 by 580 pixels, with all region boundaries shown as simple paths. No interactivity or additional styling is applied; the map is presented in its raw, unadorned form.

MMilowB
89% 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
88% match
Loading thumbnail…

Gist 496f20b47774ec679ab5dd48beff9d7e

This example maps French regional data from a CSV file onto a geographic outline of France. It uses a conic conformal projection and a quantized color scale to shade each region according to a numeric value. The visualization loads GeoJSON topology for the region boundaries and joins it with the CSV data, filling regions with a five-step green color ramp, while regions without data appear gray. The code relies on D3 v4’s `d3.geoConformal`, `d3.geoPath`, `d3.scaleQuantize`, and CSV/JSON loading functions.

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

Gist 7e3a00ebc2070655596c90ce28179a62

This example displays a static map of the United States using a conic conformal projection centered on France. The visualization renders geographic boundaries as SVG paths, with the map projected using `d3.geoConicConformal()` and a scale of 2800. The code loads U.S. state data from a local `us-states.json` file and draws each feature using `d3.geoPath()`. The map is fixed at 700 by 580 pixels, with no interactive elements, focusing purely on the projected geometry.

CChaf1A
81% match
Loading thumbnail…

fresh block

This example displays a map of a French region, likely a department or territory, as a set of gray polygon outlines. It uses D3.js v4 to load a GeoJSON file named "regions.json" and render its features onto an SVG canvas. The code relies on the `d3.geoAlbersUsa()` projection and `d3.geoPath()` to convert the geographic coordinates into SVG paths, which are then appended to the visualization.

NNicocolabricot
80% match
Loading thumbnail…

fresh block

This example displays a map of a French region, likely a department or territory, as a set of gray polygon outlines. It uses D3.js v4 to load a GeoJSON file named "regions.json" and render its features onto an SVG canvas. The code relies on the `d3.geoAlbersUsa()` projection and `d3.geoPath()` to convert the geographic coordinates into SVG paths, which are then appended to the visualization.

NNicocolabricot
80% match
Loading thumbnail…

fresh block

This example displays a map of a French region, likely a department or territory, as a set of gray polygon outlines. It uses D3.js v4 to load a GeoJSON file named "regions.json" and render its features onto an SVG canvas. The code relies on the `d3.geoAlbersUsa()` projection and `d3.geoPath()` to convert the geographic coordinates into SVG paths, which are then appended to the visualization.

NNicocolabricot
80% match