Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published14🌍 Public
NNikhilMakkena
Last edited Mar 27, 2022
Created on Mar 27, 2022
Forked from Pie Chart

This visualization displays the protein content of various cereals as a pie chart, with each slice colored and labeled through an accompanying legend that shows both the cereal name and its protein value in grams. The code uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, while `scaleOrdinal` assigns a categorical color palette. Data is loaded asynchronously from a CSV gist via `d3.csv`, and the legend values are formatted using `d3.format`. The chart is rendered as static SVG with no interactivity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Pie Chart

This pie chart visualizes the protein content in grams for different cereals, using a dataset loaded from a GitHub-hosted CSV file via d3.csv. The chart encodes categorical values with d3.pie and d3.arc paths, while a d3.scaleOrdinal color scheme distinguishes each cereal across nine distinct hues. A legend rendered alongside the chart pairs each cereal’s name with its numerical protein value, formatted using d3.format. The visualization is built entirely with SVG elements in D3 v5, with the chart centered in an HTML page and styled via an external stylesheet.

Nnsatyaprakash22
95% match
Loading thumbnail…

Fork of Fork of Pie Chart

This example visualizes the protein content in a cereal dataset as a pie chart, with each slice representing a cereal name and its corresponding protein grams. Using the d3.pie arc generator, the chart is rendered as SVG paths, while a custom legend displays each cereal name and its value. The code loads data from a GitHub gist via d3.csv, applies a categorical color scale from d3.scaleOrdinal, and formats numbers with d3.format. The visualization is built with D3 v5, using SVG for rendering, and includes custom styling for legend text.

Ssitaramchallapalli
95% match
Loading thumbnail…

Fork of Fork of Pie Chart

This example shows the amount of protein in grams present in various cereals as a pie chart, with a legend identifying each cereal and its corresponding protein value. The visualization loads a CSV dataset from a GitHub gist using `d3.csv` and renders the chart as SVG. It uses `d3.pie` to compute the arc angles, `d3.arc` to generate the path segments, and `d3.scaleOrdinal` to assign colors from a fixed palette. A separate legend group is built by appending rectangles and text labels for each data entry.

Eeravellisaimeghana
95% match
Loading thumbnail…

Fork of Fork of Pie Chart

This example shows the protein content of various cereals as a pie chart, with each slice labeled in the legend alongside its gram value. The chart reads CSV data from a GitHub gist using `d3.csv` (via `getData.js`), then renders SVG paths with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. Legends are appended as grouped rectangles and text, with values formatted using `d3.format`. The visualization is built with D3 v5, rendered entirely in SVG, and includes a red heading for emphasis.

Bbhargavarathod
95% match
Loading thumbnail…

Fork of Fork of Pie Chart

This visualization displays the protein content of various cereals as a pie chart, with each slice colored by chest pain type and accompanied by a legend showing exact gram values. The chart uses D3 v5’s `pie` and `arc` generators to create SVG paths, with `scaleOrdinal` for slice colors. Data is loaded asynchronously from a CSV via `d3.csv` and processed in `getData.js`, while labels use `d3.format` to display compact gram measurements.

AAishwarya Manjunath
93% match
Loading thumbnail…

Pie Chart ICE 7(Revanth)

This pie chart visualizes the protein content (in grams) of various cereals, displaying each cereal as a colored slice with a corresponding legend. The chart uses D3 v5, reading CSV data from a GitHub gist, and renders the pie slices using the `pie` and `arc` functions. Each slice is filled based on the cereal name using a categorical color scale, while legends are appended with a rect and text, with protein values formatted using `format` and genre-specific styling.

RRevanthGrreddy
85% match
Loading thumbnail…

A10 - 1

This visualization shows the protein content of various foods as a pie chart, with each segment colored and labeled in a legend. The chart reads data from a CSV file, converts protein values to numbers, and computes the total to render the arcs. Using D3 v5, the code applies the `pie` and `arc` generators, scales colors with `scaleOrdinal`, and formats tick values with `format`. A legend displays each item name and its protein amount in grams, with the SVG positioned at a fixed size.

MMike Z
83% match
Loading thumbnail…

ic7 pie chart

A pie chart visualizes the cost distribution of protein present in various cereals, with each slice colored by cereal type and accompanied by a legend showing names and cost values. The data is loaded from a CSV file using `d3.csv` via the `getData` module, then processed with `d3.pie` and rendered as SVG arcs using `d3.arc`. Colors are assigned through `d3.scaleOrdinal`, and legend text formats costs with `d3.format`. The chart uses D3 v5 and is authored by divyagunuguntla.

Ddivyagunuguntla
82% match