Skip to main content
SimilarExport ZIP
100%

ICE7 Q2

✓ Published1🌍 Public
Bbrodyoneal10@gmail.com
Last edited Mar 29, 2026
Created on Mar 29, 2026
Forked from ICE7 Q1

This visualization shows the distribution of employees by role using a pie chart, with each slice labeled and a legend displaying role names and employee counts. The chart is built with D3 v7, using `d3.pie` and `d3.arc` to generate the slices and `d3.scaleOrdinal` with `schemeTableau10` for colors. Data is loaded from a remote CSV file via `d3.csv`, aggregated with `d3.rollups`, and rendered as SVG elements with the `enter` selection pattern.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Q4

This stacked area chart displays the distribution of employees across three roles—Engineer, Project Management, and Finance—by age. The visualization uses d3.csv to load data from a remote gist, d3.rollups to aggregate counts, and d3.stack with d3.area to render the stacked regions. Axes are generated via d3.axisBottom and d3.axisLeft, with a d3.scaleOrdinal color scale and a custom legend. The SVG output highlights employee demographics as a function of age in a selected subset of job categories.

Bbrodyoneal10@gmail.com
84% match
Loading thumbnail…

ICE - 7 PIE CHART

A pie chart displays employee salaries by profession, using colored slices segmented from a CSV dataset of annual incomes. The chart renders with D3.js v5, using `d3.pie` to compute angles and `d3.arc` to generate SVG paths. A legend pairs each profession name with its corresponding annual income, formatted in thousands with `d3.format`. The visualization also uses `d3.scaleOrdinal` to assign colors from a fixed palette, and the salary data is loaded asynchronously via `d3.csv`.

Mmadanvemulapally
82% match
Loading thumbnail…

ICE 7 Q2

This visualization combines a scatter plot and a pie chart to explore a dataset of 100 trees, using D3.js v7 to render both as SVGs. The pie chart, constructed with `d3.pie()` and `d3.arc()`, shows the distribution of tree species, with each slice colored via a categorical scale and labeled with its species name. A manually built HTML legend maps colors to species names, while the accompanying scatter plot (from a separate script) provides an additional view of the raw data. The pie chart’s data is aggregated from a CSV file using `d3.rollup()` to count trees per species, and the rendering relies on SVG `path` and `text` elements.

Aanirudhrao345@gmail.com
82% match
Loading thumbnail…

ICE7-Q2a Pie

This doughnut chart displays the share of total tasks completed by each department—Engineering, Marketing, and HR—in the employee productivity dataset. Slices are sized proportionally to aggregated task counts, with percentage labels positioned at each arc’s centroid and a legend showing absolute values. The visualization uses D3 v7’s `d3.csv`, `d3.rollup`, `d3.pie`, and `d3.arc` to process data and generate SVG paths, with a pastel teal, purple, and blue color scale.

Mmendemrudula@gmail.com
82% match
Loading thumbnail…

ICE-7

A pie chart visualizes sales by category from a CSV dataset, using d3.csv to load values. The SVG graphic displays category labels on each slice via d3.arc and a legend on the right. D3 v7’s pie generator computes the arc angles, while d3.scaleOrdinal with schemeTableau10 assigns colors. The code uses `d3.pie()` and `d3.arc()` to generate paths, with tooltips added as titles, and a legend built from rectangles and text elements.

Aankitgoudpoodhari07@gmail.com
82% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
82% match
Loading thumbnail…

ICE7 Q1

A scatterplot shows employee salaries plotted against age, with points colored by job role across six categories. The chart renders as an SVG using D3 v7, with a reusable `scatterPlot` module employing `scaleLinear`, `axisLeft`, and `axisBottom` for axes. A D3 data join renders circles, while a legend and dark-themed styling with Share Tech font present the salary distribution and role comparisons.

Bbrodyoneal10@gmail.com
81% match
Loading thumbnail…

ICE7 PIE chart for vini

This visualization shows the hourly salaries of employees as a pie chart, with each slice labeled in dollars and a corresponding legend listing both the time and salary value. The chart uses D3 version 5 APIs including `pie`, `arc`, and `scaleOrdinal` to generate the SVG paths and text, handling data fetched from a remote CSV via `csv`. The code defines section colors, calculates arc centroids for labels, and binds legend entries to the same dataset.

VVineela Reddy
81% match