Skip to main content
SimilarExport ZIP
100%

Task-9-Q1

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

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.

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_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
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
87% 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…

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

My Task 9

This example presents a pie chart visualizing car purchase percentages by brand, with a legend and axis labels. It loads a CSV dataset from a GitHub gist, and uses D3 v7 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to compute and render the arcs. The SVG chart is created in a container with a separate legend, and each slice includes a tooltip title showing the brand and percentage. The data is drawn directly from the remote CSV file, while the layout is fixed with explicit width and height margins.

Sshaikfiroze186@gmail.com
82% match
Loading thumbnail…

Task9_Q1

This example displays a D3.js pie chart visualizing horsepower totals for different car makes, with a legend showing each make and its percentage of the total. The chart uses a tooltip that appears on mouseover, revealing the make and horsepower value. The code imports D3 functions like `arc`, `pie`, and `scaleOrdinal`, and loads data from a GitHub CSV. It renders as an SVG with a categorical color scheme.

Pparvathi829790@gmail.com
82% match