Project

100%

✓ Published1🌍 Public

Ppavanbellam@my.unt.edu

Last edited Apr 27, 2025

Created on Apr 25, 2025

This interactive D3.js dashboard explores diabetes medication, gender, and age-group trends related to heart disease outcomes. It shows three SVG charts built from a merged CSV dataset, including a bar chart of heart disease cases by medication status, a pie chart of patient gender distribution, and a bar chart of cases across age groups. The code uses `d3.csv` to load data, `d3.select` to render SVG elements, and a custom tooltip for hover interactions. An embedded Power BI iframe complements the narrative with additional health analytics.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Project

This visualization presents a health data dashboard with three SVG charts. It includes a pie chart showing gender distribution, a bar chart displaying age distribution using d3.bin, and a scatter plot correlating glucose levels with BMI using d3.scaleLinear. The code uses d3.csv to load data and d3.rollup for aggregation, rendering all charts with D3 v7's SVG API.

Ppavanbellam@my.unt.edu

89% match

Loading thumbnail…

Fork 1

This interactive health dashboard explores relationships between lifestyle factors and health metrics using multiple D3.js v7 visualizations. A scatter plot shows sleep duration versus sweet food intake with jittered points colored by gender, while a bar chart displays average heart rate by consumer type. A pie chart breaks down cholesterol levels across alcohol consumption categories, and an animated box plot filters heart rate distributions by gender with hover tooltips. The dashboard uses `d3.rollups`, `d3.groups`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.pie` with transitions for smooth updates, loading TSV data from a GitHub gist.

Bboinapallyhimaja657@gmail.com

79% match

Loading thumbnail…

CS360 Final Project

This dashboard visualizes diabetes prevalence trends across the United States, combining a 2021 choropleth map of state-level percentages with a multi-line chart showing annual age-group trends from 2000 to 2022. The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries, with a sequential blue color scale mapping percentage values from a CSV; states lacking data appear grey. The line chart uses `d3.scaleBand` and `d3.scaleLinear` axes, plotting four age cohorts as separate colored lines and circles via `d3.line` and `d3.append('circle')`. Data comes from external CSV and GeoJSON sources, rendered entirely with SVG.

EEric Yao

78% match

Loading thumbnail…

project

This project demonstrates a basic D3.js visualization workflow that loads and processes a merged health dataset from a CSV file. The code uses d3.csv to asynchronously fetch the data and log it to the console, setting up the foundation for further visual exploration. The simple HTML page includes a stylesheet with a full-screen message and references D3 v6 from a CDN, while the JavaScript imports the csv function from D3 to handle the data parsing.

Ppavanbellam@my.unt.edu

77% match

Loading thumbnail…

group 9 bar and scatter plot

This interactive dashboard displays health metrics through four charts: a scatter plot of sleep duration versus sweet food intake colored by age group, a bar chart of average heart rate by consumer type, a pie chart showing cholesterol levels by alcohol intake, and box plots of heart rate grouped by sleep disorder and meat intake. Built with D3 v7, the charts use d3.scaleLinear, d3.scaleBand, d3.pie, and d3.quantile, with dropdown filters and tooltips. Data loads from a TSV file via d3-fetch, and all visualizations render as SVG with animations.

Llakshmisurekhamaddukuri@my.unt.edu

77% match

Loading thumbnail…

Final_Project_Interactive_Bar_Chart

This interactive bar chart displays the prevalence of various health-related measures across demographic and temporal categories. Users can switch between different data groupings—such as year, sex, race, employment, and medical history—using on-screen buttons. The visualization is built with D3 v7 and renders as an SVG, updating bars and axes through a general update pattern that removes and recreates the chart. Data values are mapped on a linear scale from 0 to 1, showing proportions for each selected category.

YYYYZZZ

77% match

Loading thumbnail…

Fork of Project Momentum: Start Polishing

This interactive bar chart compares medical metrics between male and female patients, with a dropdown menu to switch the y-axis among five health indicators including Max Heart Rate, Resting Blood Pressure, and Cholesterol. Built with React and D3 v7, the visualization aggregates the CSV data by sex and renders average values as color-coded bars, using `d3.scaleBand` and `d3.scaleLinear` for positioning. Clicking a bar highlights that gender while dimming the other, and a legend identifies the male (steelblue) and female (pink) categories.

AAbhi Yammanuru

77% match

Loading thumbnail…

Fork of Project Momentum Color

This interactive scatter plot explores the relationship between patient age and a selectable health metric (cholesterol, resting blood pressure, max heart rate, oldpeak, or age) from a heart disease dataset. A dropdown menu controls the Y-axis variable. The visualization uses D3.js (v7) within a React framework to render an SVG, featuring a legend that allows users to hover and filter data points by gender, highlighting male and female patients in dark blue and pink, respectively. The chart updates dynamically with selections.

AAbhi Yammanuru

77% match