Skip to main content
SimilarExport ZIP
100%

task 9_q1

✓ Published0🌍 Public
Sshivasaiamaravadi@gmail.com
Last edited Apr 22, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

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>

AI-generated description
MIT Licensed

Similar vizzes

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
88% 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…

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
85% match
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
84% match
Loading thumbnail…

Task9&10 Question 1

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.

Mmounikakatipally995@gmail.com
84% match
Loading thumbnail…

Task-9-Q1

This example shows a pie chart of sales totals grouped by product line, with a tooltip that displays the product name and sales value on hover. It loads a CSV file from a GitHub gist using d3.csv, then aggregates the data with d3.rollups and d3.sum. The chart is rendered as SVG using d3.pie and d3.arc, with a color scale from d3.schemeCategory10. A legend and axis labels are added manually, and a hover tooltip is implemented with D3 mouse events.

Aasimcyb@gmail.com
83% match
Loading thumbnail…

Task9_Q1

This example shows a pie chart of supermarket sales totals aggregated by product line, with a legend listing each category. It loads CSV data from a GitHub Gist, uses `d3.nest()` and `d3.sum` to aggregate totals per product line, and renders the chart with `d3.pie()` and `d3.arc()`. The visualization uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG elements for the arcs and legend.

LLakshmiDeepikaPagadala@my.unt.edu
83% match
Loading thumbnail…

task 9 and 10 Q1 11111

This pie chart visualizes the distribution of job titles in a dataset loaded from a CSV file, with each slice labeled by job title and count. The code uses d3.csv to fetch the data, d3.rollup to count occurrences per job title, and the d3.pie and d3.arc layouts to generate and render the arcs in SVG. A categorical color scale from d3.schemeCategory10 assigns colors to slices, and an HTML legend is dynamically appended to the page. The chart is centered within an SVG container sized at 450 by 450 pixels.

Ssruthimreddy6@gmail.com
83% match