Untitled

100%

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jul 1, 2022

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Inetractive pie chart-ice7

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.

Aanushaanumula

88% match

Loading thumbnail…

Untitled

This example displays two Google Charts visualizations side by side: a pie chart and a bar chart, both titled “How Much Pizza I Ate Last Night.” The charts present the same categorical dataset of pizza toppings with corresponding slice counts. The code uses the Google Charts loader and the `corechart` package to create a `DataTable`, then instantiates a `google.visualization.ScatterChart` (mislabeled as pie) and a `google.visualization.BarChart`. Each chart is drawn into a separate `div` element with predefined width and height options.

Aavesh1998

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

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

77% match

Loading thumbnail…

Untitled

This interactive 3D pie chart visualizes the distribution of popularity scores, segmented into ten ranges from 0–10 to 90–100, with case counts shown for each bin. The chart uses Google Charts’ `loader.js` and `visualization.PieChart` API, with options enabling an `is3D` effect. Rendered at 900 by 500 pixels, it draws data from a static array of [popularity, cases] pairs, titled “POPULARITY.”

Yyujun12689

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

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

72% match

Loading thumbnail…

Untitled

A 3D pie chart visualizes the distribution of audio loudness values across five ranges, from very quiet (below -50) to loud (above 0), with most samples falling between -10 and -5. The chart uses Google Charts' corechart package via `google.charts.load` and `google.visualization.PieChart`, with data formatted through `arrayToDataTable`. The `is3D: true` option renders the slices with depth, while the title “Loudness” labels the visualization.

Yyujun12689

71% match