Fork of Deaths Scatter plot

100%

Fork of Deaths Scatter plot

✓ Published0🌍 Public

Last edited Dec 8, 2021

Created on Dec 8, 2021

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.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

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

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

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

84% match

Loading thumbnail…

Fork of countries

This visualization is a pie chart illustrating the top 10 countries by deaths from air pollution in 2020, with each slice labeled with the death count in thousands. The chart uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the slices and their colors, while d3.select appends SVG elements for the pie and a legend. Data is fetched from a CSV URL via d3.csv, and the code formats the numeric labels using d3.format. The visualization clearly shows the proportional death tolls, with a legend mapping each country to its corresponding slice color.

NNaimisha-M

82% match

Loading thumbnail…

Scatter Plot for Covid

This scatter plot visualizes COVID-19 data for the top 10 countries, showing the relationship between total cases and total deaths. The visualization uses D3.js v7 with SVG rendering to display circles for each country, where the x-axis represents total cases and the y-axis represents total deaths. The code loads CSV data from a GitHub gist, processes it with JavaScript array methods, and uses d3.scaleLinear to create scales for both axes. Axis labels and grid lines are generated using d3.axisBottom and d3.axisLeft, with margins defining the plot area.

MM Hema

82% match

Loading thumbnail…

Fork of Fork of Making an Interactive Pie Chart

This interactive donut chart visualizes mortality rates across ten countries, with each slice's arc length proportional to the death count from a CSV file. The chart displays country labels and uses a categorical color scale from `d3-scale-chromatic`. On hover, a tooltip appears showing the percentage of total deaths, calculated from the data. The visualization is built with D3.js using `select`, `pie`, `arc`, and `sum` from the D3 module, rendering as an SVG with custom styling for hover effects.

Aamiralitah

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

81% match

Loading thumbnail…

Fork of Scatter Plot

This visualization shows the ten most populous countries as a dot plot, with population on the x-axis and country names on the y-axis, using D3 v6’s `scaleLinear` and `scalePoint` to map data. It is rendered as SVG, loading population data from a CSV file, and employs `axisBottom` and `axisLeft` to draw gridlines and labels, styling text via CSS.

MMajaha21

81% match