Skip to main content
SimilarExport ZIP
100%

activity 7

✓ Published0🌍 Public
Jjayakrishnanallani5@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Piechart

This visualization shows the distribution of employees across departments using a pie chart, with each slice representing a department and sized by its employee count. The chart renders in SVG using d3.pie and d3.arc, while d3.rollup aggregates the CSV data from a GitHub gist to count records per department. A separate legend on the right maps each department to its color from d3.schemeSet3, and tooltips display the department name and count on hover.

Ssreejabommineni1506@gmail.com
91% 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
85% match
Loading thumbnail…

Activity 7.1

This pie chart visualizes sales by product, with each slice sized according to the product's sales value and colored using a categorical color scheme. The visualization is built with D3.js (v7), using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` to generate and style the chart, with an SVG-based legend and labels positioned via arc centroids. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart is rendered entirely through SVG elements.

Nnvishalreddy8951@gmail.com
84% match
Loading thumbnail…

activity7

A pie chart displays the distribution of flower species, with each slice labeled and a legend mapping colors to species names. The chart is titled "Flower Species Distribution" and includes axis labels for "Species" and "Count". The visualization is built with D3.js, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color assignment, and a CSV file loaded via `d3.csv()` as the data source, rendering an SVG.

Ssahithitoomu@gmail.com
84% match
Loading thumbnail…

Activity 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji
84% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
83% match
Loading thumbnail…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
83% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
83% match