Test Donut Plot

100%

Test Donut Plot

✓ Published0🌍 Public

Last edited Dec 8, 2020

Created on Dec 8, 2020

A donut plot displays stacked bar charts of health condition counts—hypertension, diabetes, asthma, and HIV—across racial groups using data from health_indicators_2019.csv. The D3.js code stacks the categorical data with the `stack` function and renders rects with `scaleLinear` and `scaleBand` axes. Interactive tooltips appear on mouseover, showing the condition name and count, positioned via D3's `mouse` function. The visualization uses an SVG canvas from the index.html file.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Test Plot

This stacked bar chart visualizes health condition counts across racial groups using CSV data from health_indicators_2019.csv. The d3.stack() function layers conditions as colored segments, with d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal handling positioning and colors. Rectangles are appended to SVG groups, while mouseover, mousemove, and mouseleave events trigger a simple HTML tooltip displaying each segment’s count.

Aaveryfairbanks

87% 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

74% match

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

73% match

Loading thumbnail…

Fork of Diabetes Data

This dashboard visualizes diabetes risk factors from patient data using a linked scatter plot and bar chart. The scatter plot positions patients by BMI and glucose levels, colored by age and shaped by outcome, while the bar chart shows average glucose by diabetic status. Clicking a point highlights that patient and displays their full record below. Built with React and D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `scaleBand`, `symbol`, and `axisBottom` to render the interactive charts.

Sskasliwal@wpi.edu

72% match

Loading thumbnail…

d3 bar chart

This bar chart visualizes the distribution of disease types by number of infections in 1968, using a logarithmic y-scale to accommodate wide value ranges. Built with D3 v6, it renders SVG rectangles with maroon fills that transition to crimson on hover, supported by an interactive tooltip displaying exact infection counts. The chart includes labeled axes, a title, and data simplified from the CORGIS health dataset, demonstrating the use of d3.scaleBand, d3.scaleLog, d3.axisBottom, and d3.axisLeft.

AAndrew

72% match

Loading thumbnail…

Fork of assigment-2 D3

This D3 pie chart visualizes the distribution of diabetes outcomes from a CSV dataset, showing the count of patients with (1) and without (0) diabetes. The chart uses `d3.pie()` and `d3.arc()` to render slices, with labels positioned via `arc.centroid`. A color scale (`d3.scaleOrdinal`) assigns light blue and red fills. A legend, built with HTML `div` elements, displays each category alongside its frequency. The visualization is rendered as SVG and directly labels each slice with its outcome and count.

Pprince.sahith100@gmail.com

72% match

Loading thumbnail…

D3 Scatter Plot

This interactive scatter plot visualizes the Pima diabetes dataset, cycling through its six numeric columns every two seconds to show how the distribution of each feature relates to glucose levels. Using D3.js v6, the plot updates its x-axis and points with a smooth transition, encoding the diabetes outcome through point color. The visualization employs SVG elements and axes generated with `d3.axisLeft` and `d3.axisBottom`, with data loaded via `d3.csv`. While the code references the penguins dataset in its title, it actually reads and plots diabetes records, with each point representing a patient.

AArun

72% 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

72% match