Basic Scatter Plot with Time Scale

100%

Basic Scatter Plot with Time Scale

✓ Published3🌍 Public

Last edited Sep 29, 2021

Created on Sep 15, 2021

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.

AI-generated description

A scatter plot with D3 with Time Scale on X-axis

This visualization shows World Mortality Dataset. It visualizes the number of deaths reported from year 2015 to 2021 across all countries. Each circle represents a country in a given year.

MIT Licensed

Similar vizzes

Loading thumbnail…

Simple Bar Chart

This bar chart displays the number of deaths reported by countries in June 2021, filtered to values greater than 5,000 from the World Mortality Dataset. It uses D3.js v6 with SVG rendering, employing `scaleLinear` and `scaleBand` to map death counts and country names, along with `axisBottom` and `axisLeft` for the axes. The dataset is loaded via `d3.csv` from a GitHub Gist, and the chart resizes to the full browser window.

SSiddhi Patil

82% match

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

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

81% match

Loading thumbnail…

Covid Cases and Deaths WorldWide Simple Scatter Plot

This visualization presents a scatter plot comparing total COVID-19 cases against total deaths for countries worldwide, using logarithmic scales on both axes to accommodate wide data ranges. Each circle represents a country, with its position determined by case and death counts, while color encodes mortality categories (low, medium, or high) derived from the death-to-case ratio. The plot is rendered as an animated D3.js visualization, utilizing `scaleLog`, `scaleOrdinal`, and `schemeCategory10` for color mapping, with interactive legend hover effects that dim non-matching countries. The data is loaded from a GitHub-hosted CSV file, and the visualization employs a reusable module structure with separate axis-label utilities.

Wwkj0713@gmail.com

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

80% match

Loading thumbnail…

Natural disaster death over years

A scatter plot visualizes total deaths from natural disasters worldwide from 2004 to 2016, with each circle representing a country-year observation. Users can click the color legend to filter the view to a selected entity, while hovering reveals country, year, and death count details. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG rendering with animated opacity transitions. Data comes from the World Happiness Report 2017 via Our World in Data, loaded through d3.csv.

CChooo4u

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

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

78% match