Skip to main content
SimilarExport ZIP
100%

TP4 Data viz UCBL 2017

✓ Published0🌍 Public
RRenaud-D-Harreville
Last edited Dec 1, 2017
Created on Nov 30, 2017

A choropleth map of France displays the regional distribution of influenza cases from the 2014 epidemic, with darker green hues indicating higher total case counts. The visualization merges CSV data on weekly reported cases per region with a GeoJSON map of French regions. Using d3.v4, the code loads both datasets, calculates each region's relative share of the total, and applies a quantized color scale to the geographic paths via the `d3.geoPath` and `d3.geoConicConformal` projection.

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'>TP4 Data viz UCBL 2017</a>

forked from <a href='http://bl.ocks.org/Renaud-D-Harreville/'>Renaud-D-Harreville</a>'s block: <a href='http://bl.ocks.org/Renaud-D-Harreville/6be3a107038a8621433ecd6573bea0ed'>TP4 Data viz UCBL 2017</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/655b67e187ccd6f4b67750b06ed640f2'>TP4 Data viz UCBL 2017</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/9a63a90d8af2293e606fa7ee69ec48c6'>TP4 Data viz UCBL 2017</a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP4 Data viz france ESSAI UCBL 2017

This interactive choropleth map visualizes regional influenza case data across France. It uses D3 v4 to project geographic boundaries with `d3.geoConicConformal` and render them via `d3.geoPath`, while a slider allows users to scrub through weekly data, recoloring each region based on its proportion of total cases. The color scale is a `d3.scaleQuantize` ranging from light to dark green, applied to regional values calculated from the provided grippe.csv dataset. The map is built on a GeoJSON of French regions, with regions colored dynamically as the selected week changes.

RRenaud-D-Harreville
95% match
Loading thumbnail…

TP4 Data viz UCBL 2017

This visualization displays a map of France, showing the spread of influenza across its regions over time. It uses data from the `grippe.csv` file, which contains weekly flu case counts for each region during the 2014 season. The code merges this tabular data with geographic boundaries from `france.json`, a GeoJSON file, and renders the map using D3.js v4. The map is projected using the `d3.geoConicConformal` projection, and paths are created with the `d3.geoPath` function. A categorical color scheme, `d3.scaleOrdinal(d3.schemeCategory10)`, colors the regions.

RRenaud-D-Harreville
95% match
Loading thumbnail…

TP4 Data viz france ESSAI UCBL 2017

This interactive choropleth map displays the weekly incidence of influenza across French regions for the 2014 season, using data from the `grippe.csv` file. A slider allows users to step through 52 weeks, updating the color-coded regions based on that week’s reported cases relative to the regional annual total. The map is rendered using D3 v4 with `d3.geoConicConformal` for projection, `d3.geoPath` to draw the regions from the `france.json` GeoJSON, and a `d3.scaleQuantize` color scale. The update function recalculates ratios and reapplies fill colors on each slider input.

RRenaud-D-Harreville
94% match
Loading thumbnail…

TP 4: Donnees spatiales

A choropleth map of France shows the total number of influenza cases reported in 2014 for each region, using a five-color quantized scale ranging from light purple to dark green. The visualization merges data from a CSV file containing weekly case counts with a GeoJSON file of French regional boundaries, assigning the annual sum to each region. Built with D3 v3, the map uses a conic conformal projection and the `d3.geo.path` API to render the regions, with the color domain fixed from 0 to 2000 cases. Regions lacking data appear gray.

RRomyRatolojanahary
92% match
Loading thumbnail…

TP4 DATAVIZ

A choropleth map of France colors each region according to its total reported influenza cases for 2014, using a five-step green color scale. The map is drawn with `d3.geoPath` and a `d3.geoConicConformal` projection, while case totals from the CSV file are joined to region geometries by matching region names. Regions without matching data are filled gray. The visualization is built with D3 v4 and renders static SVG paths.

NNaamaNaa
92% match
Loading thumbnail…

TP4

A choropleth map of France displays the cumulative seasonal count of influenza cases for each region in 2014, colored from white to green on a linear scale. The visualization loads regional data from a CSV file and geographic boundaries from a GeoJSON file, then merges them. It uses `d3.geoConicConformal` and `d3.geoPath` to draw the regions, while a D3 linear scale with an HCL interpolation maps the summed yearly values to the color range. Hovering over a region reveals its name via a tooltip.

AAlxClt
91% match
Loading thumbnail…

TP4

This choropleth map displays the cumulative number of influenza cases across French regions for the weeks of November 2014. Each region is colored on a five-step green scale, with darker shades indicating higher totals, and hover tooltips reveal exact values. The visualization merges CSV data with geographic boundaries using D3’s `d3.geo.path` with a conic conformal projection, while `d3.scale.quantize` maps data values to the color range. The code also demonstrates layering multiple GeoJSON loads and integrating mouse events for interactive detail.

CChmits
91% match
Loading thumbnail…

TP4 DataViz France Couleurs

This example shows a choropleth map of metropolitan France displaying regional influenza case counts per week in 2014. It visualizes the sum of five weeks in November 2014 using a quantized color scale ranging from light to dark green, with a slider to explore other weeks and a tooltip showing the region's total. The code uses d3.geoConicConformal for projection, d3.geoPath to draw regions from a TopoJSON file, and d3.scaleQuantize to map data values to colors. Data comes from the GrippeFrance2014.csv file, which contains weekly counts by region.

LLRobergeon
91% match