TP3 DataViz 2024

100%

TP3 DataViz 2024

✓ Published0🌍 Public

Last edited Dec 17, 2024

Created on Dec 17, 2024

A choropleth map displays waste tonnage (DEEE) across French departments for each year selected via a slider, with color intensity encoded by d3.scaleQuantize and hover tooltips. The visualization updates GeoJSON feature values per year and renders them using d3.geoConicConformal, d3.geoPath, and SVG. Data comes from a CSV on data.gouv.fr, filtered by waste type, while department boundaries use a simplified France GeoJSON from GitHub.

AI-generated description

MIT Licensed

Similar vizzes

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

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

79% match

Loading thumbnail…

Visualiser des données avec D3

This example displays a choropleth map of French administrative departments, coloring each region according to its population size using a sequential red color scale ranging from light to dark hues. The visualization renders the geographic boundaries as SVG paths via D3.js, employing the `d3.geo.path()` and `d3.geo.conicConformal()` projection APIs to transform the GeoJSON data, while population values from a CSV file are mapped to color classes using `d3.scale.quantile()`.

Ccedriccaijo

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

79% match

Loading thumbnail…

TP4_France

A choropleth map of France colors each region by the total reported influenza cases for 2014, using a quantized green color scale. The visualization reads regional totals from a CSV file and joins them to geographic features from a local GeoJSON file via `d3.csv` and `d3.json`. D3 v4’s `d3.geoConicConformal` projection and `d3.geoPath` render the map, while `d3.scaleQuantize` maps data values to fill colors, with missing regions shown in gray.

EElisaDnr

78% match

Loading thumbnail…

DataViz - TP4

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.

HHakkahi

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

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

77% match