Skip to main content
SimilarExport ZIP
100%

task 9

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

This pie chart visualizes total sales by item category, using data loaded from a remote CSV file. The chart.js library renders the pie on an HTML canvas element, with labels drawn from the category column and values from the sales column. Six distinct color slices represent each category, and a title displays above the chart. The visualization fetches the Walmart dataset asynchronously, parses the CSV text into rows, and constructs the chart once the data is ready.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task9Q1

This pie chart displays the proportion of total sales for each item category in the Walmart sales dataset, loaded from a remote CSV file hosted on GitHub. The chart is rendered on an HTML `<canvas>` element using the Chart.js library, which is configured with a pie chart type, category labels from the third column, and sales totals from the seventh column of each data row. The visualization uses a fixed 450×450 pixel canvas with a set of semi-transparent background colors, and the chart is drawn with a non-responsive, non-aspect-ratio-preserving configuration.

Ppogirimayoor@gmail.com
90% match
Loading thumbnail…

Pie Chart - Task 9

This pie chart visualizes total sales across six product categories, with each slice representing a category’s contribution to overall revenue. The chart is rendered on an HTML canvas element using Chart.js, which fetches CSV data from a remote GitHub gist. The code parses the file, extracting item categories and total sales values, then applies semi-transparent background colors and a border width to each slice. The chart is non-responsive, with a fixed 400×400 canvas size, and includes a title displayed above the visualization.

Hhemanthdummy999@gmail.com
87% match
Loading thumbnail…

Assignment 9 - Pie Chart

This pie chart visualizes sales distribution by item category, showing the proportion of total sales attributed to each category. The chart is rendered as an SVG with colored arcs, percentage labels, and a legend positioned in the top-right. The code uses D3.js v6 APIs including `d3.pie()`, `d3.arc()`, `d3.rollups()`, and `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded from an external CSV file containing item categories and total sales values.

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

Fork of Fork of Fork to pie chart

This pie chart displays total sales by item category, using data fetched from a Walmart CSV file hosted on GitHub. The visualization breaks down sales proportions across categories, with each slice representing a category’s contribution. It loads the data via the Fetch API, parses the CSV text, and passes the category labels and total sales values to Chart.js. The chart is rendered on an HTML canvas element with a fixed 400x400 size, using a semi-transparent color palette for each slice. The code explicitly sets the chart type to `pie` and disables responsive resizing.

Rreddysushma994@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This pie chart displays total sales by item category, using data fetched from a Walmart CSV file hosted on GitHub. The visualization breaks down sales proportions across categories, with each slice representing a category’s contribution. It loads the data via the Fetch API, parses the CSV text, and passes the category labels and total sales values to Chart.js. The chart is rendered on an HTML canvas element with a fixed 400x400 size, using a semi-transparent color palette for each slice. The code explicitly sets the chart type to `pie` and disables responsive resizing.

Rreddysushma994@gmail.com
80% match
Loading thumbnail…

fork of pie chart-prathima

This example displays a pie chart of total sales by category, using data fetched from a Walmart CSV file hosted on GitHub. The chart.js library renders the visualization directly onto an HTML canvas element, with each category’s sales value mapped to a slice and colored using a predefined palette. The code loads the CSV, splits it into rows, and extracts the item category and total sales columns before constructing the chart with a title and non-responsive sizing. The rendering is entirely client-side, using the Canvas API through Chart.js.

Ppilliprathimarani@my.unt.edu
80% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This pie chart displays total sales by item category for a Walmart dataset, with each slice representing a categorical aggregate. The visualization fetches a CSV file from a GitHub gist, parses rows to extract category labels and total sales values, and renders the chart on an HTML `<canvas>` element using the Chart.js library. The code specifically uses `new Chart(ctx, { type: 'pie', ... })` with custom background colors and a fixed 400x400 pixel canvas, while the `responsive` option is disabled to maintain the set dimensions.

SSushmaNamidi@my.unt.edu
80% match