Skip to main content
SimilarExport ZIP
100%

fork of pie chart-prathima

✓ Published0🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Mar 28, 2024
Created on Mar 28, 2024

This pie chart visualizes sales volume by item, with each slice representing a product and its corresponding unit count. The chart uses the Chart.js library in a canvas element to render the visualization, pulling data from a remote Gist-hosted CSV file. Each item is assigned a random color, while the legend displays the item name alongside its sales volume in units. The chart includes a title, a right-positioned legend, and custom tooltips that show the item name and unit count on hover.

AI-generated description
MIT Licensed

Similar vizzes

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
85% match
Loading thumbnail…

Fork of Line Chart - Prathima

This line chart displays the sales volume for each coffee item, using a red line to connect data points across categorical labels on the x-axis. The visualization fetches a CSV dataset from a GitHub gist, parses the rows to extract item names and sales values, and renders the chart with the Chart.js library on an HTML canvas. The chart includes a title, axis labels, and a legend positioned at the top, configured through Chart.js options for the line plot.

Ppilliprathimarani@my.unt.edu
79% 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
79% 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
79% match
Loading thumbnail…

Fork of pie chart for monthly sales

A fork of a pie chart displays six monthly sales snapshots, each broken into category shares (electronics, clothing, groceries, furniture, toys, books) with slice labels and a legend. The D3.js v6 code flattens monthly objects, applies a d3.pie layout and d3.arc generators to draw SVG paths, and uses d3.scaleOrdinal with schemeCategory10 for colors. Each month’s chart is offset vertically, with text labels positioned via labelArc.centroid, and data is hardcoded in the script.

Ppriyapravallika44@gmail.com
78% 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
78% 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
77% 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
77% match