DataViz - TP4 — VizHub

100%

DataViz - TP4

✓ Published0🌍 Public

Last edited Nov 30, 2017

Created on Nov 30, 2017

This example shows a choropleth map of French regions colored by the total number of flu cases reported during November 2014, with hover tooltips displaying the region name and value. It uses D3 v3 with `d3.geo.conicConformal` projection and `d3.geo.path` to render the GeoJSON regions, while a quantize color scale maps aggregated values from a CSV dataset. The tooltip uses D3’s mouse events and a simple HTML div.

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/Allyaenn/'>Allyaenn</a>'s block: <a href='http://bl.ocks.org/Allyaenn/5582ef7a01fd5945d6d9b78576d14e9e'>DataViz - TP4</a>

mit Licensed

Similar vizzes

Loading thumbnail…

DataViz - TP4

A choropleth map visualizes French regional influenza case counts for November 2014, with each region filled on a blue-green color scale based on its cumulative value. The map uses D3 v3 with `d3.geo.conicConformal` and `d3.geo.path` to project and render geographic features from a GeoJSON file. Data from a CSV file is joined to the map regions by name, summing weekly columns matching the month of November. Hovering over a region reveals a tooltip with the region name and total count.

HHakkahi

93% match

Loading thumbnail…

[DataViz] TP4

A choropleth map of French regions colors each area by the total number of flu cases reported in 2014, using a quantized color scale. The visualization also displays the aggregate count of cases for November in a text box. A slider input allows navigation through the weeks, and hovering over a region reveals a tooltip with its name and annual total. The map uses `d3.geoConicConformal` for projection and `d3.geoPath` to render the shapes, with data from the CSV file merged into the GeoJSON features.

AAminaSGitHub

93% match

Loading thumbnail…

DataViz - TP4

A choropleth map of metropolitan France shows the cumulative number of influenza cases per administrative region during November 2014. The visualization uses D3 v3 with a `d3.geo.conicConformal` projection and `d3.geo.path` to render GeoJSON region boundaries. A `d3.scale.quantize` color scale maps aggregated case counts from the CSV data to shades of green and blue, while a custom tooltip displays the region name and total value on hover.

AAllyaenn

91% match

Loading thumbnail…

[DataViz] TP4 Bonus

A choropleth map of French regions colors each region according to weekly influenza case counts from GrippeFrance2014.csv, with a slider to navigate through the 52 weeks of 2014. The visualization uses d3.geoConicConformal projection and d3.geoPath to render the regions, with fill colors assigned by a d3.scaleQuantize based on each region's yearly sum. A tooltip showing the region name appears on hover via mouseover events.

AAminaSGitHub

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

89% match

Loading thumbnail…

TP4

This choropleth map of French regions visualizes the total number of flu cases reported during November 2014, with a color scale from light to dark green indicating increasing values. Hovering over a region displays its name and computed value in a tooltip. The visualization uses d3.geo.conicConformal for projection and d3.geo.path to render the GeoJSON regions, while d3.csv loads the weekly flu data.

MMarineRu

89% match

Loading thumbnail…

TP4

A choropleth map of France displays regional influenza consultation data for 2014, with each region colored on a green sequential scale according to weekly or monthly case counts. The visualization uses D3 v4 with `d3.geoConicConformal`, `d3.geoPath`, and `d3.scaleQuantize` to render SVG paths from the `regionsFrance.json` GeoJSON file, while a CSV file provides the data. Hovering over a region reveals a tooltip with its value.

EElisaDnr

88% match

Loading thumbnail…

TP4

A choropleth map of France colors each region according to the number of flu cases reported on June 1, 2014, using a quantized green color scale. The visualization loads CSV data and GeoJSON geographic boundaries, then merges them by region name. It uses D3 v3 with `d3.geo.conicConformal` for projection and `d3.geo.path` to render the map paths, with fill colors assigned via `d3.scale.quantize`. Regions without matching data appear gray.

LLaippe

88% match