Skip to main content
SimilarExport ZIP
100%

Project

✓ Published0🌍 Public
Ppavanbellam@my.unt.edu
Last edited Apr 26, 2025
Created on Apr 26, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project

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.

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
80% 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
79% match
Loading thumbnail…

sample

This example presents a multi-panel dashboard of health and development indicators using D3.js v7. It displays a simple circle, several scatter plots comparing health expenditure metrics (such as public health spending as a percentage of GDP), a line chart of per-capita health expenditure, a scatter plot relating the Gender Inequality Index to the Human Development Index, and a bar chart of GDP per capita. The visualizations are rendered as SVGs with animations and interactive tooltips. The code uses d3.csv to load remote datasets, d3.scaleLinear, d3.scaleBand, d3.axisBottom, d3.axisLeft, d3.scaleOrdinal with d3.schemeCategory10, and a d3.zoom for panning and zooming in one chart.

Vvikramkotlo9@gmail.com
79% match
Loading thumbnail…

Activity 9.2

This pie chart visualizes glucose levels for patients with diabetes, where each slice represents a patient and the slice’s size corresponds to their Glucose value. The chart includes a legend that pairs each patient’s BMI with their glucose level, and the slices are sorted by glucose in descending order. The visualization uses D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to generate the SVG paths and color encoding. Data is loaded from a CSV file hosted on GitHub, and the chart is rendered within an SVG element on an HTML page.

Ss.harshinisai01@gmail.com
79% 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
78% match
Loading thumbnail…

project

This example presents a dashboard of four D3.js charts—a line chart, bar chart, pie chart, and scatter plot—visualizing global sustainable energy data from a CSV file. It shows trends in renewable energy share, electricity access, fossil versus renewable energy proportions, and the relationship between GDP and energy consumption per capita, with a tooltip and country selector. The visualization uses D3 selections, scales, and time parsing to render SVG charts, updating all views based on the selected country.

YYeruva Snehith Reddy
78% match
Loading thumbnail…

SDV Project Visualization

This example shows a pie chart of technology usage hours grouped by relationship status, with data loaded from a CSV file hosted on GitHub. The chart uses D3 v6 APIs including `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the slices, alongside a custom ordinal color scale and a manually positioned legend built with SVG rectangles and text. The visualization includes a title and uses an SVG rendering approach within an HTML page.

RRishithaGarnepudi@my.unt.edu
78% match