Skip to main content
SimilarExport ZIP
100%

Activity6-Task4_

✓ Published0🌍 Public
1180030215cse@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between disease incidence and prevalence rates (per 100,000 population) alongside average age at diagnosis for 15 medical conditions. Each bubble’s position maps incidence and prevalence, while its size reflects the average diagnostic age. The visualization uses Chart.js on an HTML canvas with semi-transparent colors to distinguish diseases. The chart includes labeled axes for both rates, offering a clear comparison of how various diseases spread and persist across populations. The static rendering presents the data directly from embedded JavaScript objects without external data loading.

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…

Fork of Hello VizHub

This interactive bubble chart visualizes the relationship between incidence and prevalence rates for fifteen medical diseases. Each bubble represents a disease, with its horizontal position indicating incidence rate and vertical position indicating prevalence rate per 100,000 individuals. Bubble size corresponds to the average age at diagnosis, allowing viewers to compare epidemiological metrics across conditions. Built with Chart.js, the visualization uses canvas rendering to display colored, semi-transparent bubbles with axis labels and tooltips. The chart is constructed from hardcoded disease data, drawing from the provided dataset to create an informative comparison of disease burden across common health conditions.

Ssaivaishnogaruda@gmail.com
82% match
Loading thumbnail…

task_4_questions

This bubble chart visualizes the prevalence of AIDS across six of the most-infected countries, plotting years on the x-axis, the number of individuals living with AIDS (in thousands) on the y-axis, and new diagnoses as bubble radius. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and bubble sizing, `d3.extent` for domain calculation, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.format` for number labeling. Data comes from the CORGIS AIDS dataset, provided by UNAIDS. The chart includes a legend for both bubble size and country-specific colors, with side scrolling required to view the full visualization.

HHarinathChakali33@gmail.com
74% match
Loading thumbnail…

Activity-8_Task4UN

This bubble chart visualizes the correlation between heart rate, systolic blood pressure, and age, with point size encoding age and color encoding risk level. Built with D3 v7, it renders as an SVG with tooltips on hover, while a legend displays age-to-size mapping. The chart uses d3.scaleLinear for axes and bubble sizing, plus d3.scaleOrdinal with interpolateTurbo for categorical colors, reading data from bubblechart.csv.

Uuzairnaeem15@gmail.com
73% match
Loading thumbnail…

Task_Activity_2

This visualization displays the proportion of patients rated across five severity categories for six diseases: Covid, TB, Cancer, HIV, Cold, and Fever. It uses a horizontal stacked bar chart, where each bar is segmented by percentage. The code uses D3 v7’s `d3.stack` for data processing, `d3.scaleOrdinal` for color, and `d3.axisLeft`/`d3.axisBottom` for axes. A tooltip reveals the exact percentage on hover. The data is loaded from a CSV file and rendered as SVG graphics.

Ssahaspragna6@gmail.com
73% match
Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes the correlation between height, weight, and age across multiple countries. Each circle's x-position represents height, y-position weight, and its radius encodes age, with color differentiating countries via a categorical turbo color scale. Built with D3.js v7, the SVG chart includes axes, a size legend for age, and interactive tooltips displaying country names on hover. The code utilizes `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data dimensions, with data loaded from a CSV file.

Ppadiginetivishnupriya@gmail.com
72% match
Loading thumbnail…

Activity6-Question4

This bubble chart visualizes life expectancy versus healthcare spending across several countries from 1970 to 1974, with each circle’s size and color encoding spending magnitude and country identity. The visualization uses d3.csv to load the dataset, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo for country colors. Hover interactions trigger custom tooltips showing country, spending, and life expectancy values. The chart is rendered as an SVG with a legend for spending amounts, using d3.axisBottom and d3.axisLeft for axes.

Mmeenam1106@gmail.com
71% match
Loading thumbnail…

Activity6-Question4

This bubble chart visualizes the relationship between healthcare spending (USD) and life expectancy across several countries from 1970 to 1974. Each bubble represents a country-year observation, with bubble size encoding the year and color distinguishing countries. Hovering over a bubble reveals a tooltip with exact values. The chart uses d3.v7's scaleLinear for axes and bubble sizing, scaleOrdinal for coloring, and SVG circles with transition-based tooltip interactions. Data is loaded from a local CSV file.

Ssushanthkodipyaka@gmail.com
71% match
Loading thumbnail…

Activity6 Question4

This bubble chart displays the relationship between healthcare spending and life expectancy across several countries from 1970 to 1974. Each bubble’s size and position reflect spending, while color distinguishes countries. The visualization uses D3 v7 to load CSV data, scale linear axes, and render SVG circles. Interactive tooltips appear on mouseover, showing country-specific values. A legend encodes spending levels and country colors, with all elements animated through D3’s data joins and transitions.

Ssumithdugyala@my.unt.edu
70% match