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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
95% 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
95% 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
87% 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…

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

Fork of Pie Chart

This visualization shows the distribution of gender categories in a heart disease dataset using a pie chart. It displays two slices representing male and female counts, with a legend showing each category and its frequency. The chart is rendered as an SVG using D3 v7, with d3.rollup to aggregate counts, d3.arc for slice geometry, and d3.pie for layout. A d3.scaleOrdinal with d3.schemeCategory10 assigns colors, while Bootstrap provides page styling. Data is loaded from a CSV file via d3.csv.

SsreepavanKothapalli
79% match
Loading thumbnail…

question-1

This example displays a pie chart visualizing disease frequencies, with sample data showing counts for Hypertension, Diabetes, and Arthritis. The chart uses D3 v7 to generate arcs via `d3.pie()` and `d3.arc()`, with an ordinal color scale from `d3.schemeCategory10`. It renders SVG paths and includes a separate HTML legend built with D3 selections, listing each disease and its count. The code also demonstrates ES6 module imports and axis label placement using SVG text elements.

Ppraneeth7222@gmail.com
79% match