Simple Scatter Plot

100%

Simple Scatter Plot

✓ Published0🌍 Public

Last edited Sep 18, 2024

Created on Sep 18, 2024

This simple scatter plot visualizes COVID-19 data, mapping confirmed cases on the x-axis against deaths on the y-axis for each country. Each circle represents a country, with the plot revealing a strong positive correlation and one prominent outlier with over 110 million confirmed cases. The visualization uses D3's `scaleLinear`, `axisLeft`, and `extent` functions to create the scales and axes, while circles are rendered with SVG elements. The code leverages `@curran/axis-labels` for axis labeling, reading from a static CSV dataset.

AI-generated description

A simple scatter plot with D3 showing the confirmed cases versus number of deaths per country

Note that there is 1 very large outlier, with over 110,000,000 confirmed cases and 1,200,000 Deaths

One thing I would be curious about is hovering over the circle to show the country name or code as a sort of popup, to more easily tell what country is where on the scatterplot

MIT Licensed

Similar vizzes

Loading thumbnail…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com

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

87% match

Loading thumbnail…

Test Scatter Plot

This scatter plot visualizes COVID-19 data, comparing the number of cases and deaths for four countries. The chart uses SVG circles to represent each country, with D3.js’s `scaleLinear` and `extent` functions to map the data to axes, and `axisLeft` and `axisBottom` to render the labeled axes. The code imports `csv` to load the data from `data.csv` and applies D3 v6 to build the visualization, with a clear title and axis labels.

CChristine Lanser

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

84% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes daily COVID-19 cases and deaths across multiple countries, using red semi-transparent circles on an SVG canvas. The x-axis maps daily cases while the y-axis maps daily deaths, with data sourced from a CSV file. Built with D3 v5, the visualization uses scaleLinear, axisBottom, and axisLeft to construct the axes, and the csv function loads the dataset. The code filters data through extent and nice functions to set the scales, while a title and axis labels are added as text elements.

Iibcs47

83% match

Loading thumbnail…

Lab 5

This interactive data visualization plots global COVID-19 confirmed cases as of May 4, 2020, using a geographic scatterplot. Each circle represents a province or country, positioned by longitude and latitude, with size and color encoding case counts via `d3.scaleSqrt` and `d3.scaleLinear`. Hovering a circle reveals a tooltip with country, coordinates, and case details. Built with D3 v7, the SVG chart reads CSV data from the CSSEGISandData GitHub repository and uses `d3.axisBottom` and `d3.axisLeft` for axes.

XXuân Vinh

82% match

Loading thumbnail…

Untitled

A scatter plot tracks COVID-19 confirmed cases against deaths on logarithmic axes, with each point representing a country and its population and regional color encoding. Overlaid dark-red lines radiate from the origin, annotating fatality rates and country labels. A circular legend explains the point size, color, and opacity encoding. The React-based D3 visualization uses `d3.axisBottom`, `d3.min`, and `d3.ticks` for axes and grid, while custom functions render the legend, annotations, and rotated fatality labels, using county-level GeoJSON data from `county.json` as a backdrop.

Pphemmati

82% match

Loading thumbnail…

Scatterplot

This scatterplot displays COVID-19 case rates per 100,000 people for ten highly affected U.S. counties, ranked along the y-axis with case counts on the x-axis. The visualization uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for positioning, and d3.axisLeft and d3.axisBottom with custom tick formatting. Circles are appended via d3.selectAll and data joins, styled with blue fills and black strokes. The chart includes grid lines and a title, with data sourced from Statista via Elflein (June 2020).

Mmla341

82% match