Pie Echart

100%

✓ Published1🌍 Public

Last edited Jun 23, 2026

Created on Jun 11, 2026

Forked from ECharts

This visualization shows the distribution of gaming genres among students in a dataset, displayed as a pie chart with a legend and tooltip showing counts and percentages. Built with ECharts 5.3.1, it loads data from a CSV file, parses it manually, and counts students per genre. The chart uses ECharts’ `pie` series type with a configurable title, tooltip, and emphasis styling, and updates on window resize.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

test

This dashboard visualizes the relationship between gaming habits and academic performance across multiple interconnected charts. It shows genre distribution via a pie chart, average grades by stress level in a bar chart, gaming hours versus grades in a scatter plot, and study hours against grades in a line chart. Built with ECharts 5.3.1, the visualization loads a CSV file using `fetch()` and parses it with a custom `parseCSV` function. Charts are generated through ECharts' API functions `createGenrePieChart`, `createStressBarChart`, `createScatterChart`, and `createStudyLineChart`, with data grouped and averaged using JavaScript's `reduce` and array methods.

Mmichael_chuxs@yahoo.com

80% match

Loading thumbnail…

Pie chart ICE 7

A pie chart displays the distribution of hobbies among students in a class, with each slice sized by the number of people (Nfpeople) and labeled in a legend showing the hobby name, its percentage of the total, and the raw count. The visualization uses D3 v5 with the `pie` and `arc` generators to create SVG paths, `scaleOrdinal` for a categorical color palette, and `format` for tick labels. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, and the render function appends pie slices and legend elements to an SVG canvas.

Kkakumanusreya

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

77% match

Loading thumbnail…

PIE CHART QUESTION 1

This example displays a pie chart that visualizes the proportion of video games exceeding a rating threshold of 8.5, broken down by genre. The chart is rendered as SVG using D3 v6, with each slice filled by a categorical color. It incorporates a legend positioned to the right of the chart for genre identification. The code loads data from a CSV file using `d3.csv`, computes arc paths with `d3.arc`, and constructs the pie using `d3.pie`, demonstrating a standard D3 workflow for creating interactive data visualizations.

Vvankayalapatimounika2000@gmail.com

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

76% match

Loading thumbnail…

PIE Chart - ICE 7

This pie chart visualizes the gender distribution of students in the StudentsPerformance.csv dataset. Each slice displays the gender and its percentage of the total, with an accompanying legend showing exact counts. Built with D3 v7, the code uses `d3.rollup` to aggregate data, `d3.pie` for the layout, and `d3.arc` to generate SVG paths. A Tableau10 color scale and custom label arcs enhance readability.

Ssravya010

75% match

Loading thumbnail…

Q1_VT

This pie chart visualizes the distribution of video game genres based on user ratings below 5.0. The visualization loads CSV data from a GitHub Gist and renders it as a donut-style chart using D3.js. The code employs `d3.pie()` to compute arc segments, `d3.arc()` for both the outer path and inner label positioning, and `d3.scaleOrdinal()` with `d3.schemeCategory10` for color encoding. Each genre label is placed at the centroid of its corresponding arc using the `label.centroid()` transformation.

RRJVENKATESH789@GMAIL.COM

75% match

Loading thumbnail…

Pie Chart Artistes

A donut chart breaks down music genres by count, with each slice labeled and colored to show the proportion of artists per category. The visualization uses D3’s `pie` and `arc` generators to compute slice geometry and paths, while `scaleOrdinal` maps genre names to a custom color palette from `d3-scale-chromatic`. Hovering over a slice reveals a tooltip with the exact percentage, calculated using `sum` over the CSV data. The code reads from `data.csv` and renders the chart as SVG elements with mouseover and mouseout event handlers.

AAnissa Belkelfa

75% match