Skip to main content
SimilarExport ZIP
100%

Internet Pie Chart

✓ Published0🌍 Public
BBhanuGadde@my.unt.edu
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Fork of 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.

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

Fork of a7 q1

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.

Aamshureddy13@gmail.com
79% match
Loading thumbnail…

PIE CHART

This pie chart visualizes global internet usage rates by country, with each slice sized proportionally to the internet user rate and colored via a categorical scale. Hovering highlights a slice and displays a tooltip with the country name and rate, while a legend lists all countries. Built with D3 v5, it loads CSV data from a GitHub gist and renders the chart as SVG using the `pie` and `arc` generators, with `scaleOrdinal` for colors.

DDeegutla123
77% match
Loading thumbnail…

Pie chart

This pie chart displays browser market share percentages, with each slice colored via a categorical scale and a legend identifying the browser names. It uses D3 v7 with `d3.pie` and `d3.arc` to generate the SVG paths, and `d3.csv` to load the remote dataset. Hovering over a slice reveals a tooltip showing the browser and its exact share, while the chart includes a bold title and white stroke separators between slices.

Vvenkatamanikantavaddi@my.unt.edu
77% match
Loading thumbnail…

Pie Chart 11551417

This example visualizes the subscriber counts of the top ten YouTube content categories, mapping each category to a colored slice of a pie chart. The chart uses D3.js v5 APIs including `pie`, `arc`, `scaleOrdinal` with `schemeCategory10`, and `csv` to load data from a GitHub gist. Rendered as SVG in a React project, the visualization displays a legend with category names and subscriber counts, formatted with a custom number formatter that appends "m" for millions.

SSrujana390
77% 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
76% match