Skip to main content
SimilarExport ZIP
100%

Accidents on the Road - Choropleth

✓ Published0🌍 Public
KKoGor
Last edited Sep 19, 2013
Created on May 31, 2013

This choropleth map visualizes road accident deaths across Russian regions for 2012, using a threshold color scale to differentiate mortality rates per region. It shows a hover tooltip displaying the region name and death count, alongside labeled city markers. The visualization is built with D3 v3, using `d3.geo.albers` projection, `d3.geo.path`, and `d3.scale.threshold` for coloring, with SVG rendering and animated transitions for hover effects. Data comes from a CSV file and a TopoJSON map, with city coordinates from a TSV file.

AI-generated description

Смертность на дорогах России за 2012 год по официальным данным ГИБДД. Инфографика создавалась как пример создания SVG картограммы для веба. Статью о создании можете найти на Хабрахабре.

Similar vizzes

Loading thumbnail…

Accidents on the Road - Choropleth

This visualization presents a choropleth map of road accident deaths across Russian regions, with color-coded polygons indicating mortality rates and city markers overlaid on major population centers. Hovering over a region reveals its name and death count via a tooltip. The map is rendered using D3 v3’s `d3.geo.albers` projection and `d3.geo.path` on topojson data, while a `d3.scale.threshold` maps death values to a green-to-red color scale. Accident statistics come from a CSV file, and city coordinates are loaded from a TSV file.

KKrishu
96% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth maps road accident deaths across Russian regions, using a threshold color scale from light green to dark red, and includes interactivity where hovering highlights a region and displays its name and fatality count on a tooltip. It also plots major cities as points and includes a vertical legend. Built with D3.js v3, it uses the `d3.geo.albers` projection and `d3.geo.path` to render the map geometries from TopoJSON, while `d3.csv` and `d3.tsv` load the accident and city data, and SVG shapes, transitions, and the `d3.select` API handle the visualization and mouseover effects.

TTaustus
96% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth map visualizes road accident data across Russian regions, coloring each region according to a normalized value using a per-region threshold scale with custom color domains. The visualization includes city markers and a legend, with tooltips showing regional names and values on hover. Built with D3 v3, it uses `d3.geo.albers` projection, `d3.geo.path`, and TopoJSON to render geographic boundaries, while data from a CSV file drives the color assignments via `d3.scale.threshold`. The map also handles missing region data by mapping certain administrative codes to equivalent values.

HHui Zhang
95% match
Loading thumbnail…

Accidents on the Road - Choropleth

A choropleth map of Russia colors each federal region according to the rate of car accidents per capita, using a threshold scale with ranges like low, medium, and high. Hovering over a region highlights it and reveals a tooltip with the region’s name and value. The visualization also labels major cities with circles. Built with D3 v3, it uses `d3.geo.path`, `d3.geo.albers`, and TopoJSON for map rendering, while reading data from CSV and TSV files.

TTaustus
93% match
Loading thumbnail…

Accidents on the Road - Choropleth

This choropleth visualizes road accident data as a map of regions, colored by the number of incidents. The map shows geographic patterns of accident frequency, with darker shading indicating higher counts. Built with React and D3 v5, it uses `d3.csvParse` to load the input data and `topojson` to render the geographic boundaries. The `d3.geoPath` generator draws the region shapes, while a color scale encodes the accident values. A legend and tooltip provide context, with the tooltip appearing on hover to display the region’s specific accident count. The rendering uses SVG paths with styling defined in CSS.

TTaustus
85% match
Loading thumbnail…

RoadAccidents

This scatterplot visualizes road accident data from a CSV file, plotting the number of vehicles involved against the number of casualties for each accident. Dots are colored by accident severity using CSS classes. The visualization uses D3.js v3, specifically `d3.csv` for data loading, `d3.scaleLinear` for x and y axes, and `d3.axisBottom` and `d3.axisLeft` for rendering those axes. Circles are appended to an SVG container via `g.selectAll` data joins.

Bbobbymeyermsis@gmail.com
72% match
Loading thumbnail…

covid -19

This choropleth map visualizes COVID-19 deaths per million across 20 countries, with a red sequential color scale ranging from light to dark based on mortality rates. The map uses a Robinson projection via `d3.geoRobinson` and renders country boundaries as SVG paths through `d3.geoPath`, with a tooltip revealing the country name and death rate on hover. Geographic data comes from the world-atlas TopoJSON file, joined to the CSV dataset by ISO_A3 codes, and a linear gradient legend with an axis labels the color scale.

Ccharchana0527@gmail.com
71% match
Loading thumbnail…

Choropleth worldmap with cities

This interactive choropleth world map uses a categorical color scale to depict each country’s income group, with a clickable legend that filters and highlights matching regions plus dims others in SVG. It supports pan and zoom via d3.zoom. The map also plots major Russian cities with their absolute locations using data from a local TSV file. Built with React and D3 v5, it renders countries from TopoJSON using d3.geoPath with a natural Earth projection, while `d3.scaleOrdinal` maps income groups to a spectral palette.

PPeter S
71% match