Skip to main content
SimilarExport ZIP
100%

Fork of pie

✓ Published0🌍 Public
Ssravya7136@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from pie

A pie chart displays museum visitor counts for seven sampled years between 1990 and 2017, with each slice labeled by year and colored distinctly. The chart.js library renders the visualization onto an HTML canvas element, using its `Chart` constructor with a pie-type configuration. Data is embedded directly in JavaScript as an array of objects, with visitors measured in millions; white borders and a right-positioned legend separate the slices.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311
83% match
Loading thumbnail…

Fork of ice 7 pie chart

This pie chart shows the distribution of website traffic by source, displaying each source name next to its visitor count in the legend. The chart is rendered on an HTML5 Canvas using Chart.js, which fetches its data from a remote CSV file hosted as a GitHub Gist. The dataset includes visitor counts per source, and the JavaScript code parses the CSV and creates a pie chart with a semi-transparent color palette and a legend positioned on the right.

UUday Kiran
82% match
Loading thumbnail…

Fork of Pie chart Test

This visualization displays a basic pie chart of browser usage shares, with segments colored by a sequential ordinal scale and labeled with their names. The chart is rendered as an SVG using D3 v6, with data hardcoded in the script rather than loaded from the included CSV file. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to generate path data, and `d3.scaleOrdinal()` for color mapping, while labels are positioned using an inner arc's centroid. The SVG is centered via CSS, and the visualization is based on a tutorial by FrontendTips.

SSonuSriN
81% match
Loading thumbnail…

Fork of pie chart

A pie chart shows the total fruit yield from 2014 to 2024, with slices sized by each fruit's summed yearly values and sorted in descending order for readability. The visualization uses D3 v6's `d3.pie` and `d3.arc` to create the SVG paths, with `d3.scaleOrdinal` assigning colors from `d3.schemeCategory10`. A legend on the right maps each fruit to its colored box and total yield, built using D3's `selectAll` and `enter` operations. The underlying data comes from a CSV file fetched via `d3.csv` from a remote gist.

Bbharathavulapati@gmail.com
81% match
Loading thumbnail…

Fork of piechart

This fork of a pie chart example renders a static, basic pie chart using the D3.js library. The visualization displays proportional data as colored slices within a circle, though the specific dataset is not defined in the provided code. It employs D3’s arc generation and path-building functions to draw the pie segments, with the chart’s styling and layout determined by the underlying JavaScript logic. The example serves as a minimal template for creating pie charts, showing only a single static visualization without interactivity or animation.

Kkirankumari26guj@gmail.com
81% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
80% match
Loading thumbnail…

Pie chart-ICE7

This pie chart displays the number of visitors to various tourist places in 2019, with each slice labeled by the destination’s name and state, and a legend positioned to the right. It uses Chart.js to render the chart on a Canvas element, pulling comma-separated data from a remote gist via `fetch()`. The code assigns random semi-transparent background colors to each slice and customizes tooltips to show both the raw visitor count and its percentage of the total, while the chart itself is configured with `responsive: false` and a fixed canvas size.

Ssridhardubala106@gmail.com
80% match
Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com
80% match