Skip to main content
SimilarExport ZIP
100%

Task - 9&10 - Q1)

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

This D3.js v7 visualization displays the prices of various gadgets as an interactive pie chart with a legend. It uses `d3.pie` and `d3.arc` to compute the chart geometry, with categorical colors from `d3.schemeCategory10` via `d3.scaleOrdinal`. Hovering over a slice reveals a tooltip showing the gadget name and price, and each slice is labeled with its corresponding name. Data is loaded from a remote CSV file using `d3.csv`. The chart is rendered as SVG, with the legend positioned separately using `d3.select` and appended HTML elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-7.1

This animated pie chart visualizes the price distribution of gadgets from a CSV file, with each segment labeled and a corresponding color-coded legend. The visualization uses D3 v7's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs, rendering SVG paths and text elements. Interactive tooltips appear on mouseover, displaying the gadget name and price. The chart is generated within an 800×500 SVG canvas, with the legend positioned separately and arcs animated from the center.

SSiva Kishore Reddy
86% match
Loading thumbnail…

Activity-7_Question-1

This D3.js v7 example presents a pie chart visualizing gadget prices, with each slice labeled by name and a corresponding on-screen legend. A CSV dataset from a GitHub gist supplies the data, which drives a color-coded categorical scale. Segments are rendered as SVG paths, and hovering over a slice triggers a tooltip displaying the item name and price. The legend is built from rendered SVG rectangles, providing a static key alongside the animated chart interactivity.

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

Task 9&10-Q1

A pie chart visualizes three categories with values 30, 50, and 20, using a color-coded legend. Built with D3 v7, the example loads D3 via UNPKG and imports `pie`, `arc`, and `scaleOrdinal` from local ES6 modules. The SVG chart centers arcs with a translated group element, while a separate group renders the legend. Data is hardcoded in `index.js`, and the chart updates through D3’s data join pattern.

Sshraehithareddy@gmail.com
82% 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 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
82% 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
81% match
Loading thumbnail…

Task9-Pie Chart

This pie chart visualizes grocery item expenditures by category, with each slice colored and labeled by dollar value. The chart is rendered in SVG using D3 v5, with pie segments generated via `d3.pie` and `d3.arc`. Data is fetched from a remote CSV using `d3.csv`, and ordinal color scaling (`d3.scaleOrdinal`) maps categories to a four-color palette. Labels and a legend are positioned manually, with tick text formatted using `d3.format`. The visualization directly conveys relative spending across grocery item types.

VVijay Sheru
81% match