Skip to main content
SimilarExport ZIP
100%

assignment 2

✓ Published0🌍 Public
CChiranjeeviUppala@my.unt.edu
Last edited Mar 26, 2025
Created on Mar 26, 2025
Forked from Hello VizHub

This example displays a pie chart visualizing scores associated with named categories. The chart distributes numerical score values as angular arcs, with each slice color-coded using an ordinal color scheme and labeled directly on the visualization; a supplementary legend maps names to colors. Built with D3 v6, the code loads JSON data, applies the `d3.pie` layout, and renders paths and text for slices via SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

assignment 2

This example shows a reusable pie chart of scores by name, rendered as SVG. It loads CSV data from a GitHub gist and converts the score field to numbers. The visualization uses a modular `pieChart` function with chainable accessor methods, building arcs via `d3.pie()` and `d3.arc()`, filling slices with a categorical color scale, and labeling each slice with its category name. The chart is centered within a 500x500 SVG using D3 v6.

CChiranjeeviUppala@my.unt.edu
91% match
Loading thumbnail…

Assignment 2 question1

This example displays a pie chart of three sample categories with proportional slices, a legend, and axis labels. It renders as SVG using D3 v7, loading the library from UNPKG. The code uses `d3.pie()` for data layout, `d3.arc()` for path generation, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and appends slices, legends, and labels via D3’s data join methods (`selectAll`, `enter`, `append`). The chart is built dynamically from static, hardcoded data.

BBhavana Sharma
84% 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
84% 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
84% 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
83% match
Loading thumbnail…

assignment2

This visualization is a pie chart that displays the distribution of student groups for individuals with math scores greater than 70. The chart uses a categorical color scale to distinguish groups, with labels showing the group name and count on each slice, plus a legend on the right. It loads exam data from a CSV file via `d3.csv`, filters rows by the math score condition, and aggregates counts using `d3.rollup`. The chart is rendered with SVG paths generated by `d3.pie` and `d3.arc`, using `d3.scaleOrdinal` with `schemeCategory10` for coloring.

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

assignment d1

This example shows a pie chart displaying the distribution of four organizational units based on their counts. D3.js v6 creates the SVG visualization, using the `d3.pie` generator to compute arc angles and `d3.arc` to render the path shapes. A categorical color scale from `d3.schemeCategory10` fills each slice, with labels positioned via `arc.centroid`. A legend built from rectangles and text conveys the unit names. The remaining files are templates; only `index.html` is executed.

Aakshayareddy224@gmail.com
82% match