Skip to main content
SimilarExport ZIP
100%

Task9_Vaishalikonda

✓ Published0🌍 Public
Vvaishalireddy55555@gmail.com
Last edited Apr 29, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

This pie chart visualizes electronic sales data, displaying the proportion of units sold for each product category. It is built with D3 v5, using `d3.pie` to compute the arc segments and `d3.arc` to render the SVG paths. Each slice is shaded with a categorical color from `d3.scaleOrdinal` and `d3.schemeCategory10`, with percentage labels placed at the centroids. A legend, also generated in SVG, maps each product name to its corresponding color. The data is loaded from a remote CSV file hosted on GitHub.

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…

Sai_Bhargav_Task_09

This pie chart visualizes total sales of electric vehicles by item category, with each slice labeled by category name and sales amount. The chart is rendered as an SVG using D3 v6, employing the `d3.arc`, `d3.pie`, and `d3.rollups` APIs to aggregate and draw the data. A color-coded legend identifies categories, while the code populates the chart from a CSV file hosted on GitHub, also adding a title and subtitle via text elements.

Ssai.kakarlapudi@gmail.com
84% match
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
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…

pie_sales

This pie chart visualizes product sales from a CSV file, displaying each product’s share as a colored slice with labels positioned at each slice’s centroid. The chart uses d3.pie() to compute arc angles and d3.arc() to render the SVG paths, with a d3.scaleOrdinal and d3.schemeCategory10 providing color encoding. A legend below the chart lists each product and its corresponding sales value, generated from the same loaded data. The visualization is built with D3 v7 and rendered as inline SVG within an HTML container.

PP Manisha
83% 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…

q1

This pie chart visualizes sales data aggregated by product category, sourced from a remote CSV file. The D3 v6 code loads the data with `d3.csv`, aggregates sales totals using `d3.rollups` and `d3.sum`, and renders an SVG pie chart with `d3.pie` and `d3.arc` paths. Each slice is labeled with the category, total sales in thousands, and percentage of the overall total. A color-coded legend is generated alongside the chart, and the visualization uses a categorical color scheme (`d3.schemeCategory10`) with semi-transparent slices and white strokes.

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

Activity-7_Q1

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`.

1180030215cse@gmail.com
82% match