Skip to main content
SimilarExport ZIP
100%

Assignment-2

✓ Published1🌍 Public
Bbhavyasrireddy267@gmail.com
Last edited Mar 27, 2025
Created on Mar 26, 2025
Forked from HTML Starter

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.

AI-generated description

A demonstration of reusable scatter plot.

MIT Licensed

Similar vizzes

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
90% 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
86% 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
86% match
Loading thumbnail…

Assignment-2 Question-1

This pie chart displays the distribution of animal species by count, with each slice labeled with its value in thousands and accompanied by a legend. The visualization fetches data from a GitHub-hosted CSV file using `d3.csv`, then constructs the chart with `d3.pie` and `d3.arc` for the segments, while `d3.scaleOrdinal` assigns colors. Value labels are formatted via `d3.format` and positioned using `arc.centroid`. The D3 v5 code renders to an SVG canvas and includes styled legend rects and text elements.

Aarthireddykota@my.unt.edu
86% match
Loading thumbnail…

Assignment 2

This pie chart visualizes the distribution of Iris species from a CSV dataset fetched via `d3-fetch`. The chart uses `d3.arc`, `d3.pie`, and a `scaleOrdinal` color scale to render slices, with text labels and a legend identifying each category. Data is processed by counting species occurrences, and the SVG is rendered with a bold title and custom styling from CSS.

Aanjeevu@gmail.com
86% match
Loading thumbnail…

assignment2

This pie chart visualizes the count of persons associated with each technical skill from a job market dataset. The D3.js v5 code, using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`, renders an SVG with colored slices and labels, alongside a legend detailing skill categories and their corresponding values. Data is fetched from a CSV via `d3.csv` and styled with custom CSS.

Ggvinaykumards@gmail.com
86% match
Loading thumbnail…

Assignment 2 - Question-1

This pie chart displays animal species data, with each slice labeled by its value in thousands and accompanied by a color-coded legend. The visualization uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal mapping species names to a fixed palette. Data is loaded asynchronously from a CSV file via d3.csv. Text labels inside slices use arc.centroid for positioning, while legend entries are manually placed with SVG elements.

Aarthireddykota@my.unt.edu
86% 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
85% match