Skip to main content
SimilarExport ZIP
100%

Task9&10 Question 1

✓ Published0🌍 Public
Mmounikakatipally995@gmail.com
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from pie

This pie chart visualizes the distribution of net quantities across product types from a business sales dataset. It shows the proportion each product contributes as colored slices, with a tooltip revealing exact percentages on hover and a legend identifying categories. Built with D3.js v7, the chart uses `d3.pie` and `d3.arc` to generate SVG paths, `d3.rollup` to aggregate the CSV data, and a sequential color scale for slice fills.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9-Question 1

This example shows a pie chart of product categories with quantities, rendered as an SVG within a D3.js visualization. It uses a tabular dataset in text format, parsed via `d3.csvParse` and grouped by product category. The chart is generated with `d3.pie()`, `d3.arc()`, and a color scale from `d3.scaleOrdinal()`. A legend is built with D3 selection operations, and hover tooltips are added using SVG `title` elements.

Kkowshiksamudrala08@gmail.com
88% match
Loading thumbnail…

Task9_Q1

This pie chart displays the sales distribution for ten product types, ranging from Plushies with 5000 units to Watches with only 30 units. The chart is rendered as an SVG using the D3.js v4 library, with each slice colored via a custom ordinal palette. The code defines a fixed dataset inline, uses `d3.pie()` to compute the arcs, and `d3.arc()` to draw them. A clickable legend is positioned to the right, although the click handler does not implement filtering logic.

Jjyothirmai318@gmail.com
87% match
Loading thumbnail…

Task 9&10 Q1

This example shows a pie chart displaying total sales distribution across item categories, with each slice labeled by category name and sales amount, plus a legend on the right. The visualization is built using D3.js version 6, employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. Data is loaded from a remote CSV file via `d3.csv`, and aggregated using `d3.rollups` to sum sales per category. The chart includes a title and subtitle, rendered as SVG text elements.

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

task9_question1

This example presents a pie chart of total sales by product line, using data from a supermarket sales CSV file. The chart uses D3.js v7 to create an SVG-based visualization with color-coded slices, a legend, and percentage labels. It demonstrates loading external data via `d3.csv` and performing aggregation with `d3.sum` and `d3.pie` to compute segment values. The code also uses `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring and interactive hover effects that modify slice opacity, all rendered in the browser through the SVG API.

Sshivasaikumart@gmail.com
84% match
Loading thumbnail…

task 9_q1

This pie chart displays product inventory data, showing the sales units for each of the top ten products. Using D3.js v5, the visualization loads a CSV file, sorts the data by sales, and renders a pie chart with an accompanying legend that lists each product name and its unit count. The chart uses `d3.pie` and `d3.arc` for the pie segments, `d3.scaleOrdinal` and `d3.schemeCategory10` for color assignments, and SVG for rendering.</qa>

Sshivasaiamaravadi@gmail.com
84% 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
83% match
Loading thumbnail…

Task9&10_Question1

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and a corresponding color-coded legend listing company names and values. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie` and `d3.arc` to generate the pie segments, `d3.scaleOrdinal` for color mapping, and custom formatting with `d3.format` to abbreviate sales numbers.

Kkondaveeti.bhargavi7780@gmail.com
83% match