Diabetes Self-Management Practices Pie Chart

100%

Diabetes Self-Management Practices Pie Chart

✓ Published2🌍 Public

Last edited Sep 26, 2024

Created on Sep 25, 2024

This pie chart shows the distribution of five diabetes self-management practices—diet, exercise, medication, monitoring, and education—with each slice labeled by its percentage of the total. The visualization uses a donut-style arc layout with hover interactions that display the practice name, raw value, and percentage in a tooltip. It is built with D3’s `pie`, `arc`, and `scaleOrdinal` functions, rendering SVG paths and a legend. The sample data is hardcoded in the script, and the chart adapts its radius to the container’s dimensions.

AI-generated description

This project visualizes the distribution of various self-management practices for diabetes using a pie chart. The chart provides an intuitive way to understand how different practices contribute to diabetes management, emphasizing the importance of diet, exercise, medication, monitoring, and education.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Diabetes Self-Management Practices Pie Chart

This pie chart visualizes the distribution of five diabetes self-management practices—diet, exercise, medication, monitoring, and education—showing their relative contributions as percentages. Built using d3’s `pie`, `arc`, and `scaleOrdinal` APIs, the donut-style chart displays percentage labels on each slice and includes an interactive tooltip on hover. A legend identifies each practice by color, with data drawn from a hardcoded sample array. The chart is rendered as an SVG with a calculated radius, and the colors come from the `schemeTableau10` palette.

Oomniaabouhassan@gmail.com

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

78% match

Loading thumbnail…

Assig_2

This example shows a pie chart of diabetes data, displaying the count of each type as labeled segments with a corresponding legend. It visualizes the distribution of diabetes types by count in thousands, with each slice colored distinctly and annotated with its value. Built with D3 v7, it uses `d3.pie` to compute the angles, `d3.arc` to generate the paths and segment centroids, and `d3.scaleOrdinal` for color mapping. The data is fetched as CSV from a GitHub repository and parsed with `d3.csvParse`, while SVG rendering handles the chart and legend.

Llingaladineshteja23@gmail.com

76% match

Loading thumbnail…

task 9

This pie chart visualizes the distribution of diabetes outcomes from a CSV dataset loaded via `d3.csv`. Using `d3.rollup` to count occurrences of 0 and 1 in the “Outcome” column, it maps those counts to two labeled slices, “Diabetes” and “No Diabetes,” with a `d3.scaleOrdinal` color scale. The `d3.pie` and `d3.arc` generators produce the SVG paths, while labels positioned with `arc.centroid` display counts directly on each slice. A separate HTML legend, built with D3 selections, shows matching color swatches beside each category.

Vvenkatabhaskaratetali@my.unt.edu

75% match

Loading thumbnail…

Task 9 Pie Chart

This pie chart visualizes the top 10 records from a diabetes dataset, sorted by SkinThickness, with each slice labeled by Glucose level and its corresponding SkinThickness value on a white background. Built with D3.js v6, the visualization uses `d3.pie()` and `d3.arc()` to generate slices, a color scale for slice fills, and includes a legend with a custom color palette. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and the chart is rendered as an SVG with centered labels on each arc.

Mmrowanh21@gmail.com

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

75% match

Loading thumbnail…

Activity 9.2

A pie chart displays the distribution of the Outcome attribute in a diabetes dataset, showing the proportional split between two outcome categories. The visualization loads CSV data from a GitHub repository, then uses D3's pie generator and arc generator to construct the chart, with slices colored via a sequential ordinal scale. The chart includes a legend mapping each outcome to its corresponding color. The example demonstrates importing D3 modules and local ES6 modules, with rendering handled through SVG in an HTML page.

Ss.harshinisai01@gmail.com

74% match

Loading thumbnail…

Pie Chart

This pie chart visualizes the percentage breakdown of nutritional components, such as carbohydrates, proteins, and fats, using interactive slices with hover effects that display exact values via tooltips. A legend on the right side highlights corresponding slices when hovered, dimming non-related arcs. Built with D3 v7, the chart uses the `pie` and `arc` functions to generate the layout and `scaleOrdinal` with `schemeTableau10` for colors. Transitions and opacity changes create a smooth, interactive experience for exploring the data.

Ttejasviteegala@my.unt.edu

74% match