Untitled

100%

✓ Published1🌍 Public

Last edited Nov 16, 2022

Created on Nov 16, 2022

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.

AI-generated description

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

Similar vizzes

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

80% match

Loading thumbnail…

Untitled

This example shows the distribution of response durations across seven time bins, from under one minute to over six minutes, with the largest share falling in the three-to-four-minute range. It renders a three-dimensional pie chart using the Google Charts loader and the `google.visualization.PieChart` API, setting `is3D` to true for the visual effect. The data is embedded directly in the page as an array passed to `google.visualization.arrayToDataTable`, and the chart is drawn into a fixed-width div. The title labels the chart “duration_ms,” though the axis categories use human-readable minute ranges.

Yyujun12689

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

72% match

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

71% match

Loading thumbnail…

Untitled

This example presents a pie chart visualizing the distribution of anime media types and their counts from a CSV dataset. The chart uses D3.js v7 to load and parse the data, then applies `d3.arc` and `d3.pie` to generate the wedges, with an ordinal color scale assigning distinct colors to each category. The SVG renders responsively using a viewBox and preserveAspectRatio, and the page includes a navigation bar linking to the dataset.

Hharoldle

71% match

Loading thumbnail…

Untitled

This example shows a pie chart where each arc segment represents a portion of a population value, with colors assigned from a categorical ordinal scale. The visualization uses a D3.js layout and SVG rendering, constructing the chart with `d3.svg.arc` for the arcs and `d3.layout.pie` to compute the angles from the data. The chart is centered on an SVG canvas of 960 by 500 pixels, with white strokes separating each arc for clarity. The code relies on D3’s ordinal color range to distinguish the segments visually.

Ssaenanan

71% match

Loading thumbnail…

Untitled

A pie chart displays the distribution of cricket statistics, with five slices representing Matches, Innings, HS, Average, and Century. Each slice is labeled with its corresponding name and colored using a categorical scale. The SVG rendering uses d3.pie to compute angles from the data values, d3.arc to generate the paths, and d3.scaleOrdinal for the color mapping. Labels are positioned via arc.centroid on a static, non-interactive chart.

LLG0498

71% match

Loading thumbnail…

Untitled

This example shows a pie chart of browser usage statistics for January 2017, where each slice is colored and labeled by browser name. The chart is built using React and D3.js v4, with the `d3.pie()` layout computing arc angles from the `d_Sigma_X` field of the provided `spots.csv` data. The SVG is rendered via `d3.arc()` paths for the slices and labels, with the chart centered in the viewport. A legend-like title is added as a text element.

Mmauricio-acosta-reyes

71% match