SNCF_dataviz_corentin

100%

SNCF_dataviz_corentin

✓ Published0🌍 Public

Last edited Feb 9, 2018

Created on Feb 9, 2018

This visualization compares two SNCF train stations, selected by their UIC codes, showing their 2016 passenger counts, the percentage variation from 2015, and station names. It renders these metrics as static text labels on an SVG canvas using D3 v4. The code loads station data from a CSV file, calculates the year-over-year variation, and formats numbers with `d3.format`.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Data Viz Course

This scatterplot displays the relationship between the number of trains that ran and the number of delayed trains across various TGV routes, colored by rail axis (e.g., Atlantique, Sud-Est). It uses a D3.js v4 SVG rendering with a Vue framework, featuring animated circles and a tooltip that reveals the monthly regularity percentage on hover, sourced from a semicolon-delimited CSV file.

CCernewein

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

73% match

Loading thumbnail…

Gist 93888ff1e2e309348986d5e9496196c7

This example visualizes the locations of Dutch train stations, distinguishing intercity stations from regular ones through color-coded points. The map is built using D3.js, combining `d3.forceSimulation` with a custom force that projects coordinates onto a map layout, while station markers are rendered as circles. The visualization uses `d3.geoPath` to draw the geographic context, and the underlying data comes from a CSV file listing station names, coordinates, and intercity status. The rendering approach relies on Canvas, with the simulation handling the placement of labels and points to avoid overlap.

JJulesBlm

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

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

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

68% match

Loading thumbnail…

Viz_Part2_Compare

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.

AAminaSGitHub

68% match