Gist 496f20b47774ec679ab5dd48beff9d7e

100%

Gist 496f20b47774ec679ab5dd48beff9d7e

✓ Published0🌍 Public

Last edited Dec 5, 2017

Created on Dec 5, 2017

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.

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

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

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

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

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

80% match

Loading thumbnail…

Gist 84ef6eb7d19cde664dfb4f461ddce3d3

A choropleth map of French regions colors each region by the sum of influenza case counts across five dates in late 2014, sourced from the `grippe.csv` file. The map uses `d3.geo.conicConformal` projection and `d3.geo.path` to render the GeoJSON regions, while `d3.scale.quantize` assigns a green color scale. Data values are injected into the GeoJSON features by matching region names, then applied as fill colors.

MMohamedZaki

80% match

Loading thumbnail…

Gist 9da9e4640a7b2a03db534849c5d713b7

A choropleth map of metropolitan France encodes the cumulative influenza case counts for late 2014 across 22 regions, using a five-class green color scale on top of a ConicConformal projection. The code merges CSV data with GeoJSON polygons via the `d3.csv` and `d3.json` calls, then renders the shapes through `d3.geo.path`. Hovering over a region reveals an HTML tooltip with its name and summed value from five weekly columns.

AAurelink

79% match

Loading thumbnail…

Gist 114b7db11f7173d0ddc4f44d2c0ea687

A choropleth map displays weekly influenza case counts across French regions for 2014, with a slider to navigate through time and a tooltip showing region names and values. The visualization merges CSV data with GeoJSON region boundaries using `d3.csv` and `d3.json`, and renders the map with `d3.geo.conicConformal` and `d3.geo.path`. A quantize color scale encodes case totals, while `queue()` loads the data files asynchronously before processing.

MMarineRu

79% match