Skip to main content
SimilarExport ZIP
100%

Task 9 Pie Chart

✓ Published3🌍 Public
Mmrowanh21@gmail.com
Last edited Apr 30, 2024
Created on Apr 26, 2024

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

task8_q3

This scatter plot visualizes a diabetes dataset, plotting blood pressure against glucose levels. Each circle is colored skyblue for non-diabetic outcomes and lightgreen for diabetic outcomes, with the circle's horizontal and vertical radii encoding skin thickness and insulin values. The visualization is built with D3 v6, using `csv` to load the data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. The SVG rendering fills the full window, with axis labels and a title styled in green and blue.

LLakshmiPrasannaValdas@my.unt.edu
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…

Task9_Question1

A pie chart visualizes the distribution of patient counts by race, with each slice labeled directly and accompanied by a color-coded legend. The chart loads CSV data from a GitHub gist and uses D3 v7 APIs including `d3.rollup` to aggregate counts, `d3.pie` for layout, `d3.arc` for slice geometry, and `scaleOrdinal` with `schemeCategory10` for colors. Labels are positioned using `arcGenerator.centroid`, and the SVG rendering is centered within a 400×400 canvas.

KKeerthi
78% match
Loading thumbnail…

task9&10

This pie chart displays the proportional distribution of fruit quantities from a CSV file, labeling each slice with its fruit name and including a color-coded legend. Built with D3 v7, it uses the `d3.pie` and `d3.arc` generators to compute and render arcs as SVG paths, with `d3.scaleOrdinal` assigning categorical colors. Data is loaded asynchronously via `d3.csv`, and labels are positioned using `arc.centroid`.

HHanuReddy
77% 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
77% match
Loading thumbnail…

1Activity 9&1

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.

Ssumanthnaidu213@gmail.com
76% match