Skip to main content
SimilarExport ZIP
100%

Assignment 2

✓ Published0🌍 Public
Ddineshreddy.ravula@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from assignment-2 fork

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2

This pie chart shows the proportional consumption of different beverages. Each slice is labeled with the beverage name, and the chart is rendered using SVG within a D3.js framework. The visualization fetches data from a remote GitHub gist, parses it using `d3.csvParse`, and computes the pie geometry with `d3.pie` and `d3.arc` APIs. Slice colors come from the `d3.scaleOrdinal` color scale based on the beverage category.

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

Assignment2-1

This example displays a pie chart of soft drink sales, rendered as an SVG using D3.js. It loads CSV data from a GitHub gist and applies a pie layout to compute arc angles. The chart uses `scaleOrdinal` and `schemeCategory10` for color encoding, with each drink labeled outside the slice using an extended arc’s `centroid` method. A legend is positioned to the left, and all elements are generated through D3’s data joins and arc generators.

Hhkodiripaka15@gmail.com
86% match
Loading thumbnail…

Assignment_2.1_Student_Alcohol_Consumption

A pie chart displays the distribution of student alcohol consumption by age, with each slice representing the count of entries for a specific age group. Built using D3 v7, the visualization loads data from a CSV file, aggregates counts with `d3.rollup`, and generates arcs with the `d3.pie` and `d3.arc` helpers. A legend with color-coded rectangles maps the ordinal color scale to age values, while labels placed at arc centroids identify each slice. The chart is rendered as an SVG element.

VVishnu Mallampalli
85% match
Loading thumbnail…

assign-2

This example shows a pie chart displaying fruit quantities from a CSV dataset, using the D3.js v7 library and SVG rendering. The visualization computes slice geometries with `d3.pie()` and draws them with `d3.arc()`, while color assignments come from `d3.scaleOrdinal` with `schemeCategory10`. A legend, also built in SVG, maps each fruit name to its corresponding color using small rectangles and text labels positioned relative to the chart’s center. The code loads data asynchronously via `d3.csv`, and the chart is centered within a 400×400 pixel viewport.

Vvaishnavi6gan@gmail.com
85% 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
85% 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
84% match
Loading thumbnail…

Assignment 2

This pie chart displays student details from a CSV file fetched via D3’s `csv` method, with slices colored by gender and labeled by occupation. It uses `d3.pie` and `d3.arc` to generate SVG paths, `scaleOrdinal` for color mapping, and includes a legend showing student names. The visualization is rendered in an SVG element with D3 v5, though the code references `d3.arc` in the bundle.

Yyellahemalatha@gmail.com
83% match
Loading thumbnail…

Assignment 2 - Question 1

This example shows a pie chart of food categories with quantities displayed both inside the slices and in a legend, using a color scale with four distinct sections. The visualization loads CSV data from a GitHub repository via `d3.csv`, then renders SVG arcs using `d3.pie` and `d3.arc` with an inner radius of zero. The chart positions text labels at each arc's centroid and appends a separate legend with rectangles and value labels. The code relies on D3 v5 APIs including `scaleOrdinal` for colors and `format` for tick value formatting, with styles defined in an external stylesheet.

Mmaheshchowdaryponnaganti@my.unt.edu
83% match