Fork of a7 q1

100%

✓ Published0🌍 Public

Last edited Nov 7, 2024

Created on Nov 7, 2024

This pie chart visualizes the distribution of website share among five platforms—Facebook, Google, Instagram, YouTube, and Yahoo—using a small, 100-pixel-square canvas. It demonstrates the Chart.js library’s pie chart type, configured with custom colors and a top legend, and includes tooltips that display each platform’s raw value. The data is hardcoded into the script, with values ranging from 80 to 700, and the chart is rendered directly to the canvas element via the Chart constructor.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of pie chart

This pie chart shows the distribution of posts across platforms (Twitter, Facebook, Instagram, YouTube, Reddit) using data from a CSV file. It displays both the count and platform name directly on each slice, with a legend to the right for clear identification. The visualization is built with D3.js v7, using `d3.pie()` to compute the arc segments and `d3.arc()` for the slice geometry, while `d3.scaleOrdinal()` with `d3.schemeTableau10` assigns colors. Data aggregation relies on `d3.rollup()` to count platform occurrences, and the SVG output reserves extra canvas space for the legend.

Ssaiabhishekmunnangi@gmail.com

83% match

Loading thumbnail…

Internet Pie Chart

A pie chart displays the distribution of user counts across three internet platforms: Instagram at 41, Facebook at 29, and YouTube at 29. The visualization uses D3.js v7 to compute the pie layout via `d3.pie()` and renders each slice as an SVG path with `d3.arc()`. Platform names are placed at each slice's centroid, and a separate HTML legend maps platform labels to their corresponding colors from `d3.schemeCategory10`. The chart is drawn inside a 500×500 pixel SVG element with margins applied to the radius calculation.

BBhanuGadde@my.unt.edu

79% match

Loading thumbnail…

Fork of Fork of ICE - 7 Pie chart

This pie chart visualizes survey responses about people’s preferred social media platforms, displaying each category’s percentage share. The chart uses D3.js v5 with SVG rendering, fetching CSV data via `d3.csv` and constructing arcs with `d3.pie()` and `d3.arc()`. Each slice is labeled with its percentage, and a legend lists the platform names alongside color swatches and values. Colors are assigned using `d3.scaleOrdinal`, while text formatting relies on `d3.format`.

Ppremsaiv

78% match

Loading thumbnail…

ICE - 7 Fork of Pie chart

This chart uses a pie chart to display the percentage of usage for the most common social media platforms, based on data fetched from a CSV file. Built with D3 v5, it uses the `pie` and `arc` functions to generate the pie geometry and `scaleOrdinal` to map discrete colors to each segment. The visualization labels each slice with its percentage and includes a legend with the platform name and corresponding value. The SVG is rendered with an HTML interface, and all data is loaded asynchronously via D3’s `csv` function.

Kkirangithub23

78% 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

78% match

Loading thumbnail…

Activity7_Q1

This pie chart shows the percentage distribution of the most-used social media platforms, with each slice labeled by its percentage value and a color-coded legend listing platform names. The visualization is built with D3 v5, using d3.pie and d3.arc to generate the segments, d3.scaleOrdinal to assign categorical colors, and d3.format to display numeric labels. Data is loaded asynchronously from a CSV file via d3.csv, and the SVG rendering positions the chart and legend within a fixed 960x500 viewport.

YYeruva Snehith Reddy

77% match

Loading thumbnail…

Fork of Fork of D3 Starter

This example shows the distribution of social media posts across platforms with a pie chart, displaying the number of posts per platform. The visualization computes platform counts from a CSV file using `d3.rollup`, then renders slices with `d3.pie` and `d3.arc`, filling each segment with a color from `d3.scaleOrdinal` and `d3.schemeTableau10`. Platform labels are positioned at each slice’s centroid. The SVG is created with D3 v7, and the chart includes a bold title, with a white stroke separating the slices.

Yyazneshpara2@gmail.com

77% match

Loading thumbnail…

Fork of ICE - 7 Pie chart

This pie chart visualizes survey respondents’ top choices for social media usage, with each slice labeled by its percentage and a matching color-coded legend. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the paths and `d3.scaleOrdinal` to assign categorical colors. Data is loaded asynchronously from a CSV via `d3.csv` and rendered as SVG. The code also employs `arc.centroid` to position the percentage labels directly on each slice, while the legend pairs colored rectangles with social media names and values.

RRahulSai05

76% match