Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Rreddysushma994@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024
Forked from 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.

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 HTML Starter 2

This visualization displays the CSS named colors as a pie chart, with each slice colored by its corresponding hex value and sized equally. The chart uses React to manage the async loading of CSV data from a GitHub gist, while d3’s `arc` and `pie` generators compute the SVG paths. The rendering leverages React DOM to mount the SVG elements, and the dataset contains 148 rows of color names and hex codes.

LLeonardo Baron
82% 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
81% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example shows a pie chart of YTD sales by brand, with a legend displaying each brand's share as a percentage and a value in thousands. The visualization is built with D3 v3, using `d3.pie` to generate segment data, `d3.arc` for path construction, and `d3.scaleOrdinal` for categorical colors. Data is loaded asynchronously from an external source via a helper function `getData`, and the chart renders with a fixed SVG viewport.

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

Fork of Fork of HTML Starter

This example presents a health data visualization comprising three charts: a bar chart of Var1, a line chart showing Var2 over time, and a pie chart of Var3. It loads CSV data from a GitHub gist and uses D3.js v7 to render SVG elements. The bar chart maps data points to horizontal bars, the line chart uses scales and a line generator to plot the time series, and the pie chart uses `d3.rollups` to aggregate categories. The code includes axes and margin conventions for the line chart.

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

Fork of Fork of Fork to pie chart

This example visualizes cereal ratings as a pie chart using the Chart.js library, rendering each cereal’s rating as a slice on an HTML canvas. It fetches a CSV dataset from a GitHub gist, parses the rows to extract cereal names and their rating values, then feeds those into the chart with a custom color palette. The chart is configured to be responsive while maintaining a fixed aspect ratio, and it displays a title above the visualization. The code explicitly uses the `Chart` constructor with the `type: 'pie'` option, along with canvas 2D context, to draw the final output.

TTarun Kumar Bosupally
79% match