Skip to main content
SimilarExport ZIP
100%

Fork of assigment-2 D3

✓ Published1🌍 Public
Pprince.sahith100@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from assigment-2

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of assigment-2 D3

This example shows the distribution of hypertension risk in a dataset, displayed as a pie chart with two categories: no risk (0) and risk (1). The chart uses D3.js v6 with an SVG rendering approach, loading CSV data from a GitHub gist. It employs d3.pie() and d3.arc() to generate the chart slices, with labels showing category names and counts. A color scale assigns distinct colors to each category, and a legend is generated dynamically from the same data.

Pprince.sahith100@gmail.com
87% 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
87% match
Loading thumbnail…

Fork of Fork of assigment-2 D3

This visualization displays the distribution of hypertension risk as a two-category pie chart. It distinguishes between individuals with no hypertension risk (labeled 0, shown in orange) and those with hypertension risk (labeled 1, shown in green), with counts displayed directly on the slices. The chart fetches its data from a CSV file hosted on GitHub using `d3.csv`. The code builds the pie with `d3.pie` and `d3.arc`, applies a categorical color scale via `d3.scaleOrdinal`, and includes a legend rendered next to the chart using HTML.

Pprince.sahith100@gmail.com
86% match
Loading thumbnail…

Fork of Fork of assigment-2 D3

This visualization displays the distribution of hypertension risk as a two-category pie chart. It distinguishes between individuals with no hypertension risk (labeled 0, shown in orange) and those with hypertension risk (labeled 1, shown in green), with counts displayed directly on the slices. The chart fetches its data from a CSV file hosted on GitHub using `d3.csv`. The code builds the pie with `d3.pie` and `d3.arc`, applies a categorical color scale via `d3.scaleOrdinal`, and includes a legend rendered next to the chart using HTML.

Pprince.sahith100@gmail.com
86% match
Loading thumbnail…

assig_2-dinesh

This pie chart visualizes the distribution of diabetes cases across five age ranges (0-20, 21-40, 41-60, 61-80, and 81+). The code fetches a CSV file from a GitHub repository, parses it with `d3.csvParse`, and counts occurrences per age group. It renders the chart using D3.v7's `d3.pie` layout and `d3.arc` generator within an SVG, with a categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`). A legend and labels for each segment are added dynamically via D3 selection and append methods.

Llingaladineshteja23@gmail.com
86% match
Loading thumbnail…

Fork of pie chart

A fork of a pie chart example visualizes COVID-19 case data from a CSV file, showing three categories (Infected, Recovered, Died) as colored slices with proportional labels and a legend. The D3 v5 code uses `d3.csv` to load the data, `d3.pie` to compute arc segments, and `d3.arc` with an inner radius of zero to generate the paths. Slice colors come from `d3.scaleOrdinal` with a manual range, and text labels are positioned using the arc’s centroid method. The SVG output is centered within a 980×550 canvas.

Ddandudivya98@gmail.com
82% match