Skip to main content
SimilarExport ZIP
100%

Assisgment 2 -question 1

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024

This example shows a pie chart of monthly sales totals, with each slice labeled by its month name directly on the chart. It loads CSV data from a GitHub Gist, aggregates the raw records by month using `d3.rollup` and `d3.sum`, then draws the chart with `d3.pie()` and `d3.arc()`. The SVG rendering uses `d3.scaleOrdinal` with `d3.schemeCategory10` for slice colors and places text labels at arc centroids.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Question 1 pie chart

This example shows a pie chart of total sales aggregated by item category, with a legend and annotations for each slice. A title and subtitle introduce the visualization at the top of the SVG canvas. The code uses D3 v6 to load a CSV from a GitHub Gist, aggregates records with `d3.rollups` and `d3.sum`, and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10`.

Aajaykumarseelam@my.unt.edu
83% 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
83% 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
82% match
Loading thumbnail…

ass2q1

This example renders a pie chart of automotive product sales data for April 2024, sourced from a CSV file via GitHub Gist. Each slice represents an item category, with its total sales value labeled directly on the chart and repeated in a legend. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw the slices, while `scaleOrdinal` assigns colors and `format` styles the numeric labels. The SVG output is generated within an HTML page, styled with custom CSS for the legend and text.

Ttsumanth619@gmail.com
82% match
Loading thumbnail…

Question 1

This pie chart visualizes fruit sales data, displaying the proportional share of each fruit category as a labeled slice with a corresponding legend. The chart is rendered as an SVG using D3 version 7, with the pie generator `d3.pie()` and arc generator `d3.arc()` calculating angular extents and centroids for labels. Data is loaded via `d3.csv` from a remote Gist, and the color scale `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. The legend is built using `d3.select` and `enter()`, while sales values are cast to numeric type before creating the pie layout.

Tthokalarohith83@gmail.com
81% match
Loading thumbnail…

Question 1 pie chart

A pie chart visualizes the distribution of total sales across item categories, with values aggregated and labeled directly on each slice. The chart includes a legend and titles indicating the overall sales scope. It uses D3 v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate and render the data, with color encoding via `d3.scaleOrdinal`. The data is loaded as a CSV from a GitHub Gist, and the visualization is rendered as an SVG.

PPavan Nimmagadda
81% match
Loading thumbnail…

Question 1 pie chart

This pie chart visualizes total sales distribution across item categories, with each slice labeled by category name and dollar amount. The chart uses D3.js v6 APIs including `d3.pie`, `d3.arc`, and `d3.rollups` to aggregate CSV data by category, with the legend and title rendered as SVG elements. Data is loaded from a GitHub Gist URL and displayed using an SVG canvas with ordinal color scaling.

Uupenderjangala@gmail.com
81% match
Loading thumbnail…

Assignment2Question1

A pie chart displays the sales distribution of electronic items in 2023, with each slice labeled by category and value. The chart uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG arcs. Data is fetched as CSV from a GitHub repository, parsed with a custom function, and rendered with a corresponding HTML legend.

Gganesh.hns48@gmail.com
81% match