Skip to main content
SimilarExport ZIP
100%

Inetractive pie chart-ice7

✓ Published1🌍 Public
Aanushaanumula
Last edited Jul 3, 2022
Created on Jun 30, 2022
Forked from HTML Starter

This interactive pie chart visualizes global PS4 game sales, highlighting top titles like Grand Theft Auto V and Call of Duty: Black Ops 3. It uses the Google Charts loader to load the corechart package and renders the data via a PieChart instance. The static dataset is embedded directly in the code as an array, and the chart is drawn into a designated div with a title and fixed dimensions.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example visualizes PlayStation 4 game sales with a pie chart, ranking titles like Grand Theft Auto V and Call of Duty: Black Ops 3 by global sales figures. It uses the Google Charts loader to load the corechart package and constructs the data table via `google.visualization.arrayToDataTable`. The chart is rendered into a fixed-size div using `google.visualization.PieChart`. The data appears as a static inline array, with each slice sized proportionally to the sales value listed.

TTejamod
88% 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
81% 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
76% 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
75% 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
75% 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
75% match
Loading thumbnail…

ICE_7_piechart

A pie chart displays the proportion of global video game sales by genre from a CSV file, with sales aggregated via the D3 `rollup` and `sum` functions. The chart uses `d3.pie` to generate slice angles and `d3.arc` to create SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors. The visualization includes genre labels inside slices and a legend showing each genre with its total sales in millions.

AAbhiramPudi@my.unt.edu
74% match
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
73% match