100%

Fork of Piechart ICE7

✓ Published0🌍 Public

Last edited Apr 25, 2024

Created on Apr 25, 2024

This pie chart visualizes the distribution of the Pregnancies attribute from a diabetes CSV dataset. The visualization uses D3.js v6 with SVG rendering, applying d3.pie and d3.arc to generate the chart, while d3.scaleOrdinal assigns the color palette for each slice. Each slice displays its corresponding Pregnancies value as text labels positioned using labelArc centroids. The data loads asynchronously from a remote gist URL via d3.csv.

AI-generated description

Pie Chart Visualization

This visualization shows a pie chart based on a diabetes dataset. It displays the distribution of the "Pregnancies" column.

Data

The dataset is loaded from a CSV file with attributes like Pregnancies, Glucose, BloodPressure, Insulin, and Age.

Setup

Load the files into a web server environment and access the index.html to view the visualization.

MIT Licensed

Similar vizzes

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

89% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This scatter plot visualizes the relationship between the number of pregnancies and glucose levels in a diabetes dataset, with skin thickness encoded through symbol size. Built with D3.js, it renders an SVG that fills the browser window, using the `scatterPlot` reusable component to map data values to positions and sizes. The plot applies margins and tooltips, displaying tick labels at 24 pixels, and pulls data from a remote CSV file fetched asynchronously with `d3.csv`.

MM Hema

82% match

Loading thumbnail…

PIE-CHART Project!

This visualization presents a pie chart comparing countries against their highest pregnancy counts, using data from a GitHub-hosted CSV dataset limited to the first 11 records. The chart renders as an SVG with colored arc segments, value labels positioned via `d3.arc` centroid calculations, and a legend showing country names and corresponding values. It employs D3 v5 APIs including `pie`, `arc`, `scaleOrdinal`, and `format` to generate the chart, with styling applied through external CSS.

Aav.dj.2000@gmail.com

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

Fork of Piechart ICE7

This pie chart displays the number of vehicles seized across different states in America, sourced from a raw CSV file on GitHub. The chart uses D3 v5’s `pie` and `arc` functions to generate the slices, with `scaleOrdinal` assigning colors to each state segment. Value labels are added using `arcGenerator.centroid`, and a legend with state names and totals is included. The visualization is rendered as an SVG with a flexible, reusable code structure.

Ssumanthnaidu213@gmail.com

81% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This example visualizes monthly expenditures from a CSV file as a pie chart. The chart displays categories as colored slices, with each slice labeled by its associated data value, and includes a legend that maps the colors to their numeric values. The visualization is built using D3 version 5, specifically leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for the pie geometry, arc paths, and color mapping. Data is fetched asynchronously via `d3.csv` from a GitHub gist URL, and the SVG canvas is rendered with a fixed width and height.

AAnanyaSamala

81% match

Loading thumbnail…

Fork of ICE-7 : Reusable Scatter Plot

This example visualizes diabetes-related health metrics in a responsive scatter plot, mapping pregnancies on the x-axis, glucose levels on the y-axis, and varying symbol shapes based on skin thickness. It uses d3.scaleLinear, d3.scaleOrdinal, d3.axisLeft, d3.axisBottom, d3.symbols, and d3.symbol to generate SVG marks. The reusable chart function supports custom accessors, margins, and symbol size, drawing data from a CSV of diabetes records. The plot fills the browser window with hidden scrollbars and large axis tick text.

MM Hema

80% match

Loading thumbnail…

Fork of Piechart ICE7

A pie chart visualizes the number of vehicles seized across different U.S. states, sourced from a CSV dataset. Each slice represents a state’s total, with values formatted in thousands and displayed alongside a color-coded legend. D3 v5 operations include `pie()`, `arc()`, `scaleOrdinal()`, and SVG path generation, while the data is loaded asynchronously via `d3.csv`. The chart is rendered with SVG elements, using arc centroids for labels and a custom color palette for distinct state identification.

LLayaMyadam@my.unt.edu

80% match