Skip to main content
SimilarExport ZIP
100%

Activity 7 Q1 Pie Chart - using HR data analysis

✓ Published2🌍 Public
Ddivya.matavalam828@gmail.com
Last edited Apr 8, 2025
Created on Apr 6, 2025

This pie chart visualizes training costs by division, aggregating individual employee records from a CSV file into total spending per division. The chart renders as an SVG using D3 v7’s `pie()` and `arc()` generators, with `scaleOrdinal` and `schemeCategory10` assigning colors to each division slice. Division names appear on the slices via `arcGen.centroid`, while a separate title labels the chart. The data is loaded asynchronously with `csv()`, summed through a `Map` reduce, and the visualization fills the full browser window.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 Q1 DM

A pie chart displays the total training cost by division, sourced from an HR dataset. The D3.js v7 application loads the CSV data, groups records by division, and sums the training costs. It uses a custom `pieChart` component, which reads data through a value accessor, to render the visualization. The chart is drawn as an SVG element filling the window, with a bold title and a light gray background.

Ddivya.matavalam828@gmail.com
90% match
Loading thumbnail…

activity 7

A pie chart visualizes the distribution of employees across departments in an HR dataset. It shows the relative counts for each department as colored slices with hover tooltips revealing exact values. A legend identifies each department's color. Built with D3 v7, the code loads CSV data, aggregates counts using `d3.rollup`, and renders the chart with `d3.pie()` and `d3.arc()`, applying an ordinal color scale and SVG elements for the slices and legend.

Jjayakrishnanallani5@gmail.com
80% match
Loading thumbnail…

Activity 7 Q1

This pie chart visualizes spending categories by percentage, with each slice colored via a categorical color scale and labeled through an interactive legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to compute and render the arcs, while `d3.csv` loads the dataset from a GitHub repository. SVG rendering displays the chart, with legend items and axis labels positioned manually. The color scale employs `d3.scaleOrdinal` with `d3.schemeSet2`, and slice strokes are styled white for separation, though axis labels are placeholders rather than computed scales.

Aanisha.peddireddy@gmail.com
78% match
Loading thumbnail…

Activity 7_Q1

A pie chart displays the proportional spending across unnamed categories, with each slice color-coded and paired with a legend on the right side. The visualization loads CSV data from a GitHub repository using `d3.csv`, then constructs the chart with `d3.pie()` and `d3.arc()`. Color assignment uses `d3.scaleOrdinal` with the `schemeSet2` range. The SVG is rendered via D3 v7, with slices stroked in white and space reserved for axis labels.

Mmsnikhil2608@gmail.com
77% match
Loading thumbnail…

Activity 7 Q1

This pie chart visualizes monthly expenditures broken down by department, with each slice colored distinctly and labeled. A corresponding legend on the right displays the department names alongside their numeric expenditure values in dollars. The visualization uses d3.arc to generate pie segments and centroids for label placement, d3.scaleOrdinal to map categories to the color palette, and d3.csv to load the monthly_expenditure dataset from a remote URL.

Ssumithdugyala@my.unt.edu
76% match
Loading thumbnail…

q1

This pie chart visualizes the distribution of employees across departments from an HR dataset loaded via D3's `d3.csv` fetch. The D3 v7 code uses `d3.pie()` and `d3.arc()` to compute and render the chart’s arcs, with a sequential color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) distinguishing departments. Each slice includes a tooltip showing the department name and count, while a legend on the left uses SVG rectangles and text labels to identify colors. The visualization is rendered entirely as SVG elements.

Nnitishsurneni@gmail.com
76% match
Loading thumbnail…

Activity7.1 Q2

This example shows two distinct data visualizations in one page: an area chart tracking monthly salaries across 2023, and a pie chart displaying browser market shares. The area chart uses D3’s `d3.area` generator with time-scaled axes and explicit axis labels, while the pie chart loads CSV data via `d3.csv`, applies a `d3.pie` layout, and renders arcs with `d3.arc` and a color scale. Both visualizations rely on SVG rendering and D3 v6, with the pie chart adding an interactive legend.

SSiddhardha
75% match
Loading thumbnail…

Activity 7 Q1

This example shows a pie chart that visualizes categorical data loaded from a remote CSV file, with each slice colored using a categorical color scale and a legend pairing colors with category and subcategory labels. The chart is rendered as SVG using D3.js v6, where the `d3.pie()` generator computes slice angles and `d3.arc()` creates the path shapes. Data is fetched via `d3.csv`, and the color mapping uses `d3.scaleOrdinal` with `d3.schemeCategory10`. The code also adds axis labels (X and Y) that are not tied to the pie chart, acting as placeholders within the SVG layout.

Vvishnutejareddyambati@my.unt.edu
75% match