fresh block

100%

✓ Published0🌍 Public

Last edited Dec 7, 2017

Created on Dec 7, 2017

This example shows a choropleth map of French regions colored by influenza case counts for a selected week, with a slider to switch between 52 weeks of data. The visualization relies on D3 v4 to load GeoJSON region boundaries and CSV health data, then uses `d3.geoConicConformal` for the projection and `d3.scaleQuantize` for the color scale. A hover tooltip reveals region names, while the slider input triggers updates to the displayed week. The underlying data comes from external GitHub-hosted files for regions and 2014 flu surveillance.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

A choropleth map of French administrative regions displays influenza case counts across 52 weeks of 2014, with an interactive slider that lets viewers select a week. The visualization uses D3 v4’s `d3.geoConicConformal` projection and `d3.geoPath` to render GeoJSON region boundaries, while a `d3.scaleQuantize` color scale encodes the total flu cases per region. Data comes from the CSV file `GrippeFrance2014.csv` and is merged with region shapes in `regions.json`. The slider triggers a map update that recalculates each region’s fill color based on weekly totals.

EEnzoTheBrown

94% match

Loading thumbnail…

fresh block

A choropleth map of France visualizes the cumulative influenza cases per region for 2014, with a five-color quantized scale ranging from light blue to dark blue. The map shows regional totals, with uncolored regions in gray when data is absent. Built with D3.js v3, the visualization loads a CSV file and a GeoJSON file, then merges the data by region name before rendering the paths using the `d3.geo.path` projection with a conic conformal projection. The color scale uses `d3.scale.quantize` with a domain set from 0 to 2000.

MMelanieSalignat

88% match

Loading thumbnail…

DataVizTP4

This interactive choropleth map visualizes weekly influenza case counts across French administrative regions for the year 2014. A slider lets users scrub through 52 weeks, updating the region colors in real time using a quantized color scale. The visualization loads CSV data and GeoJSON boundaries, projecting the map with `d3.geoConicConformal` and rendering shapes via `d3.geoPath`. Hovering over a region reveals its name and the week’s count through a tooltip, colored according to a five-step green gradient.

KKylaste

86% match

Loading thumbnail…

DataViz-tp4

This choropleth map of French metropolitan regions visualizes the weekly incidence of influenza-like illness across 52 weeks of 2014, using a green sequential color scale where darker shades indicate higher case counts. The visualization is driven by a slider that lets users scrub through epidemiological weeks, updating both the map fills and a text label showing the current week. Built with D3 v4, the code merges CSV data from the GrippeFrance2014 dataset with GeoJSON region boundaries, then uses `d3.geoConicConformal` for projection and `d3.geoPath` to render the shapes. A hover tooltip displays the region name and its corresponding value for the selected week.

BBkilian971

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

86% match

Loading thumbnail…

Gist 768c27ad0050241b5e9d1d8b4b1149ca

A choropleth map of French regions displays the weekly incidence of influenza cases from 2003 to 2015. A slider lets users scrub through the time series, updating region colors from a linear scale spanning green to dark red. The map is rendered with D3’s `d3.geo.conicConformal` projection and `d3.geo.path`, while the slider’s `input` event triggers redrawing of the paths. Data comes from CSV files with weekly counts per region, loaded asynchronously via `d3.queue`, and a tooltip shows the exact value on hover.

MMaximeGehin

85% match

Loading thumbnail…

DV4

This interactive choropleth map displays weekly influenza case counts across French regions for 2014. A slider lets viewers step through 52 weeks, updating the color of each region via a quantized scale based on the current week’s data. The visualization uses D3 v4 with `d3.geoConicConformal` for the map projection and `d3.geoPath` to render GeoJSON regions, while a tooltip shows exact values on hover. Data comes from a CSV file with per-region weekly counts, which is merged with regional boundaries from a separate JSON file.

AAminaSGitHub

85% match

Loading thumbnail…

geographic

A choropleth map of France animates through 52 weeks of 2014, showing the incidence of flu cases by region. A slider lets the user scrub through time, and hovering over a region reveals its name. The visualization uses D3 v4 to load a GeoJSON of French regions and a CSV of weekly case counts, with `d3.geoConicConformal` and `d3.geoPath` drawing the map and a quantized color scale encoding case numbers.

AAubret

84% match