Fork of Fork of piechart ic7

100%

Fork of Fork of piechart ic7

✓ Published0🌍 Public

Last edited Mar 12, 2023

Created on Mar 12, 2023

This visualization displays the cost of different master’s degree majors as a pie chart, with each slice representing a course’s total cost. A legend on the right pairs each colored slice with the course name and its cost in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute angles and render SVG paths, with `scaleOrdinal` assigning colors to slices. Data is loaded asynchronously from a CSV file via `d3.csv`, and the legend values are formatted using `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Pie Chart ICE-7

This pie chart visualizes monthly expenditures by department, using color-coded slices with department labels positioned at each arc’s centroid. A legend to the right maps each color to its department and expenditure value. The code loads CSV data via `d3.csv` (D3 v5), then uses `d3.pie` and `d3.arc` to generate the SVG paths, with `d3.scaleOrdinal` assigning colors. The visualization is rendered as an SVG with a fixed 960×500 canvas.

Yyaswanthsen

83% match

Loading thumbnail…

Fork of Pie Chart

This pie chart visualizes the cost per credit across ten different universities, using a D3.js v5 `pie` layout and `arc` generator to render SVG paths. Each slice’s color comes from `scaleOrdinal` and `schemeCategory10`, with a legend listing country names and dollar values. The data is loaded as CSV from a GitHub gist, sorted descending, and the top ten entries are displayed. React is referenced as the framework, though the rendering is entirely SVG-based.

Rrallabandisushen@gmail.com

82% match

Loading thumbnail…

Fork of

A pie chart displays marks for different subjects, with each slice colored and paired with a legend identifying the subject and its numeric value. The chart reads subject and mark data from a CSV file via `d3.csv`, and uses `d3.pie` and `d3.arc` to compute the slice geometry, while `d3.scaleOrdinal` assigns categorical colors. Legends are generated as SVG groups with rectangles and text, and the whole visualization is rendered as an SVG element.

Ppravalika.thogaru10@gmail.com

82% match

Loading thumbnail…

Fork of Pie Chart

This example presents a monthly expenditures dataset as a pie chart, with each slice labeled by department and accompanied by a legend listing exact dollar amounts. Built with D3 v5, the visualization uses `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color mapping, and SVG `<path>` elements for rendering. Data is loaded asynchronously from a CSV URL via `d3.csv`, and the legend is constructed with appended rectangles and text elements.

BBala Sai Krishna

81% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This pie chart visualizes monthly expenditures, with each slice labeled by a spending category and its numeric value. The chart is rendered as an SVG using D3 v5, with the `d3.pie()` and `d3.arc()` functions generating the segments and their centroids. Data is loaded asynchronously from a CSV file via `d3.csv()`, and a legend lists each category with its corresponding dollar amount. Slice colors are assigned using `d3.scaleOrdinal` with a predefined array of color names.

AAnanyaSamala

80% match

Loading thumbnail…

Fork of Fork of Pie Chart ICE-7

This example visualizes monthly expenditures by department as a pie chart built with D3 v5. It fetches CSV data from a remote GitHub gist using `d3.csv`, then applies `d3.pie` and `d3.arc` to generate SVG path segments. A color scale from `d3.scaleOrdinal` assigns section colors, and each slice includes a centered text label. A legend on the right displays department names and formatted dollar amounts using `d3.format`, with all rendering handled through SVG elements in the browser.

Yyaswanthsen

80% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart FOR MARkS

This visualization presents a pie chart depicting study hours and corresponding GPA scores, with each slice labeled by GPA value. The chart uses D3 v5 in a React framework, employing d3.pie and d3.arc to generate SVG paths, and d3.scaleOrdinal with a custom color array to differentiate sections. Data is fetched asynchronously from a CSV file via d3.csv, and a legend displays both study time and GPA for each category. The SVG canvas is fixed at 960 by 500 pixels, with text elements positioned using arc centroids.

NNavaneeth-Ragi

80% match

Loading thumbnail…

Fork of Pie Chart ICE-7

This example visualizes monthly expenditures from a CSV file as a pie chart. The chart displays categories as colored slices, with each slice labeled by its associated data value, and includes a legend that maps the colors to their numeric values. The visualization is built using D3 version 5, specifically leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for the pie geometry, arc paths, and color mapping. Data is fetched asynchronously via `d3.csv` from a GitHub gist URL, and the SVG canvas is rendered with a fixed width and height.

AAnanyaSamala

79% match