Skip to main content
SimilarExport ZIP
100%

Understanding the Impact of the TFL Strike

✓ Published0🌍 Public
SSaminu
Last edited Jan 11, 2017
Created on Jan 11, 2017

An animated choropleth shows how road traffic volumes across London’s boroughs change from 1993 to 2014, highlighting the impact of the TFL strike. Each borough is colored by quantile scales of annual traffic flow values, with a large year label that scrubs through time. The visualization uses D3.js, TopoJSON, and a data-driven SVG map, with hover tooltips for each borough. Data comes from a CSV of annual flows per local authority.

AI-generated description

forked from <a href='http://bl.ocks.org/bricedev/'>bricedev</a>'s block: <a href='http://bl.ocks.org/bricedev/c98a80a2638ae35e1257'>Traffic flow London</a>

mit Licensed

Similar vizzes

Loading thumbnail…

London Borough Profiles

This visualization displays employment trends across London boroughs from the London Borough Profiles dataset, with each borough shown as a separate small-multiple area chart. The code uses d3.csv to load data, d3.nest to group by borough, and d3.time.scale and d3.scale.linear for axes. Each SVG chart renders an area and line path using d3.svg.area and d3.svg.line, with text labels identifying each borough.

SSassOnTheRoad
67% match
Loading thumbnail…

Interactive NYC Borough map

This interactive map of New York City’s five boroughs visualizes traffic crash statistics, distinguishing injury and fatality counts for cyclists, pedestrians, and motorists. A legend allows users to toggle six incident categories on and off, revealing colored point markers for each crash location. The map renders boroughs as colored SVG paths using `d3.geoMercator` and `d3.geoPath`, with data loaded from CSV files via `fetch`. Hovering over a borough displays aggregated crash counts from `CrashByBorough.csv` in a tooltip.

JJose Morales
66% match
Loading thumbnail…

Interactive NYC Borough map

This interactive map of New York City’s five boroughs visualizes traffic crash statistics, distinguishing injury and fatality counts for cyclists, pedestrians, and motorists. A legend allows users to toggle six incident categories on and off, revealing colored point markers for each crash location. The map renders boroughs as colored SVG paths using `d3.geoMercator` and `d3.geoPath`, with data loaded from CSV files via `fetch`. Hovering over a borough displays aggregated crash counts from `CrashByBorough.csv` in a tooltip.

JJose Morales
66% match
Loading thumbnail…

Average rent by London borough, 2012 and 2013

This interactive choropleth maps average monthly private rents across London boroughs for 2012 and 2013, with a dropdown menu to switch between the two years and instantly recolor the map. It uses D3 v3 with a Mercator projection, `d3.geo.path` for rendering SVG paths from GeoJSON boundary data, and `d3.scale.quantize` with ColorBrewer greys to encode rental values. Hovering highlights a borough and shows a tooltip with its name and price. The rent data comes from the London Datastore, matching borough names to the map features.

SSaminu
65% match
Loading thumbnail…

London Air

This visualization displays monthly air quality measurements in London from January 2010 through August 2018, sourced from the Kings College London Air Quality Dataset. Users can change the pollutant displayed via a dropdown menu, and interact with two legends to filter data by month or by measurement type (Roadside or Background). The scatter plot uses time-series animation to draw the data points, with color encoding for the month and stroke encoding for the location type. The D3.js code (v5) uses `d3.csv`, `d3.scaleOrdinal`, `d3.scaleTime`, `d3.axisBottom`, `d3.axisLeft`, and `d3.transition` to build the interactive SVG visualization.

WW9183907
65% match
Loading thumbnail…

NYC borough map with interactive legend

An interactive map of New York City's five boroughs displays traffic crash counts from a CSV dataset as circular markers with numeric labels, overlaid on a TopoJSON-derived GeoJSON map. Users hover over legend items or borough polygons to highlight matching regions while dimming others. The visualization uses React for component state and layout, D3 v7's `geoMercator` and `geoPath` for the map projection, and `select` for SVG updates. A semi-transparent legend communicates the fixed borough color scheme.

JJose Morales
65% match
Loading thumbnail…

Foot Traffic

This visualization maps estimated foot traffic across Manhattan, with each neighborhood polygon colored on a gradient from light to dark blue to indicate relative pedestrian volume. The map is rendered as an SVG using D3 v3, with a Mercator projection and topojson for geographic data. Color intensity reflects the average foot traffic rating per polygon, and a color bar provides a legend. The code uses `d3.json` and `d3.csv` to load the geographic and traffic data, then applies a linear color scale to fill each polygon.

MMelanieFreed
65% match
Loading thumbnail…

Fork of London Air

This interactive scatter plot visualizes monthly air quality measurements from the London Datastore (January 2010–August 2018), showing pollutant levels over time. Users can select which pollutant to display on the y-axis via a dropdown menu, while the color legend encodes the month and a second legend distinguishes Roadside versus Background measurement types. Built with D3 v5, the visualization uses `scaleOrdinal`, `scaleTime`, and `scaleLinear` for encoding, with clickable legends, animated transitions, and interactive tooltips. The color legend supports filtering by clicking, and the stroke legend uses `transition.attrTween` for updates.

Aall-over-yet
65% match