Gist 1046e6003c6e5198ef4647da9b64c3b7

100%

Gist 1046e6003c6e5198ef4647da9b64c3b7

✓ Published0🌍 Public

Last edited Nov 30, 2017

Created on Nov 30, 2017

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.

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…

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

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

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

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

84% match

Loading thumbnail…

Gist 596274e96e08f79d5a6d5a6b1c37b944

This visualization displays the incidence of influenza across French regions during the 2014 season, with a choropleth map coloring each region based on its total annual case count. The map is rendered using `d3.geoConicConformal` projection and `d3.geoPath` to draw France’s departmental boundaries. Data from a CSV file is joined to a GeoJSON of regional shapes, and the final fill color reflects each region’s summed value. The code also includes a US states GeoJSON, though its use is not demonstrated in the visible implementation.

CChmits

79% match

Loading thumbnail…

Untitled

This example displays a map of France, rendered in yellow on a pink background using a Mercator projection centered on the country. The visualization loads GeoJSON data from an external URL, filters the dataset to select only the feature named "France", and draws it as an SVG path using `d3.geoPath` with a `d3.geoMercator` projection. The code relies on D3 v4's `d3.json` method to fetch the geographic data and applies a custom scale and translation to position the map within the 540x400 pixel canvas.

SSNarasimhar

77% match

Loading thumbnail…

France Map

A map of France displays each department as a white polygon with black borders, using a conic conformal projection. The visualization renders the GeoJSON data from `departement.json` with D3 v4, employing `d3.geoPath` and `d3.geoConicConformal` to project the geographic coordinates. The code initializes an SVG and appends a `path` element for every feature in the dataset, setting fill and stroke attributes directly.

EElisaDnr

77% match

Loading thumbnail…

Gist 0562486f752206b124480873ad868676

A choropleth map of France colors each region according to its total reported flu cases across 2014, using a green sequential scale to show geographic variation in incidence. The visualization loads weekly case counts from a CSV file and joins them to regional polygons from a GeoJSON file by matching region names. D3 v4’s `d3.geoConicConformal` projection and `d3.geoPath` render the map, while a `d3.scaleQuantize` maps summed annual values to five color classes. Regions lacking data appear gray.

EElisaDnr

76% match