data_viz_projet

100%

data_viz_projet

✓ Published0🌍 Public

Last edited Jan 6, 2018

Created on Jan 5, 2018

This interactive map of France displays train stations as pink dots over gray regions. Users can click a region to zoom in via a smooth transition, and hover over any station or region to see a tooltip with its name. The visualization uses D3 v4 with `d3.geoConicConformal` for projection, `d3.geoPath` for rendering GeoJSON shapes, and a quantize color scale for potential thematic mapping. Region and station data come from external GeoJSON sources, with SVG elements animated through D3 transitions.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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…

Projet_DataViz_Matrice

This example visualizes a network of train connections across France as an adjacency matrix, with each cell shaded to represent the frequency of service between station pairs. The view is built in Vue using SVG, with D3 v4’s `d3.csv` and `queue` loading the node and edge lists. A hover interaction highlights the row and column of a selected station, and the axes use `d3.axisTop` and `d3.axisLeft`.

KKylaste

80% match

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

79% match

Loading thumbnail…

SNCF_dataviz_corentin

This visualization compares two French railway stations by displaying their available on-site amenities, access modes, and traveler trip purposes side-by-side as small colored rectangles. The code uses D3 v4 (`d3.csv`, selections, and attribute manipulation) to load a dataset of SNCF station statistics, then renders SVG rectangles to encode each categorical variable for both selected stations. Station identifiers are defined in the script, and the tooltip and text elements display station names derived from the underlying CSV data.

CCtuauden

78% match

Loading thumbnail…

France

This map of France uses a conic conformal projection to display the country’s administrative regions. The visualization renders each geographic feature as a separate SVG path, with the projection centered on the country’s coordinates. Built with D3 v4, the code relies on `d3.geoConicConformal()` and `d3.geoPath()` to transform GeoJSON data into the final map. The geographic data is loaded from a local file named “France.json,” and the resulting paths are drawn without additional styling or interactivity.

MMathReynaud

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

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

76% match

Loading thumbnail…

Projet_DataViz_Matrice_Histogramme3

This block combines a monthly histogram with an adjacency matrix to visualize the punctuality of TGV and Intercité train routes in France. A slider selects the year, and radio buttons switch between train types. The code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisTop` to render the SVG matrix and histograms. Data for stations and routes with punctuality weights is loaded from CSV files, and interacting with the controls re-renders the visualization.

KKylaste

76% match