Skip to main content
SimilarExport ZIP
100%

Activity-7_Q1

✓ Published2🌍 Public
1180030215cse@gmail.com
Last edited Nov 9, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This pie chart visualizes product sales distribution across categories, using a standard D3 pie layout with labeled slices and a color-coded legend. The data is loaded from a remote CSV file via `d3.csv` and rendered as SVG. It uses `d3.pie()` for arc generation, `d3.arc()` for path construction, and `d3.scaleOrdinal` with `d3.schemeCategory10` for categorical colors, with text labels positioned using `arc.centroid`.

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…

Activity 7.1

This pie chart visualizes sales by product, with each slice sized according to the product's sales value and colored using a categorical color scheme. The visualization is built with D3.js (v7), using `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` to generate and style the chart, with an SVG-based legend and labels positioned via arc centroids. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the chart is rendered entirely through SVG elements.

Nnvishalreddy8951@gmail.com
92% match
Loading thumbnail…

Activity_7 Q1

This pie chart displays total sales aggregated by product category from a CSV dataset, with slices color-coded using Tableau10 and labeled directly on the chart. The visualization uses D3 v7 APIs including `d3.csv`, `d3.rollups` for aggregation, `d3.pie` for arc generation, and `d3.arc` for rendering SVG paths. The chart also includes hover effects with a tooltip and a legend, with data loaded from a GitHub-hosted Sales.csv file.

Bbhargavipagolu2025@gmail.com
92% match
Loading thumbnail…

Activity 7_Question 1

This pie chart visualizes the distribution of sales across product categories, with each slice labeled by category name and colored using the D3 category color scheme. Hovering over a slice displays a tooltip showing the category’s percentage of total sales, calculated from the summed values. The chart is built with SVG and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the arcs and colors, while legends are manually positioned to map categories. Data is loaded from a remote JSON file.

Ssairohithchada@gmail.com
91% match
Loading thumbnail…

Activity_7-Q1

This example presents a D3.js pie chart visualizing categorical sales data loaded from a remote CSV file. The visualization uses `d3.csv` to fetch data, `d3.pie` to compute arc angles based on the Sales field, and `d3.arc` with an inner radius of zero to generate filled sectors. A `d3.scaleOrdinal` with `d3.schemeSet2` assigns colors to categories. The chart is rendered as SVG elements, with each path stroke outlined in white and semi-transparent opacity for visual distinction.

Aaravapalliharika2002@gmail.com
90% match
Loading thumbnail…

Question-1_Activity7.1

A pie chart displays the distribution of sales counts across product categories, with each slice labeled in thousands and a corresponding legend showing category names and values. The visualization loads CSV data from a GitHub gist and uses D3 v5 APIs including `d3.csv`, `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to generate SVG paths and text elements. Colors are assigned via an ordinal scale mapping categories to a fixed array of named colors, and the chart is centered within an SVG canvas with legends positioned to the right.

Ppreethimedepalli4@gmail.com
89% match
Loading thumbnail…

Activity-7 q-1

A pie chart displays the distribution of sales counts across different brands, with each slice labeled and colored uniquely. The chart is rendered as an SVG using D3.js v7, with data loaded from a CSV file via `d3.csv` and aggregated using `d3.rollup`. Slices are generated with `d3.pie`, and a legend positioned to the right shows brand color mappings. Hover tooltips are not implemented, but static labels and a Tableau10 color scheme provide clarity.

Bbhargavireddy4016@gmail.com
89% match
Loading thumbnail…

Activity 7

This pie chart displays total sales by product, using a CSV dataset loaded from GitHub. The D3.js v7 code (with d3.csv, d3.rollup, d3.sum, d3.pie, and d3.arc) aggregates the data and renders SVG slices labeled with product names. A color legend, built with d3.scaleOrdinal and d3.schemeCategory10, lists each product and its summed sales value. The chart uses white slice strokes and a centered layout within an 800x500 SVG.

Ddivya.matavalam828@gmail.com
88% match
Loading thumbnail…

Activity7_Q1

This pie chart displays the proportional sales distribution across five product categories—Electronics, Clothing, Groceries, Furniture, and Stationery—using a static inline dataset. Each slice is colored via a d3.scaleOrdinal with the d3.schemeSet2 palette, and labels are positioned using the arc centroid. The visualization is rendered as SVG through D3 v7, with slices drawn by d3.arc, pie layout generated by d3.pie, and a legend constructed from appended rectangles and text elements.

Aa9.hemraj@gmail.com
88% match