War Length vs Deaths Scatterplot

100%

War Length vs Deaths Scatterplot

✓ Published0🌍 Public

Last edited Jul 10, 2023

Created on Jul 8, 2023

This scatterplot visualizes the relationship between war duration in years and the number of battle deaths, excluding WWI and WWII to avoid scale distortion. Each circle represents a conflict, with hover tooltips revealing the war’s name, duration, and death toll. Built with D3.js, it uses `scaleLinear` for axes, `csv` for data loading from Curran’s Repository, and SVG rendering. The chart includes labeled axes, a title, and custom tooltip styling via CSS.

AI-generated description

A basic visualization of the correlation between the duration of a war and the number of deaths in battle using HTML, CSS and JavaScript.

WWI and WWII are excluded because their total deaths so far exceed all other wars that the scale becomes entirely unreadable for a majority of the other wars.

Data set obtained from Curran's Repository.

MIT Licensed

Similar vizzes

Loading thumbnail…

Deaths Scatter plot

A scatter plot displays annual deaths for ten countries using red, semi-transparent circles. The chart reads data from a CSV file, multiplies each death count by 1,000, and positions points using D3’s `scaleLinear` for the y-axis, while the x-axis uses `scalePoint` for country names. Axes are rendered with `axisLeft` and `axisBottom`. The data originates from the UCI Machine Learning Repository’s Auto MPG dataset. D3 v7, SVG, and the `csv` and `select` APIs handle the visualization.

RRobindj2000

72% match

Loading thumbnail…

Fork of Deaths Scatter plot

This scatter plot presents death tolls for ten countries, with each circle’s vertical position encoding the number of deaths per country. The visualization uses D3 v7’s `scaleLinear` for the y-axis and `scalePoint` for the categorical x-axis, rendering circles as SVG elements. Data from the CSV file is loaded via `d3.csv`, with death values multiplied by 1,000. Axes are generated using `axisLeft` and `axisBottom`, while styling is applied through CSS, including semi-transparent red circles.

Aansofie123

71% match

Loading thumbnail…

Basic Scatter Plot with Time Scale

This scatter plot displays the number of deaths reported across all countries from 2015 to 2021, with each circle representing a country in a given year. The x-axis uses a time scale (d3.scaleTime) for years, while the y-axis uses a linear scale (d3.scaleLinear) for death counts. Data comes from the World Mortality Dataset, loaded via d3.csv. The visualization is rendered as SVG circles with opacity, axes generated using d3.axisBottom and d3.axisLeft.

SSiddhi Patil

71% match

Loading thumbnail…

D3 Scatter Plot Exercise

This scatter plot exercise displays the number of deaths from wildfires per year, using vertical bars to represent each data point. The chart, which reads from the `disasters.csv` dataset, maps the year on the x-axis and death count on the y-axis. The code builds an SVG visualization using D3 v7, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick labels, and `d3.csv` for data parsing. The bars are rendered as `rect` elements with a fixed width.

Ttverdone

70% match

Loading thumbnail…

test

This scatter plot displays the number of deaths for various countries, using a red dot for each nation along a vertical country axis and a horizontal death-count axis. Built with D3 v7, it loads data from a local CSV file, which is also drawn from the UCI Auto MPG dataset, and renders as an SVG. The code uses `d3.csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the visualization, with custom formatting and a data join to append circles.

RRobindj2000

68% match

Loading thumbnail…

Natural disaster death over years

A scatter plot visualizes deaths from natural disasters—including drought, earthquake, epidemic, and extreme temperature—from 1900 to 2017, using data loaded from a CSV file. Each circle represents a disaster event, with its position mapped by year and death toll, while color encodes the disaster type. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `scaleOrdinal` for color categories, and interactive legends that filter events by type. Hover interactions highlight individual events, and axis labels clarify the time and mortality scales.

CChooo4u

68% match

Loading thumbnail…

Fork of Deaths Scatter plot

This scatter plot displays deaths per country, with each red circle representing a nation’s total mortality count. The data, sourced from the UCI Machine Learning Repository's Auto MPG dataset, is loaded via d3.csv and scaled using d3.scaleLinear and d3.scalePoint. The SVG rendering uses d3.axisLeft and d3.axisBottom for axes, with circle opacity set to 0.3 for visual overlap clarity.

AAimanoshi

67% match

Loading thumbnail…

Scatter Plot with Interactive Color Legend

This scatter plot visualizes death statistics by year, with each point representing a demographic group’s death count. The color legend encodes sex, and hovering over a legend item fades non-matching points while highlighting the selected category. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG rendering. Data comes from a Gist CSV file, though sex, ethnicity, and age dropdowns remain non-functional.

PPeter Maida

67% match