Skip to main content
SimilarExport ZIP
100%

RC 007 pie chart

✓ Published0🌍 Public
Rrichardcorreia@my.unt.edu
Last edited Oct 24, 2025
Created on Oct 24, 2025

This visualization presents the latest quarter’s data on durable versus nondurable goods as two animated pie charts. Each slice’s size reflects its value, with labeled connector lines and tooltips showing exact figures and percentages. Built with D3 v7, the code uses `d3.pie`, `d3.arc`, and color scales from `d3.scaleOrdinal` to render and update the SVG paths, polyline labels, and animated transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pie chart RDW

This example displays a pie chart of yearly values using D3.js, rendering four labeled slices with a categorical color scheme. The visualization is built with the `d3.pie` layout function and `d3.arc` for paths and labels, rendered as SVG. It uses `d3.scaleOrdinal` for colors and `d3.schemeCategory10` for the palette, with data hardcoded in the script. The chart is centered using an SVG group transform, and each slice’s year is placed via the label centroid.

SSergio Eijben
78% 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
77% match
Loading thumbnail…

Q2

A pie chart visualizes the composition of 150 space cargo shipments by material type, with percentage labels on each slice and a legend listing total units per category. The chart aggregates quantities from a CSV file using `d3.csv` and `d3.rollups`, then renders SVG arcs with `d3.pie` and `d3.arc`. Color encoding uses `d3.scaleOrdinal` with `d3.schemeTableau10`, and slice labels are positioned via `arc.centroid`.

RRuthvik Bairaboina
77% match
Loading thumbnail…

Pie chart with annimation

This interactive pie chart displays six categorical values under three selectable datasets (“Total,” “Option 1,” “Option 2”) with a donut layout and legends. It animates slice arc changes using D3’s `transition` and `attrTween`, interpolating between old and new arc paths when switching datasets via radio buttons. The SVG rendering includes slice paths, label polylines, and tooltips on mouseover, while colors come from `d3.scale.category20()`. The code mixes d3.v4 and d3.v3 APIs, including `d3.layout.pie` and `d3.svg.arc`.

DDDDDDanica
76% match
Loading thumbnail…

Pie chart

This pie chart displays the sales distribution by product, with real-time data updates fetched from a remote CSV file. The visualization uses D3.js v7 to construct the pie, with animated transitions for slices, labels, and a color-coded legend. Users can hover over slices to see a tooltip showing the product label and its percentage value. The SVG-based chart also includes interactivity through mouse events and uses d3.pie, d3.arc, and d3.scaleOrdinal for data binding and rendering.

Ssaibheemeshwar_maganti@srmap.edu.in
76% match
Loading thumbnail…

Pie chart

The visualization displays two interactive pie charts comparing apple and orange counts across five regions, with a toggleable radio interface to switch datasets. Built with D3.js (v5.16.0), it renders an animated SVG donut chart using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` color scales. Legends appear as colored dots and labels beside the chart. On dataset change, arcs transition smoothly via `transition.attrTween` with interpolation, and a delayed auto-animation replays the arc tweens every two seconds. Data is loaded asynchronously from `data.json` via `d3.json`.

KKrister
76% match
Loading thumbnail…

pie chart-5320

This pie chart displays the distribution of insurance complaints by complaint type. It uses a D3.js SVG rendering to create a circular visualization with colored segments and labels. The code loads data from a CSV file hosted on a GitHub Gist, then uses `d3.rollup` to count complaints per type, `d3.pie` to generate the pie geometry, and `d3.arc` to draw the arcs. Each slice is filled with a color from `d3.schemeCategory10`, and text labels are positioned at the arc centroids.

Rrajkodavati7@gmail.com
76% match
Loading thumbnail…

pie

This pie chart displays the categorical sum of a numeric value, with interactive controls to select the category and value columns from a CSV/TSV dataset. Small slices below a configurable minimum share are grouped into an “Other” slice, and the chart updates with animated transitions. Built with D3 v7, it uses `d3.dsvFormat` for automatic delimiter detection, `d3.rollup` for aggregation, and `d3.arc` for rendering each slice as an SVG path. Hovering reveals a tooltip with the exact value and percentage share. The data is fetched from a remote gist file.

Sshreelasya.bezawada@gmail.com
76% match