Skip to main content
SimilarExport ZIP
100%

task 9

✓ Published1🌍 Public
Vvenkatabhaskaratetali@my.unt.edu
Last edited Apr 29, 2024
Created on Apr 29, 2024
Forked from Webpage

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.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21

MIT Licensed

Similar vizzes

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

task 9 and 10 Q1 11111

This pie chart visualizes the distribution of job titles in a dataset loaded from a CSV file, with each slice labeled by job title and count. The code uses d3.csv to fetch the data, d3.rollup to count occurrences per job title, and the d3.pie and d3.arc layouts to generate and render the arcs in SVG. A categorical color scale from d3.schemeCategory10 assigns colors to slices, and an HTML legend is dynamically appended to the page. The chart is centered within an SVG container sized at 450 by 450 pixels.

Ssruthimreddy6@gmail.com
85% 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
85% 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
84% match
Loading thumbnail…

assigment-2

This example displays a pie chart comparing the frequency of diabetes outcomes from a CSV dataset, distinguishing between individuals with and without diabetes using light blue and red slices. It also includes a legend beside the chart that repeats the category labels and counts. The visualization is built with D3.js v6, using d3.pie and d3.arc to generate the slices, d3.scaleOrdinal for colors, and SVG elements for rendering. Labels are positioned at each slice’s centroid, and the data is loaded asynchronously via d3.csv from a GitHub gist URL.

AAjay Simha Reddy
84% 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
84% 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
83% 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
83% match