Scatterplot

100%

✓ Published1🌍 Public

Last edited Jun 21, 2020

Created on Jun 21, 2020

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).

AI-generated description

*Per 100,000 habitants
This bar chart was constructed using data from Elflein (June, 2020) Rates of coronavirus (COVID-19) cases in the most affected U.S. counties. Retrieved from https://www.statista.com/statistics/1109053/coronavirus-covid19-cases-rates-us-americans-most-impacted-counties/

MIT Licensed

Similar vizzes

Loading thumbnail…

COVID chart

The bar chart displays the rate of coronavirus cases per 100,000 habitants for nine U.S. counties, ordered from highest to lowest, using a green fill for each rectangle. It uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` to render the axes. Data is loaded from `data.csv` via `csv` and appended as SVG rectangles. The source is Elflein (June 2020) via Statista.

Mmla341

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

84% match

Loading thumbnail…

Customizing Axes

This bar chart displays COVID-19 infection rates per 100,000 people for the most affected U.S. counties, with values sourced from Statista (2020). It shows how cases are distributed among ten counties, using a custom-formatted x-axis that abbreviates large numbers with a capital "K". The visualization uses d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft/d3.axisBottom for custom tick marks and labels. The code removes default axis lines, adds custom tick styling with d3.format, and annotates the chart with a title and axis label. Bars are rendered as SVG rectangles with a blue fill.

Mmla341

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

80% match

Loading thumbnail…

Dv2_5_Reusable Scatter plot

A reusable scatter plot displays the relationship between COVID-19 deaths and cases per 100,000 people across US states, using rolling averages from the NY Times dataset. The visualization is constructed with D3.js version 6.7.0, employing the scatterPlot function to map data points as SVG circles with configurable radius and margins. The chart is rendered SVG in a browser, scaling axes via D3's scaleLinear, and using extent to compute data domains. Axis labels are generated with axisLeft and axisBottom, while the data is loaded asynchronously with D3's csv parser.

NNagateja99

80% match

Loading thumbnail…

A10.wh

This visualization displays total COVID-19 cases per one million population for seven countries, comparing figures from March to September 2020 through a horizontal bar chart. A click on any bar triggers a d3-annotation label, with the U.S.A. example showing text and coordinates. Using D3 v7 with SVG rendering, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical country placement, and standard `d3.axisBottom`/`d3.axisLeft` axes, loading data from a local CSV file.

MMike Z

80% match

Loading thumbnail…

Fork of country

This interactive scatterplot visualizes COVID-19 metrics across countries, plotting attributes like new cases against total cases on logarithmic-scaled axes. Each circle represents a country, colored by continent, with a legend to the right. The visualization uses React with D3 v5 scales (`scaleLinear`, `scaleOrdinal`) to render SVG marks and axes. Data is loaded asynchronously from a CSV file using D3's `csv` method, with dropdown menus allowing users to switch between different case and death metrics for the x and y axes.

Rrushithareddyy

80% match

Loading thumbnail…

Top 10 most Covid-19 Infected Countries

This scatter plot displays the top 10 countries most infected by COVID-19, with each circle’s horizontal position representing the number of cases and its vertical position the country name. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map case counts and countries, while `axisBottom` and `axisLeft` render the axes. Data from `data.csv` is loaded via `d3.csv`. Circle size is fixed, and the color is red.

SSUPERMAN79355

80% match