Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published1🌍 Public
Yyujun12689
Last edited Nov 16, 2022
Created on Nov 16, 2022
Forked from 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.”

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

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
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 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
77% 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
76% 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
76% 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
75% match
Loading thumbnail…

Untitled

This example shows a donut-style pie chart of population by age groups, with colored arcs labeled directly on the chart and a legend listing each age range alongside its population count. The chart uses d3.csv to load age-pop.csv from a remote URL, d3.layout.pie to compute arc angles from the population field, and d3.svg.arc to render the segments. Colors come from d3.scale.category20(), while the legend and arc labels are added as SVG text and rect elements appended to the same svg container.

MManoj Kolluri
75% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the top 10 countries by population in 2021, using a legend to display each country's name and population in millions. The chart is built with React and D3 v5, employing `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.schemeCategory10` to generate the SVG sectors. The code loads population data from a CSV file hosted on GitHub, sorts it in descending order, and renders the pie chart and interactive legend with mouseover logging.

Mmanishcheruku
75% match