Viz_Part2_Compare

100%

Viz_Part2_Compare

✓ Published0🌍 Public

Last edited Jan 8, 2018

Created on Jan 3, 2018

This example uses an interactive choropleth map of French regions to compare monthly traffic data from the TER regional rail network across two selectable years (2013–2017). The visualization features two side-by-side maps, each with separate sliders for year and month, allowing direct visual comparison through the shared color scale. The maps are drawn with `d3.geoPath` and a `d3.geoConicConformal` projection, while color values are mapped using `d3.scaleQuantize`. Data is loaded from a CSV file containing monthly statistics per region. Hovering over a region reveals a tooltip with its name and value.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/AminaSGitHub/'>AminaSGitHub</a>'s block: <a href='http://bl.ocks.org/AminaSGitHub/e687979885c6c7e0b95874cae0a19138'>Compare ? </a>

mit Licensed

Similar vizzes

Loading thumbnail…

Vizu_Part1_Map

This interactive map visualizes regional TER train flow quality across France from 2013 to 2017. Users adjust two sliders to select a specific month and year, and the map updates its choropleth coloring accordingly, with a legend and hover tooltips showing precise values. The visualization uses D3 v4's `d3.geoConicConformal` projection and `d3.geoPath` to render the regions, while a color scale (`d3.scaleQuantize`) encodes the data from the provided CSV file.

AAminaSGitHub

85% match

Loading thumbnail…

projet_DataViz

The visualization shows the evolution of TER (regional express train) traffic quality across French regions from 2013 to 2017, mapping monthly percentage values onto a choropleth of France. The view is updated via a slider that changes the displayed month. The code uses D3 v4 with `d3.geoConicConformal` for the map projection, `d3.geoPath` to render region outlines, and a quantized color scale. Region values are loaded from the CSV file containing a row per region and columns for each month, then joined to the GeoJSON regions by matching region names.

AAminaSGitHub

82% match

Loading thumbnail…

Dorling Cartogram

A Dorling cartogram of French regional rail traffic displays monthly ridership data from 2013 to 2017. Each region is represented by a circle positioned near its geographic origin, with circle size and fill color encoding passenger counts. Interactive sliders let viewers select a year and month. The visualization uses `d3.forceSimulation` for non-overlapping circle placement and a `d3.geoConicConformal` projection for initial locality. It merges CSV travel statistics for regions with GeoJSON outlines via `d3.csv` and `d3.json`.

AAminaSGitHub

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

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

74% match

Loading thumbnail…

Dorling Cartogram

This interactive Dotting-style cartogram displays monthly regional train delays across French administrative regions from 2013 to 2017. A Dorling-style map replaces geographic polygons with circles sized by delay magnitude, with slider inputs to select month, year, and toggle between map and node views. The visualization uses d3.csv and d3.json to load data, d3.geoPath with a geoConicConformal projection, d3.scaleSqrt for circle radii, and d3.scaleQuantize for color encoding. Hovering reveals tooltips with precise values.

AAminaSGitHub

74% match

Loading thumbnail…

Visu_Part3

This visualization shows unemployment rates across French regions from 2013 to 2017 as animated multi-line charts. Users can toggle between viewing all regions at once or selecting individual regions via radio buttons and legend clicks. The D3 v4 code loads CSV data, nests values by region, and draws SVG paths using `d3.line` with color-coded strokes. Legend text elements respond to clicks to toggle line opacity, while animated transitions update the display based on user selection.

AAminaSGitHub

74% match

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

73% match