TP5

100%

✓ Published0🌍 Public

Last edited Dec 7, 2016

Created on Dec 1, 2016

This visualization shows the spread of influenza across French regions over time, using a choropleth map animated by a slider to display weekly case counts. The map colors each region according to the intensity of flu cases for a selected week, with a tooltip providing details on hover. Built with D3 v3, the code loads GeoJSON region boundaries and CSV data, then uses `d3.geo.path` with a conic conformal projection and `d3.scale.quantize` for the color scale. A timeline slider, implemented with HTML input, controls the displayed week, updating the map and date label dynamically.

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/Raphael-Diana/'>Raphael-Diana</a>'s block: <a href='http://bl.ocks.org/Raphael-Diana/251e1c9c34382a208a8fdee8072dfe1b'>TP4</a>

forked from <a href='http://bl.ocks.org/Raphael-Diana/'>Raphael-Diana</a>'s block: <a href='http://bl.ocks.org/Raphael-Diana/a41186f593d8c5d61140ce9274453f29'>TP5-slider-HTML</a>

mit Licensed

Similar vizzes

Loading thumbnail…

tp5

A choropleth map of French regions animates weekly influenza case counts from 2003 to 2014, with a slider to scrub through time. The map uses a D3 conic conformal projection and a quantile color scale applied to region polygons derived from a GeoJSON file. The data comes from a CSV file loaded with d3.csv, and the visualization updates region fills and tooltips via a d3 slider input.

GGregory-Howard

93% match

Loading thumbnail…

TP5

A choropleth map of French regions displays weekly influenza case counts from 2003 to 2015, with a slider to scrub through time and a tooltip showing the region name and value on hover. The visualization loads GeoJSON and CSV data asynchronously using `queue().defer`, projects the map with `d3.geo.conicConformal`, draws regions via `d3.geo.path`, and colors each region using a quantile scale applied to the weekly count.

MMarineRu

93% match

Loading thumbnail…

tp5

This interactive map of French regions displays influenza rates over time, with a slider that lets users step through weekly data from 2003 to 2014. The choropleth colors each region according to the current week’s value, using a quantile color scale. Tooltips reveal the region name and exact rate on hover. The code uses D3 v3’s `d3.geo.conicConformal` projection and `d3.geo.path` for rendering, while the data comes from CSV files of regional flu surveillance statistics.

GGregory-Howard

92% match

Loading thumbnail…

tp5

This interactive choropleth map displays weekly influenza rates across French regions from 2003 to 2014. A slider animates through the weeks, updating region colors based on a quantile scale. The visualization uses `d3.geo.conicConformal` for projection, `d3.geo.path` for rendering, and loads regional data from a GeoJSON file while merging CSV values from GrippeFrance2003-15.csv. Hovering over a region reveals a tooltip with its name and the weekly value.

JJeremyBesson

92% match

Loading thumbnail…

TP4 suite 3

An animated choropleth map of France displays weekly influenza case counts across regions from 2003 to 2015. A time slider lets users scrub through the weeks, updating each region’s fill color using a threshold color scale. The visualization uses D3 v3 with `d3.geo.conicConformal` for projection, `d3.geo.path` for rendering GeoJSON regions, and `queue()` for loading CSV and GeoJSON data. Hovering over a region reveals its name and current value via a tooltip.

LLaippe

91% match

Loading thumbnail…

TP 5: Donnees spatiales test

This interactive choropleth map displays the weekly incidence of influenza across French administrative regions from 2003 to 2015. A slider lets users navigate through the weeks, updating each region's fill color and the display of the corresponding date. Built with D3.js v3, it uses `d3.json` and `d3.csv` via a queue to load the France GeoJSON topology and the regional flu data, projecting it with `d3.geo.conicConformal` and rendering it with `d3.geo.path`. A quantize color scale maps the range of case counts to a purple-to-green palette.

RRomyRatolojanahary

91% match

Loading thumbnail…

TP 5: Donnees spatiales test2

This visualization shows the spread of influenza across French regions over time, using a choropleth map of France. A slider controls the displayed week, and each region is colored according to the number of reported flu cases for that period, with a tooltip showing values on hover. The map is drawn with D3.js v3 using `d3.geo.conicConformal` and `d3.geo.path`, while CSV data is loaded with the queue library and merged into a GeoJSON file of French regions.

RRomyRatolojanahary

91% match

Loading thumbnail…

TP5 Grippe Final

This animated choropleth map visualizes the spread of influenza across French regions from 2003 to 2015, using weekly case counts. The color scale ranges from light pink to dark red, with grey indicating missing data. A slider lets viewers scrub through time, updating both the map and a week label. Built with D3.js v3, it loads regional GeoJSON and CSV data asynchronously via the `queue()` API, then renders the map using `d3.geo.path` with a conic conformal projection. Regions are colored by querying each feature’s weekly value array.

RRastignac

91% match