Skip to main content
SimilarExport ZIP
100%

Question 1

✓ Published1🌍 Public
Bbhavanasruthikakarlapudi@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello HTML

This visualization displays the distribution of chocolate sales by product as a donut-style pie chart rendered with SVG via D3.js v7. The chart shows sales percentages as labels on each slice, with a legend on the right indicating each product’s share. The code loads a CSV dataset from a GitHub gist, parses the monetary amounts, and groups the data by product using `d3.rollups` and `d3.sum`. It uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `d3.schemeCategory10` color palette.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Question1

This pie chart visualizes product sales distribution, with each slice sized proportionally to its revenue share and a corresponding legend displaying category names and percentage values. The chart uses d3.pie and d3.arc to generate the SVG paths, with a scaleOrdinal color scale assigning distinct hues to each segment. Data is loaded asynchronously from a CSV via d3.csv, and percentage labels are formatted with d3.format. The total sum of all values is calculated to compute each category’s share.

MMandadi Nishita
88% match
Loading thumbnail…

Question 1

This pie chart visualizes sales distribution by product category, using a categorical color scale to differentiate segments and displaying numeric values directly inside each slice. It loads CSV data from a GitHub Gist, converts the values to numbers, and renders the chart with d3.pie, d3.arc, and d3.scaleOrdinal. A custom legend built with SVG rectangles and text identifies each category, while positional labels for "Product Categories" and "Sales Value" reinforce the chart’s context. The visualization uses D3 v7 with an SVG-based rendering approach.

Ppavanbellam@my.unt.edu
88% match
Loading thumbnail…

Activity7_Question1_PieChart

This pie chart visualizes chocolate sales by product for March, sourced from a CSV file hosted on GitHub. It uses D3.js to load and filter the data, calculating total sales per product with `d3.rollup` and `d3.sum`. The chart is drawn with `d3.pie()` and `d3.arc()`, while an ordinal color scale maps product names to a blue interpolated palette. A custom legend displays each product alongside its percentage of total sales, rendered as an SVG with a flexible HTML layout.

DDee
86% match
Loading thumbnail…

Question 1

This pie chart visualizes fruit sales data, displaying the proportional share of each fruit category as a labeled slice with a corresponding legend. The chart is rendered as an SVG using D3 version 7, with the pie generator `d3.pie()` and arc generator `d3.arc()` calculating angular extents and centroids for labels. Data is loaded via `d3.csv` from a remote Gist, and the color scale `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. The legend is built using `d3.select` and `enter()`, while sales values are cast to numeric type before creating the pie layout.

Tthokalarohith83@gmail.com
86% match
Loading thumbnail…

Question 2: Pie Chart

This example visualizes product revenue distribution as an interactive pie chart, with slices colored by product and sized by aggregated revenue from a CSV file loaded via `d3.csv()`. The SVG-based chart uses `d3.pie()` and `d3.arc()` to generate the slices, while hovering highlights a slice with a `transition` animation. A legend and title accompany the chart, and the background uses a CSS gradient. The chart sorts products by revenue and uses an ordinal color scale.

Sshreshnaanugu@gmail.com
85% match
Loading thumbnail…

Question 1 pie chart

This pie chart visualizes total sales distribution across item categories, with each slice labeled by category name and dollar amount. The chart uses D3.js v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate CSV data by category, with the legend and title rendered as SVG elements. Data is loaded from a GitHub Gist URL and displayed using an SVG canvas with ordinal color scaling.

Uupenderjangala@gmail.com
84% match
Loading thumbnail…

Question 1 pie chart

A pie chart visualizes the distribution of total sales across item categories, with values aggregated and labeled directly on each slice. The chart includes a legend and titles indicating the overall sales scope. It uses D3 v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and render the data, with color encoding via `d3.scaleOrdinal`. The data is loaded as a CSV from a GitHub Gist, and the visualization is rendered as an SVG.

PPavan Nimmagadda
84% match
Loading thumbnail…

Activity 7_question1

This example shows a donut chart of categorical sales data, with each slice labeled by category and a legend on the left. Hovering over a slice displays a tooltip with the percentage share of the total sales. The code uses D3 v7 with `d3.pie` and `d3.arc` to generate the pie geometry, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Data is loaded as CSV from a GitHub gist, and the SVG is rendered with a centered group and a 200-pixel right margin for the legend.

Vvenkatdinesh5010@gmail.com
84% match