ICE-7 Scatter Plot

100%

ICE-7 Scatter Plot

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jul 2, 2022

Forked from Scatter Plot Of Comfirmation

This scatter plot tracks the daily confirmed virus count over time, with each point representing a single day’s reported cases, revealing a sharp rise and fall during the early months of 2020. The visualization uses an SVG canvas, with D3 v5’s `scaleTime` mapping dates to the x-axis and `scaleLinear` mapping counts to the y-axis. Gridlines and axis labels are drawn via `axisLeft` and `axisBottom`, while circles positioned by `xScale` and `yScale` display the data, with a maroon fill at half opacity for visual clarity. The data is loaded from a CSV file, and the chart includes a title and axis labels for context.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ice7

This visualization displays COVID-19 data as a scatterplot, plotting countries along the x-axis against their total case counts on the y-axis. It uses D3.js to load the CSV dataset, create SVG circles for each data point, and render axes with labels. The implementation relies on `scaleLinear` and `extent` for scaling, while the `observeResize` utility handles responsive dimensions. A separate `viz` module, built with D3’s `axisLeft` and custom axis helpers, manages the chart’s inner rendering, including a background rectangle and semi-transparent circles, with data sourced from a remote CSV file.

MM Hema

81% match

Loading thumbnail…

ICE7 Line Chart 11540905

This line chart displays the cumulative COVID-19 case counts across nine countries over time, with the x-axis representing total cases and the y-axis showing countries. The visualization uses D3 v5 with an SVG canvas, employing `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render the axis and path. Data is loaded from a remote CSV file via `csv()`, with values parsed and scaled before being drawn as a single red line path.

Nnagasai-gummadi

80% match

Loading thumbnail…

ICE 7 Snehith Part-1

A static scatter plot visualizes COVID-19 active cases per country, with each country as a colored circle on a categorical x-axis and a linear y-axis scaled by active case counts. The chart, built with D3.js v7, renders as SVG and loads data from a remote CSV file. Circles enlarge and display a country-specific tooltip on mouseover, while a legend lists all countries. The visualization uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors.

Ssai snehith nadipally

80% match

Loading thumbnail…

COVID-19 Forecast

This scatter plot visualizes COVID-19 infection counts over time, with the x-axis representing dates and the y-axis showing the number of infected individuals. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` for axes, along with `axisBottom` and `axisLeft` to render ticks. Circles mark each data point, colored steelblue, while axis labels and a title are added via SVG text elements. Data is loaded as CSV from a GitHub repository and parsed with JavaScript’s `Date` and numeric conversion.

Ccacho2294

80% match

Loading thumbnail…

ICE 7 Reusable D3 Scatter Plot

This example presents a reusable scatter plot of COVID-19 data, mapping countries along the x-axis and death counts along the y-axis. It utilizes the D3.js library (v7) within an SVG rendering context, demonstrating a modular component pattern via the `scatterPlot()` function. The main script asynchronously loads a CSV dataset using `d3.csv`, parses death values as numbers, and then invokes the chart with configurable accessors, margins, and point size. The visualization adapts to the full browser window by setting its width and height from `window.innerWidth` and `window.innerHeight`.

MM Hema

79% match

Loading thumbnail…

ICE-6 - Scatter Plot - 11629157

This example shows the total COVID-19 cases for the top 20 countries as horizontal bars, with each bar’s length proportional to the case count. The visualization uses React with a state hook to fetch and parse a CSV file via `d3.csv`, then renders an SVG using `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the numerical case axis. Grid lines and tick labels are drawn manually with `d3.axisBottom`-style logic, while the bars themselves are simple SVG rectangles positioned using the computed scales.

NNiharika-Guthikonda

79% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This scatter plot visualizes COVID-19 total cases against total deaths, with each country represented by a symbol scaled according to a 100-pixel size. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` APIs to render SVG marks and axes. Data loads from a GitHub-hosted CSV via `d3.csv`, with margins and dimensions set dynamically to the window size. The reusable `scatterPlot` function exposes configuration methods for data, value accessors, and dimensions.

MM Hema

79% match

Loading thumbnail…

Scatter Plot 2

A scatter plot displays the relationship between confirmed and active COVID-19 cases, with each circle representing a data point. The visualization uses React components to render SVG elements, with d3.scaleLinear managing the x and y scales. Axes are generated from array methods like xScale.ticks() and map(), while the data loads through d3.csv with multiplication applied to numeric values. The chart includes axis labels and tooltips showing formatted values using d3.format with SI notation.

NNikithakatta30

78% match