Skip to main content
SimilarExport ZIP
100%

Fork of Assignment_2_1

✓ Published0🌍 Public
LLikhithagade@my.unt.edu
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Assignment_2_1

A pie chart visualization displays the distribution of cereals by manufacturer, using D3.js v7 to fetch and aggregate cereal data from a CSV file via `d3.csv` and `d3.rollups`. The pie slices are rendered as SVG paths with `d3.pie` and `d3.arc`, colored by a categorical scale, and labeled with manufacturer codes. A legend maps these codes to full manufacturer names, all presented in an SVG layout with a white background.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment_2_1

This pie chart visualizes the distribution of cereals by manufacturer, using data from a remote CSV file. The chart displays the proportion of cereals for each manufacturer, with each slice labeled by its manufacturer code and colored via `d3.scaleOrdinal` and `d3.schemeCategory10`. The visualization is built using D3 v7, with pie slices generated by `d3.pie` and `d3.arc`, and includes a legend mapping codes to full manufacturer names. The SVG rendering is composed through `d3.select` and dynamic joins for paths and text labels.

MMadhusudhan Reddy Kuppam
91% match
Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav
87% match
Loading thumbnail…

Fork of Assignment ICE 7

This pie chart displays the number of units purchased for each item, with values labeled on each slice and a color-coded legend listing items and their corresponding counts. The visualization is built using D3 v5, loading CSV data from a GitHub gist and rendering with SVG. It uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the chart, while the legend is constructed manually with appended rectangles and text elements.

VVaishnavi6199
83% match
Loading thumbnail…

Fork of Assignment-2

This interactive SVG pie chart visualizes the distribution of fish species from a CSV file fetched from a GitHub gist. D3 groups the data by species to calculate counts, then uses `d3.pie` and `d3.arc` to render the chart with tooltips on hover. A legend displays species names and counts, color-coded via `d3.scaleOrdinal`.

Bbhavyasrireddy267@gmail.com
83% 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
83% match
Loading thumbnail…

assignment 2

This pie chart visualizes laptop sales by brand, displaying the proportion of units sold for each manufacturer. Built with D3.js (v6.7.0), it uses `d3.pie` and `d3.arc` to generate the sectors, with each slice labeled by brand and unit count. A color-coded legend at the bottom identifies each brand, while data is loaded from a remote CSV file. The visualization also supports reusable chart creation through a separate `scatterPlot.js` module defining a configurable pie chart function.

Hhkodiripaka15@gmail.com
83% match
Loading thumbnail…

Fork of two

This pie chart shows the proportion of total sales by product category, with labels on each slice and a legend to the side. It uses D3 v7’s `d3.rollups` to aggregate sales per category and `d3.pie` to generate arcs, while `d3.scaleOrdinal` assigns colors. Each slice’s centroid is computed with `d3.arc.centroid` for label placement, and the SVG is rendered from CSV data.

Mmsahithipatel@gmail.com
82% match
Loading thumbnail…

Fork of Assignment 2 - Pie Chart

This fork of a D3 pie chart visualizes Superstore sales data, aggregated by product category from a CSV file. The SVG chart displays each category as a colored slice with its name and total sales value labeled directly on the arc. The code uses D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the geometry and colors, and it computes category totals with the `group` and `sum` functions. The visualization is rendered into an SVG element with a fixed width and height.

Gganeshseeram2405@gmail.com
82% match