Skip to main content
SimilarExport ZIP
100%

Assignment_2_1

✓ Published1🌍 Public
MMadhusudhan Reddy Kuppam
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

LLikhithagade@my.unt.edu
91% 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
82% match
Loading thumbnail…

Assignment2_Question1.1

A pie chart visualizes the distribution of car makes from a CSV dataset, displaying each manufacturer’s share as a colored slice with percentage labels offset outside the chart. Hovering over a slice triggers a tooltip showing the same percentage. Built with D3 v7, the code loads data via `d3.csv`, groups records with `d3.group`, and renders the chart using `d3.pie`, `d3.arc`, and a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`.

HHarsha vardhan reddy Yarmareddy
82% match
Loading thumbnail…

ICE-7 Pie chart

This pie chart displays the total sugar content per cereal manufacturer from a remote CSV file. Each slice is labeled with the manufacturer’s name and its percentage of the overall total, while a legend on the right lists each manufacturer with its aggregated sugar sum. The visualization is built with D3 version 7, using `d3.csv` and `d3.autoType` to load and parse the data, `d3.rollups` to group and sum sugar values by manufacturer, and `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the Tableau10 color scheme to generate the chart. The SVG output includes slice paths with hover tooltips and positioned labels.

Ppanyamsantosh09@gmail.com
80% match
Loading thumbnail…

Assignment 2

This pie chart displays beverage consumption quantities, with each slice labeled by the beverage type. Built with D3.js v7, it loads data from a remote CSV file using `d3.csv`. The visualization uses the `d3.pie()` layout generator and `d3.arc()` for the arc paths, rendered as SVG elements. Each slice is colored using `d3.scaleOrdinal` with the `d3.schemeCategory10` palette, and slice labels are positioned via the arc’s centroid calculation.

Ddineshreddy.ravula@gmail.com
80% match
Loading thumbnail…

Assignment-2

This pie chart visualizes the distribution of fish species from a CSV dataset loaded via `d3.csv`. It uses `d3.nest()` to count occurrences per species, then `d3.pie()` and `d3.arc()` to generate the chart geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. The SVG rendering includes an interactive legend, and the code demonstrates a reusable pattern for pie charts with D3 v6.

Bbhavyasrireddy267@gmail.com
79% match
Loading thumbnail…

Assignment 2 Question 1

This example shows the distribution of fruit categories using a pie chart, with each slice sized according to the value in the "4-5" column from a remote CSV file. The visualization renders as an SVG using D3 v7, with colored slices, a bold title, and an interactive legend that displays category names. D3's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs generate the chart and color scheme, while the legend uses `rect` and `text` elements to map colors to categories. The data is fetched via `d3.csv` from a GitHub gist, and labels for "Category" and "Percentage" are added as static text elements.

Nnikhilapogula@my.unt.edu
79% match
Loading thumbnail…

Fork of 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.

NNikhilMakkena
79% match