Pie Chart - AI Usage Distribution

100%

Pie Chart - AI Usage Distribution

✓ Published0🌍 Public

Last edited May 30, 2026

Created on May 30, 2026

This pie chart visualizes the distribution of AI usage among students, showing the proportion who use AI compared to those who do not. The visualization loads a CSV dataset from a GitHub repository using `d3.csv`, filters incomplete records, and aggregates counts via `d3.rollup`. It renders slices with `d3.pie` and `d3.arc` in an SVG, applies an ordinal color scale, labels each segment with category and value, and includes a legend. The design uses purple shades and white-stroked arcs for clarity.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

AI Usage Dashboard

This dashboard visualizes AI usage patterns and productivity among students and professionals, with data sourced from a Kaggle dataset. It presents four linked charts: a bar chart showing AI tool popularity, a pie chart for user type distribution, a line chart examining productivity against work or study hours, and a scatter plot relating AI usage to productivity. Built with D3 v7, the visualization uses SVG rendering, `d3.rollup` for data aggregation, and scales like `d3.scaleBand` and `d3.scaleLinear`, with a custom axis and rotated labels.

AAwrng

84% match

Loading thumbnail…

Fork of Fork of Fork of React & D3 Starter PIE

This example presents a pie chart visualizing the distribution of students who use AI compared to those who do not, based on a CSV dataset loaded from GitHub. The chart uses d3.pie and d3.arc to generate SVG slices, with d3.rollups aggregating counts from the loaded data. Interactive tooltips display exact student counts and percentages on hover, while percentage labels appear inside each slice and a legend shows category totals. The color scale uses d3.scaleOrdinal with a custom palette.

Mmichael_chuxs@yahoo.com

82% match

Loading thumbnail…

Module 2.2: Assignment #2

This dashboard visualizes student AI usage patterns through four coordinated D3 charts. A pie chart shows the proportion of students using AI, a bar chart compares average grade improvement across AI tools, a scatter plot explores study hours versus grade change, and a line chart displays average grades before and after AI use across student ages. The visualization uses d3.csv to load the students_ai_usage_cleaned dataset, d3.rollup for aggregation, d3.scaleOrdinal for categorical coloring, and SVG rendering with a custom tooltip for interactivity. All charts respond to hover events using the showTooltip and hideTooltip functions.

Mmichael_chuxs@yahoo.com

80% match

Loading thumbnail…

PIE Chart - ICE 7

This pie chart visualizes the gender distribution of students in the StudentsPerformance.csv dataset. Each slice displays the gender and its percentage of the total, with an accompanying legend showing exact counts. Built with D3 v7, the code uses `d3.rollup` to aggregate data, `d3.pie` for the layout, and `d3.arc` to generate SVG paths. A Tableau10 color scale and custom label arcs enhance readability.

Ssravya010

78% match

Loading thumbnail…

pie

This pie chart visualizes the distribution of skills from a data science salaries dataset, showing the count of each skill as slices of a circle with a corresponding legend. The chart uses D3.js v7 to load external CSV data and applies the `d3.pie` and `d3.arc` generators to compute and draw the arcs. A color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) assigns distinct colors to each slice, while legend items are appended as SVG groups with filled rectangles and text labels. SVG is used for all rendering.

AArungopal Andalam

78% match

Loading thumbnail…

Pie chart ICE 7

A pie chart displays the distribution of hobbies among students in a class, with each slice sized by the number of people (Nfpeople) and labeled in a legend showing the hobby name, its percentage of the total, and the raw count. The visualization uses D3 v5 with the `pie` and `arc` generators to create SVG paths, `scaleOrdinal` for a categorical color palette, and `format` for tick labels. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, and the render function appends pie slices and legend elements to an SVG canvas.

Kkakumanusreya

77% match

Loading thumbnail…

Assignment #2 Building Dashboard

This dashboard visualizes how AI tool usage relates to productivity and work/study hours among students and professionals, using a dataset from Kaggle. It presents four interactive charts: a bar chart showing AI tool popularity, a pie chart for user type distribution, a line chart for productivity against work/study hours, and a scatter plot of AI usage versus productivity. Built with D3.js v7, the visualization uses SVG rendering and employs `d3.rollup` for data aggregation, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom` for axes. The code handles missing numeric values by substituting column means and filters out incomplete categorical rows before rendering.

AAwrng

77% match

Loading thumbnail…

ICE 7 Pie Chart

This pie chart visualizes the distribution of student marks, displaying each student's name and their corresponding percentage share of the total. The visualization fetches its data from a CSV file hosted on GitHub and renders the chart as an SVG using D3 v5. The code employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the pie segments and color them, with labels and a legend showing the percentage values and names. The chart is built using the `select` and `append` API to construct the SVG elements.

BBVNPK001

77% match