Fork of Fork of 3D Scatter Plot

100%

Fork of Fork of 3D Scatter Plot

✓ Published0🌍 Public

Last edited Jul 19, 2022

Created on Jul 6, 2022

This 3D scatter plot visualizes COVID-19 data from a CSV file, plotting positive cases, recovered cases, and negative cases for one trace, with a second trace comparing positive and recovered cases against currently hospitalized patients. The visualization uses Plotly's `scatter3d` chart type within a `Plotly.newPlot` call, leveraging the D3.js library's `d3.csv` function to parse and populate the data from the `covid.csv` file. Each marker is styled with a distinct color and size, with the layout margins set to zero for a clean presentation.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Bonus ICE Scatter plot using D3.js

This 3D scatter plot visualizes COVID-19 data across countries, showing two traces: one plotting cured cases against dead cases, and another plotting active cases against dead cases. The visualization uses Plotly’s `scatter3d` type within `Plotly.newPlot`, with D3.js handling CSV data loading via `d3.csv` and the `unpack` function to extract columns. Data originates from a GitHub-hosted CSV file containing per-country case counts, rendered as colored markers with configurable opacity and line styling in a minimal HTML page.

Pprathyusha-reddy-arch

88% match

Loading thumbnail…

Fork of Fork

This visualization uses D3.js to plot COVID-19 data from a WHO global dataset, showing total cases against total deaths for each country as individual circles. The scatter plot uses D3's `csv` loader and `scaleLinear` functions to map the data, with axes labeled "Total Cases" and "Total Deaths." Circles are rendered in steelblue, and the chart is drawn as an SVG in a React application. The code defines its own width, height, and margins, using D3's `axisBottom` and `axisLeft` to generate the axes.

66264kusuma@gmail.com

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

83% match

Loading thumbnail…

Fork of 3D Scatter Plot

This interactive 3D scatter plot visualizes two sets of coordinates from a CSV dataset, using height, length, and corner positions as the three axes. Each of the two traces appears as a cluster of markers, with different colors, sizes, and opacities to distinguish the data groups. The visualization is built with Plotly’s `scatter3d` trace type and rendered via `Plotly.newPlot`, while the data loading and parsing rely on D3’s `d3.csv` function. The chart updates dynamically in response to the user’s rotation and zoom controls.

KKeerthipriyaBankuru

82% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes CDC COVID-19 data, plotting daily new deaths against new cases, with each point representing a 14-day moving average. The chart reveals a general correlation where more infected cases correspond to more deaths. Built with D3 v6, the visualization uses `d3.csv` to load the dataset and `d3.scaleLinear` to map values to screen coordinates, with points rendered as SVG circles. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, and the chart fills the entire browser window.

VVonnie

81% match

Loading thumbnail…

Fork of Box Plot

This fork of a box plot visualizes the distribution of new COVID-19 cases across different locations, showing the minimum, first quartile, median, third quartile, and maximum values for each group. The chart uses React to render SVG elements, with D3.js functions like `scaleBand` and `scaleLinear` for axes and `quantile` for statistical calculations. The data is filtered to include only values above 5500 new cases and loaded from a CSV file via `d3.csv`.

XXiaoyu Su

81% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot NY Times COVID Data US Cumulative

A scatter plot displays cumulative COVID-19 cases in the United States over time, with each point representing a daily data record. The visualization uses D3.js 6.7.0, specifically the `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` functions from D3's API to map dates to the x-axis and case counts to the y-axis. It loads data from the NY Times COVID-19 rolling averages dataset via `d3.csv`. The chart renders as an SVG, populating circular marks with a radius of one pixel, and includes axes labeled with a custom Share Tech font.

DDasbach.EJ

80% match

Loading thumbnail…

Fork of 3D chart

This example displays the top 10 countries most affected by COVID-19 using a 3D bar chart rendered via the d3-x3d library and X3DOM. It loads CSV data from a GitHub gist, parses each row into key-value pairs for country and case counts, and feeds this into a multi-series bar chart component. The chart is attached to a div with a heading, and the visualization updates once the asynchronous CSV fetch completes. The code relies on d3.csv for data parsing, d3.select for DOM manipulation, and the chart’s datum and call methods for rendering.

VVineela Reddy

80% match