cardiovascular_rate in each country)

100%

cardiovascular_rate in each country)

✓ Published0🌍 Public

Last edited Jul 26, 2023

Created on Jul 26, 2023

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.

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…

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

94% match

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

78% match

Loading thumbnail…

cardiovascualr_death vs positive_rate

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.

NNukaShravanKumar

75% match

Loading thumbnail…

Covid-19 total number of death in each Country

This bar chart displays the total number of COVID-19 deaths attributed to each country, with the height of each bar representing the cumulative death count and the color encoding the country name. The visualization aggregates the raw daily data using a `groupby` transformation in Vega-Lite, which counts the number of reported deaths per location. The resulting chart is rendered through the vega-lite-api, which leverages D3 for SVG output, and the underlying data is loaded via D3’s `csv` function from a GitHub-hosted CoronavirusDailyData file.

AAbdul Salam Almadani

74% match

Loading thumbnail…

Data analisis heart disease

The visualization is a scatter plot examining heart disease risk factors, plotting serum cholesterol against resting blood pressure, with point size encoding age and color distinguishing gender. The chart uses the Vega-Lite API to render the dataset from the UCI Heart Disease repository, sourced via a Kaggle-hosted CSV file. The tooltip displays the heart attack possibility target value. The code relies on vega-lite-api's `markCircle` and `.encode` methods, with data loading handled by `d3.csv`. The plot uses a dark-themed custom config for axis styling and readability.

Llimeroc

74% match

Loading thumbnail…

Covid-19 Total Number of death caused

A bar chart shows the total number of COVID-19 deaths per country, with each bar’s height and color mapped to the `total_deaths` field and bars sized by the same value. Using the Vega-Lite API, the visualization groups the raw data by `location` and encodes death counts on the y-axis, with tooltips revealing exact values. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV (originally from Data World), and the chart is rendered with Vega-Lite’s mark-bar, using a custom config for axis styling.

AAbdul Salam Almadani

74% match

Loading thumbnail…

Covid-19 total number of death in each Country

This bar chart displays the total number of COVID-19 deaths for each country, using bars whose height encodes the count and whose color distinguishes locations. The visualization aggregates the data by counting records for each country, then plots those sums against a categorical x-axis. Built with Vega-Lite and the d3 library, it pulls data from a CSV file provided by a GitHub gist, with tooltips showing the location and exact death total for each bar. The chart is rendered dynamically, filling the entire browser window.

JJorge Emilio Zapata Godoy

73% match

Loading thumbnail…

Heart Disease Population

The visualization tracks the highest-populated country of heart disease patients from 2000 to 2016, showing how the leading country changes annually. It renders an area chart with a smooth curve, using blue lines and skyblue fills, with red tick labels and violet axis labels. The code uses D3 v5 APIs including `scaleLinear`, `line`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to generate the SVG. Data comes from a CSV file loaded via `csv`, with population and year values parsed as numbers before rendering.

SSurikanti Swathi

73% match