Skip to main content
SimilarExport ZIP
100%

Anv_ICE-7 Pie Chart

✓ Published1🌍 Public
AAnvesh Chinta
Last edited Mar 30, 2023
Created on Mar 29, 2023

This pie chart visualizes the proportion of total game sales for nine games, with each slice labeled by its percentage and a corresponding legend listing game names alongside their sales percentages. The chart is rendered as an SVG using D3.js v5, which computes the arc paths via the `pie` and `arc` functions. Data is fetched as CSV from a GitHub gist, and colors are assigned using a categorical scale based on `schemeCategory10`, with text and legends styled through CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice 7 Pie Chart

This example presents a pie chart of global video game sales, visualizing the market share of ten games as percentages of total sales. The chart uses SVG rendering with D3.js v5, fetching data from a CSV file via the `csv` function. It leverages `d3.pie` and `d3.arc` to generate segments, `scaleOrdinal` for color mapping, and custom text labels for percentages. A legend, added manually, lists game names alongside their sales figures in millions, with all values formatted using `d3.format`.

TTejamod
87% match
Loading thumbnail…

ICE-7 : Pie Chart

This pie chart displays the scores of 10 selected games from a CSV dataset, with each slice colored by game name and accompanied by a legend showing the game and its numeric score. The visualization uses d3.pie and d3.arc to generate the circular segments, with d3.scaleOrdinal assigning colors from a predefined range. Data is loaded asynchronously via d3.csv from a Gist URL, and the SVG rendering includes custom styled text and legends on a black background.

Ggunasindhuja
86% match
Loading thumbnail…

ice 7 pie

This pie chart visualizes the top 10 best-selling video games globally, with sales figures in millions. Each slice is sized proportionally to the game’s total sales, and the chart uses an SVG rendering with D3 v4’s `d3.arc` and `d3.pie` APIs to generate the paths. Hovering over a slice highlights it while dimming the others, and a tooltip appears showing the game name and its exact sales value. The color scheme is applied via `d3.scaleOrdinal` with the `d3.schemeCategory20` palette. The data is hardcoded in the script as an array of name-value pairs.

TTejamod
85% match
Loading thumbnail…

ICE7

This visualization presents a pie chart of video game sales by title, breaking down revenue across North America, Europe, and Japan. The chart uses an ordinal color scale and displays each game’s total sales and percentage in a legend. Built with D3 v5 and React, it loads CSV data and renders SVG paths using `d3.pie` and `d3.arc`, with legends and text labels positioned manually.

Ssatishnarne99@gmail.com
84% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
84% match
Loading thumbnail…

Pie Chart

This pie chart visualizes global sales figures for PS4 games, with each slice labeled with its corresponding sales value in thousands and accompanied by a legend listing game titles. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and color the SVG segments, while data is loaded asynchronously from a CSV file using `d3.csv`. Text labels and legend entries are positioned via arc centroid calculations and manual translation transforms.

Aanushaanumula
83% match
Loading thumbnail…

Pie chart ICE 7 Prasanth

A pie chart displays the scores of ten games from a CSV dataset, with each slice colored and labeled via a legend. The visualization uses D3 v5 methods including `d3.pie` and `d3.arc` to generate the segments, while `d3.scaleOrdinal` assigns colors to game names. Data is loaded asynchronously with `d3.csv` from a GitHub Gist, and the chart is rendered as an SVG with white text and legend values showing formatted score ticks.

PPrasanth
83% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the percentage of sales for different items, with a legend positioned to the right showing each item’s name and corresponding value. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the dataset from a GitHub gist. The visualization renders as SVG, with section labels and legend text styled via CSS.

RRahulSai05
83% match