Skip to main content
SimilarExport ZIP
100%

Task9-Question 1

✓ Published1🌍 Public
Kkowshiksamudrala08@gmail.com
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Assignment2-Question1

This example presents a pie chart visualizing sales distribution by item category, with each slice labeled by category and total sales amount. The chart is rendered as an SVG within an HTML page. It loads data from a remote CSV file and aggregates it using `d3.rollups` and `d3.sum`. The visualization is built with D3 v6, using `d3.pie` for the arc geometry, `d3.arc` for paths and label positioning, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. A legend and title/subtitle are also included.

SSaiKiranReddyKancharla@my.unt.edu
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
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…

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
84% match