Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork to pie chart

✓ Published0🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024

This example shows a pie chart of total sales by category, with slices labeled by item category and sized by numeric sales values. It loads CSV data from a GitHub repository, parses rows by splitting on commas, and extracts columns 7 and 14 for labels and values. The chart is rendered on a canvas using Chart.js, with a hardcoded color palette and a non-responsive fixed size. The page fetches the dataset asynchronously and initializes the chart after the DOM loads.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork to pie chart

This pie chart displays total sales by item category, with each slice representing a category and its corresponding sales value. The visualization is built using the Chart.js library, which renders the pie chart onto an HTML5 Canvas element. Data is loaded asynchronously from a remote CSV file (hosted on GitHub Gist) using the `fetch` API, then parsed by splitting rows and extracting the category and sales columns. The chart is configured with custom colors and a title, and it is set to be non-responsive with a fixed aspect ratio.

Llokeshchowdary465@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Fork of Fork to pie chart

This example presents a pie chart of total sales by item category, loaded from a Walmart CSV file. It shows the distribution of sales across categories, with each slice sized by the total sales value. The visualization is built using the Chart.js library, which renders the pie chart onto an HTML canvas element. Data is fetched asynchronously from a GitHub gist, parsed from CSV format, and then mapped to chart labels and values. The chart uses a fixed canvas size and disables responsive resizing to maintain a consistent aspect ratio.

Rreddysushma994@gmail.com
93% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This example displays total sales by category as a pie chart, with categories drawn from a CSV file and sales values pulled from a specific column. The chart is rendered on an HTML canvas using the Chart.js library, initiated with `new Chart(ctx, { type: 'pie', ... })`. Data is fetched asynchronously via `fetch()` from a GitHub Gist, then parsed by splitting rows and columns. Random hex colors are generated for each slice using `Math.floor(Math.random() * 16777215).toString(16)`, and percentage labels are computed within the `datalabels` plugin formatter.

Rramsrinivaskatragadda@my.unt.edu
92% 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
91% 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
91% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This example visualizes total sales by item category from Walmart data as a static pie chart. It fetches a CSV file from a GitHub Gist, parses the columns for item category and sales, then renders the chart using Chart.js on an HTML canvas. The chart uses distinct semi-transparent background colors for each slice and displays a title above the plot, with responsive sizing disabled to maintain a fixed canvas dimension.

Rrobertotienonyaranga@gmail.com
91% match
Loading thumbnail…

Fork of Fork to pie chart

This pie chart displays total sales by item category, with each slice sized proportionally to the category’s aggregate sales value. The visualization loads Walmart sales data from a CSV file, parsing the `Item_Category` and `Total_Sales` columns. Using Chart.js within a canvas element, it renders the data with six semi-transparent color segments. The chart is static and does not include interactivity, tooltips, or a legend, focusing solely on the categorical breakdown of sales figures.

Ssaiyogesh9911@gmail.com
90% 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
90% match