Skip to main content
SimilarExport ZIP
100%

cardiovascualr_death vs positive_rate

✓ Published0🌍 Public
NNukaShravanKumar
Last edited Jul 26, 2023
Created on Jul 26, 2023
Forked from Hello VizHub

This scatterplot visualizes the relationship between cardiovascular death rate and COVID-19 positive rate for different species, using a dataset loaded from a CSV via `d3.csv`. The SVG chart maps the first variable to the x-axis and the second to the y-axis using `d3.scaleLinear`, with tick marks from custom `AxisBottom` and `AxisLeft` components. Each data point is rendered as a circle using the `Marks` component, with tooltips showing formatted x-values. The React app, built with VIzHub and using D3 v7, also includes axis labels for both variables.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

cardiovascualr_death vs positive_rate

This scatterplot visualizes the relationship between cardiovascular death rate and COVID-19 positive rate across countries, with each point representing a country. The visualization uses React to render SVG circles positioned by d3.scaleLinear axes, with tooltips showing formatted values via d3.format. Data is loaded from a CSV using d3.csv, and the chart includes labeled axes for both quantitative variables.

Ppemmasaniprudhvinadh
94% match
Loading thumbnail…

cardiovascular_rate in each country)

This visualization displays cardiovascular death rates across countries, with each location mapped along the y-axis and the corresponding mortality rate on the x-axis. Each country appears as a semi-transparent circle, and hovering reveals the country name via tooltip. The chart uses Vega-Lite with the vega-lite-api library, rendering through D3.js v5 and Vega. Data is loaded from a CSV file containing COVID-19 and cardiovascular statistics, and the visualization adapts to the viewport size.

Ppemmasaniprudhvinadh
76% match
Loading thumbnail…

cardiovascular_rate in each country)

This visualization displays cardiovascular death rates across countries using a circle plot, with each mark representing a location and its mortality rate positioned along quantitative and categorical axes. The chart is built with Vega-Lite API functions like `markCircle` and `encode`, while data is loaded asynchronously from a remote CSV via D3’s `csv` method. The visualization integrates Vega, Vega-Lite, Vega-API, and tooltip handlers, rendering in SVG with custom axis styling for improved readability.

NNukaShravanKumar
75% match
Loading thumbnail…

Scatter plot on COVID CFR

This scatter plot visualizes the COVID-19 case fatality rate by plotting total deaths against total cases for each country on the latest recorded date. The chart uses D3 v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render SVG circles that enlarge on mouseover and display a tooltip with location and death rate via d3.format. Data comes from the Our World in Data JHU GitHub repository, filtered to exclude aggregate regions and rows with missing death values.

CCenz Wong
74% match
Loading thumbnail…

Scatter plot on COVID CFR

This scatter plot visualizes the COVID-19 case fatality rate by plotting total deaths against total cases for each country on the latest recorded date. The chart uses D3 v7 (d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render SVG circles that enlarge on mouseover and display a tooltip with location and death rate via d3.format. Data comes from the Our World in Data JHU GitHub repository, filtered to exclude aggregate regions and rows with missing death values.

CCenz Wong
74% match
Loading thumbnail…

React + D3 Axes

This example shows the global cumulative death toll from COVID-19 over time, using a line chart with time and linear scales. D3's `scaleTime`, `scaleLinear`, and `line` generate the path from CSV data, while React components wrap D3 selections for gridlines and axes via `axisBottom`. Horizontal and vertical marker lines label the one-million-death threshold and the current date. The chart renders as SVG, with data fetched from the CSSE COVID-19 GitHub repository.

KKevin McMorrow
73% match
Loading thumbnail…

React + D3 Axes

This visualization displays the global cumulative death toll from COVID-19 over time, with a line chart that includes reference markers at 5,000,000 deaths and at the most recent date. The chart is built with React and D3 v7, using `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom` for the axes. Data is fetched from the CSSE COVID-19 global time series CSV and transformed with `d3.csv` and `d3.timeParse`. The SVG rendering includes a custom x-axis and y-axis marker lines, with gridlines and labels styled through CSS.

TThomas Cormican
73% match
Loading thumbnail…

Fork of CORONAVIRUS LINE CHART

This chart displays global COVID-19 death totals over time using a red SVG background and a thick black line. It uses `d3.scaleTime` and `d3.scaleLinear` to map dates and cumulative deaths, while `d3.line` generates the path. Two custom React components, `YMarkerLine` and `XMarkerLine`, draw reference lines at the 1,000,000 death mark and at the latest date, respectively. Data comes from the CSSE COVID-19 time series CSV loaded via `d3.csv`.

Jjesramyep1263
73% match