Skip to main content
SimilarExport ZIP
100%

Fork of Fork of assigment-2 D3

✓ Published0🌍 Public
Pprince.sahith100@gmail.com
Last edited Mar 26, 2025
Created on Mar 26, 2025

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.

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
100% 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
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
86% 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
80% 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
80% 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
80% 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…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav
78% match