Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork to pie chart

✓ Published0🌍 Public
Rrobertotienonyaranga@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

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.

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 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
96% 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
96% 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
96% 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
95% 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
87% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

This chart shows the first 10 rows of store sales data, mapping store areas along the x-axis and sales figures along the y-axis as a smooth, filled area. The visualization is rendered as an SVG using React and D3.js v7, where the code fetches a remote CSV file (from GitHub Gist) and uses `d3.csvParse` and `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.area` to construct the axes and the shaded region. The area is drawn as a single filled path with a blue stroke and a pale green fill, with x-axis labels rotated for readability.

RRohithNaiduDevareddy@my.unt.edu
82% match
Loading thumbnail…

Fork of Fork of Fork to pie chart

A pie chart displays total wages by country for 2022, with each slice representing a country’s share from the loaded CSV dataset. The visualization uses Chart.js, fetching data from a GitHub Gist and parsing the CSV rows to extract country names and wage values. Rendered on an HTML canvas with a fixed 400×400 size, the chart assigns six distinct semi-transparent colors to the slices and includes a title. The code relies on the browser’s DOMContentLoaded event to fetch and process the data before drawing.

Mmukundakrishna.r@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This example visualizes customer data from a CSV file as a pie chart, showing the distribution of values in the sixth column across categories in the fourth column. It uses the Chart.js library to render the chart on an HTML canvas element, with data fetched from a GitHub Gist URL. The chart displays up to ten color-coded slices, and the rendering approach relies on Chart.js’s pie chart type with a fixed canvas size of 400 by 400 pixels.

Rreddysushma994@gmail.com
80% match