ice 7 pie

100%

✓ Published1🌍 Public

Last edited Jul 3, 2022

Created on Jul 2, 2022

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.

AI-generated description

ice 7 pie!!!!!

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

93% match

Loading thumbnail…

Pie Chart ICE-7

This example visualizes the top 10 best-selling video game genres by global sales using a pie chart. Each slice represents a genre, with a legend listing genre names and total sales in dollars. The chart is rendered as SVG within a React application, using D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal` for color mapping. Data is loaded via `csv()` from a GitHub gist, sorted by global sales, and the top 10 entries are displayed.

MManohar Kowthavarapu

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

86% match

Loading thumbnail…

Fork of ICE 7 Pie Chart

This pie chart visualizes global sales data for the top ten PlayStation 4 games, sorted by total units sold. It uses D3.js (v5) within a React framework to render an SVG with a pie chart and a corresponding legend, showing each game's genre and total units. The code employs `d3.pie` and `d3.arc` to generate the segments, and `d3.scaleOrdinal` with `schemeCategory10` for coloring, with data loaded via `d3.csv` from a GitHub repository.

Mmaheganesh

85% match

Loading thumbnail…

Anv_ICE-7 Pie Chart

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.

AAnvesh Chinta

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

82% match

Loading thumbnail…

ICE 7 Pie Chart

This example visualizes top product sales as an interactive pie chart, with a legend displaying each product name and its corresponding unit count. The chart renders using D3 v5 within a React framework, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for color encoding. Data is loaded from an external CSV file via `d3.csv`, sorted by sales value, and the top 10 items are selected for display. The SVG-based visualization includes hover logging of sales values, with legends positioned alongside the chart.

Llibramanju

81% match

Loading thumbnail…

ice 6

This horizontal bar chart displays the global sales of the top 11 video games, using orange bars to compare their performance. The visualization is built with React and D3 v5, leveraging `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG for rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, with sales values parsed and then filtered to the first 11 entries. Tick marks and labels are manually generated from the scales, while axis lines are omitted for a cleaner design.

TTejamod

81% match