Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
Kkshravyak.2001@gmail.com
Last edited Mar 25, 2025
Created on Mar 25, 2025
Forked from Pie Chart

This visualization shows the distribution of mental health conditions among remote workers, with each slice of the pie chart representing the count of a specific condition. The chart is rendered as an SVG using d3.pie and d3.arc to generate the slices, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. A legend below displays the condition names as colored rectangles. The data comes from a CSV file loaded via d3.csv, and the code also logs the condition name to the console on mouseover events.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

This donut chart displays the mental health conditions of freelancers based on their work-life balance, with each slice sized according to earnings in USD and colored by experience level. The visualization uses the D3.js library (v5) with the `pie`, `arc`, and `scaleOrdinal` APIs to generate and style the chart. Data is loaded asynchronously from a CSV file hosted on GitHub, and a custom legend maps experience levels to slice colors.

Kkshravyak.2001@gmail.com
80% match
Loading thumbnail…

Assignment2_Pvs

This pie chart visualizes the prevalence of seven common health conditions, with slices sized proportionally to each condition’s percentage. A legend identifies each condition, and hovering over a slice reveals its name via a tooltip. Built with D3 version 3, the visualization uses the `d3.layout.pie` and `d3.svg.arc` APIs to generate and draw the slices, along with a custom tooltip and color palette. The code constructs an SVG graphic and includes placeholder axis labels, with a static dataset embedded directly in the script.

PPvs Prashanth
79% 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
78% match
Loading thumbnail…

Fork of Mental Health Survey Pie Chart Project Momentum Color

This interactive pie chart visualizes mental health survey data, showing how a selected metric (such as depression or academic pressure) varies across a chosen attribute like gender or academic year, filtered by university. Users adjust three dropdowns to explore different combinations. The visualization uses D3.js version 7.8.5, employing the `pie()` and `arc()` generators to create slices, `rollups()` for aggregation, and SVG elements for rendering. The code reads from the provided MentalHealthSurvey.csv file and updates the chart dynamically based on user selections.

JJoe Rozman
77% 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
77% match
Loading thumbnail…

Fork of Task 8 Ques 1

This visualization presents a pie chart of mental health death rates across various countries, using data from a local CSV file. The chart uses D3.js (v7) to generate the SVG, with `d3.pie()` computing arc angles and `d3.arc()` rendering the paths. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) maps countries to colors, and a legend lists each country with its corresponding color. The data is fetched via the Fetch API, then parsed using `d3.csvParseRows`, with values converted to numbers for the pie layout.

Aaadesh.pranesh@gmail.com
77% match
Loading thumbnail…

Fork of Pie Chart Covid Proj Viz 3

This visualization shows the distribution of total COVID-19 cases across continents as a pie chart with an accompanying legend, using percentages derived from the total case count. The chart is built with D3 v5, employing `d3.pie` and `d3.arc` to generate the segments, and `d3.scaleOrdinal` for color mapping. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and rendered as SVG with custom tick formatting and styled text labels inside each slice.

SSushmaNamidi@my.unt.edu
77% match
Loading thumbnail…

Mental Health Survey Pie Chart

This visualization shows the distribution of survey respondents across academic years using a pie chart, with each slice color-coded using `d3.schemeCategory10`. The code groups the mental health survey data by academic year through `d3.rollups`, sorts the categories, and renders the chart with `d3.pie` and `d3.arc` generators. A legend positioned at the top-right maps each color swatch to its corresponding academic year label. The SVG elements are sized dynamically to the container’s dimensions via `container.clientWidth` and `container.clientHeight`.

JJoe Rozman
77% match