Skip to main content
SimilarExport ZIP
100%

1Activity 9&1

✓ Published0🌍 Public
Ssumanthnaidu213@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024
Forked from Task8

This pie chart visualizes the Diabetes dataset, showing the distribution of the Pregnancies attribute for each record. It renders as an SVG using D3.js v6, with slices colored via `d3.scaleOrdinal` and `d3.schemeCategory10`, and arc paths generated from `d3.pie` and `d3.arc`. The code loads data from a remote CSV via `d3.csv`, and labels each slice with the corresponding Pregnancies value.

AI-generated description

Diabetes Dataset Visualization

This project visualizes the Diabetes dataset using a pie chart with D3.js.

Setup

Clone the repository and run a local server to view the visualization.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Piechart ICE7

This pie chart visualizes the distribution of the Pregnancies attribute from a diabetes CSV dataset. The visualization uses D3.js v6 with SVG rendering, applying d3.pie and d3.arc to generate the chart, while d3.scaleOrdinal assigns the color palette for each slice. Each slice displays its corresponding Pregnancies value as text labels positioned using labelArc centroids. The data loads asynchronously from a remote gist URL via d3.csv.

Ssumanthnaidu213@gmail.com
89% 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
82% 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
82% 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
81% match
Loading thumbnail…

Fork of Activity 6_question 3

This scatter plot visualizes the Diabetes DataSet from a GitHub-hosted CSV, mapping blood pressure on the x-axis and skin thickness on the y-axis. Each point represents a patient, with color indicating the outcome (black for negative, orange for positive) and point size simultaneously encoding the number of pregnancies and glucose level. The visualization is rendered using D3 v6, employing `d3.csv`, `d3.select`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` APIs to load, scale, and plot the data as SVG circles with labeled axes.

Aanusha.chilkamarri26@gmail.com
80% 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
80% match
Loading thumbnail…

Fork of Activity6_Task2

This scatter plot visualizes the Diabetes DataSet, mapping Blood Pressure on the x-axis against Skin Thickness on the y-axis, with black and orange points distinguishing negative and positive outcomes. Each circle's size encodes the number of pregnancies, while its transparency reflects Glucose levels. Built with D3 v6, it uses `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render an SVG, loading data from the provided GitHub URL. A legend identifies the outcome colors, and axis labels clarify the variables.

Aanusha.chilkamarri26@gmail.com
79% match
Loading thumbnail…

Activity 6

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AAP19110020041-Pavan Kumar
78% match