Skip to main content
SimilarExport ZIP
100%

Activity 9.2

✓ Published0🌍 Public
Ss.harshinisai01@gmail.com
Last edited Apr 20, 2024
Created on Apr 20, 2024
Forked from Hello VizHub

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.

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
85% 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…

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

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
81% match
Loading thumbnail…

Activity7

This visualization presents a pie chart illustrating the proportional distribution of fruit categories, with each slice labeled by its category name. The chart loads a CSV dataset from a GitHub repository, parsing the numeric values to generate the pie geometry. Using D3.js v7, the code defines the chart dimensions, creates an SVG container, and applies an ordinal color scheme for slice differentiation. A custom legend is appended to the page, using HTML divs to display each fruit category with its corresponding percentage value.

Aaschowdary.shashi@gmail.com
80% match
Loading thumbnail…

Activity 6

This pie chart visualizes the distribution of heart disease cases, showing 138 instances with the condition against 100 without. The D3.js code uses `d3.scaleOrdinal` for categorical coloring, `d3.pie` for arc generation, and `d3.arc` for path construction, rendering to an SVG canvas. Labels appear at arc centroids, while a legend below maps colors to categories. The data is hardcoded in the script.

RRukmini Devi Y
80% match