Skip to main content
SimilarExport ZIP
100%

Fork of Menu Line Chart - Deaths caused per country from different risk factor

✓ Published0🌍 Public
Ssp3915
Last edited Dec 13, 2021
Created on Dec 13, 2021

This interactive line chart visualizes annual deaths attributed to various risk factors—such as alcohol use, smoking, or unsafe water—for a selected country over 17 years. Two dropdown menus let users choose the country and the risk factor, updating the single smoothed line rendered with d3.line and curveNatural. The visualization is built with React and D3 v5, using scaleTime and scaleLinear for axes and SVG paths for rendering. The underlying data comes from a CSV file listing deaths per country and risk factor across all age groups and sexes.

AI-generated description

A menu line chart displaying data: Number of deaths by risk factor.

This chart shows the number of deaths for different countries based on different risk factors in 17 years. </br> The total annual number of deaths is measured across all age groups and both sexes.

The year is displayed on the x-axis, the number of deaths on the y-axis.

Interaction was added so the users can choose which data to be presented.

  • Which Country?
  • Which Risk Factor?
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Graph of Deaths

This visualization uses three natural curves to show annual counts of suicide, alcohol-related, and firearm deaths in the United States. The data is loaded via `d3.csv` from a GitHub Gist, and the React app uses `d3.scaleLinear`, `d3.line`, and `d3.curveNatural` to render SVG paths for each death type. Interactive dropdown menus for sex, ethnicity, age group, and y-axis death metric are present, though the README notes the filter logic is incomplete, so the displayed lines currently aggregate all demographics. A color legend for sex is also included but does not affect the rendered marks.

PPeter Maida
81% match
Loading thumbnail…

Line Graph with Menus

A line graph displays mortality counts across multiple demographic categories, allowing users to explore relationships between variables. Interactive dropdown menus let viewers select which attributes appear on the X and Y axes, changing the visualization dynamically. Built with React and D3, the chart uses `scaleLinear` for axes, `csv` for data loading, and `ReactDropdown` for menu controls. Circles represent individual data points from a Gist dataset covering firearm, suicide, and alcohol-related deaths.

PPeter Maida
80% match
Loading thumbnail…

Fork of Filtered Stacked Line Graph and Donut Graph of Deaths with Legend

This interactive React visualization displays mortality data for suicide, firearm, and alcohol-related deaths across demographic categories using stacked area charts and a donut graph. The main chart shows temporal trends filtered by sex, ethnicity, and age group, while a pie chart breaks down proportional death types. Built with D3 v5, it employs d3.area() with curveNatural for smooth transitions, d3.pie() and d3.arc() for the donut, and scales like scaleLinear and scaleOrdinal. Hover interactions on the color legend fade non-selected categories, with data sourced from a Gist CSV file.

DDINESH SAI BOPPANA
80% match
Loading thumbnail…

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.5

This interactive line chart visualizes cumulative COVID-19 deaths over time for each country, using data from the Johns Hopkins Coronavirus Dataset. A dropdown menu allows switching between countries, while a separate selector toggles between linear and logarithmic Y-axis scales. The chart highlights the selected country’s line in red and shows a tooltip with the death count and date. Built with React and D3 v5, it uses a Voronoi overlay for hover detection and SVG paths for rendering the time series.

Jjesramyep
79% match
Loading thumbnail…

Fork of Fork of Coronavirus Deaths Over Time by Country5.1

This interactive line chart visualizes cumulative COVID-19 death rates over time for multiple countries, using data from the Johns Hopkins Coronavirus Dataset. A dropdown menu lets users select a country to highlight its trajectory in red. The visualization uses React for component structure and D3 v5 for scales, axis generation, and line rendering. A Voronoi overlay enables hover detection to display tooltips with the exact death count and date for nearby data points. The y-axis uses a logarithmic scale to accommodate the wide range of cumulative death values across countries.

Jjesramyep1263
78% match
Loading thumbnail…

Covid-19 death by country

A multi-line chart displays cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis and a dashed reference line marking a specific death count. The visualization loads data from a GitHub-hosted CSV via `d3.csv`, flattens the country time series, and renders SVG paths using `d3.line` with `curveNatural`. React manages the component structure, while `d3.scaleTime`, `d3.scaleLog`, and axis generators handle positioning and tick formatting.

Ssmile2git
78% match
Loading thumbnail…

Line Chart with Multiple Lines by Country

This line chart displays cumulative COVID-19 deaths over time for multiple countries, with each country represented by a randomly colored line. The chart uses a logarithmic y-axis to accommodate the wide range of death counts. Built with React and D3 v7, it employs `scaleTime` for the x-axis and `scaleLog` for the y-axis, creating paths with `d3.line`. Data comes from the COVID-19 Global Deaths time series on GitHub, processed via `d3.csv`.

OOleg Zhernovoy
78% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country02/02

A line chart displays cumulative global COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate a wide range of values. The chart is built with React and D3 v5, using `d3.scaleTime` for the x-axis, `d3.scaleLog` for the y-axis, and `d3.line` to generate the paths. Each country’s time series is drawn as a randomly colored stroke, with gridlines and labeled axes for clarity. Data is sourced from the Johns Hopkins COVID-19 dataset via a CSV fetched in `useData`.

Jjesramyep1263
78% match