Skip to main content
SimilarExport ZIP
100%

acitivity7

✓ Published0🌍 Public
Ssahithitoomu@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This example displays the distribution of iris species as a pie chart, with each slice labeled and accompanied by a color-coded legend. It loads CSV data from a GitHub gist, parses numeric fields, and groups records by species using `d3.nest()` and `d3.rollup()`. The chart is rendered with SVG using `d3.pie()` and `d3.arc()`, while `d3.scaleOrdinal` with `schemeCategory10` assigns slice colors and legend swatches.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity7

A pie chart displays the distribution of flower species, with each slice labeled and a legend mapping colors to species names. The chart is titled "Flower Species Distribution" and includes axis labels for "Species" and "Count". The visualization is built with D3.js, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color assignment, and a CSV file loaded via `d3.csv()` as the data source, rendering an SVG.

Ssahithitoomu@gmail.com
86% match
Loading thumbnail…

Activity7-Q1

This example displays the Iris dataset as a pie chart, with each slice representing a species type and its corresponding sepal length value. The visualization uses D3.js version 7 to fetch the CSV data from a GitHub repository, calculate the pie arc segments with `d3.pie`, and render the chart as SVG paths. A legend with color-coded rectangles and text labels is positioned on the right side, and all text elements are styled through CSS classes defined in the accompanying stylesheet.

Ttejaswiteju9811@gmail.com
84% match
Loading thumbnail…

Question 1 Activity 7

This chart shows the distribution of Iris species in a pie chart, displaying each species with its count. The visualization is built with D3.js (v6.7.0) using the `d3.pie` and `d3.arc` layouts, with slices filled using `d3.scaleOrdinal` and `d3.schemeCategory10`. The SVG paths are generated server-side and rendered as inline SVG elements. Data comes from a remote CSV file loaded via `d3.csv` from the author's GitHub repository, and species frequencies are computed with `d3.rollup`. Hovering highlights slices via CSS transforms.

Kkommineniamarasadasivani2002@gmail.com
83% match
Loading thumbnail…

Task9_1.1

This example shows the distribution of iris flower species as a pie chart, with each slice labeled by species name and count. The chart is rendered using D3 v7’s `d3.pie` and `d3.arc` to compute slice geometry, while `d3.rollup` aggregates the CSV data by species. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) fills the slices, and annotations are positioned using the arc generator’s `centroid` method. The SVG output includes a legend built with appended rectangles and text.

Aamireddy.sw@gmail.com
83% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
83% match
Loading thumbnail…

IRIS

This pie chart displays the distribution of Iris species from a CSV dataset loaded from a GitHub gist. The chart uses a clean, white background with an elegant color palette of blue, orange, and green to distinguish the three species, and includes labels directly on the slices, a bold title, and a legend showing counts. Built with D3.js v7, it employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG slices, with `d3.rollups` aggregating the data.

Mmyselfganesh433@gmail.com
82% match
Loading thumbnail…

act7_q1piechart

This pie chart visualizes the distribution of flower species from a CSV dataset, displaying the proportion of each species with colored slices and labels. The chart is built with D3.js v7, using `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths, with an ordinal color scale assigning light green, blue, and orange to species groups. A legend on the right side, rendered as SVG rectangles and text, maps each color to its corresponding species, while `d3.rollups` aggregates the raw data into species counts before drawing.

Ssaikarthiknimmagadda@gmail.com
82% match
Loading thumbnail…

activity7_question1

This pie chart visualizes the distribution of Iris flower species (setosa, versicolor, and virginica) within the classic Iris dataset, using color-coded slices and labels that display each species name and count. The visualization is rendered as an SVG using D3.js, loading data from a CSV file hosted on GitHub. The code constructs the pie layout using `d3.pie()` and `d3.arc()`, applies a categorical color scale via `d3.scaleOrdinal()`, and positions text labels at each slice’s centroid.

Nnishwitha.1032@gmail.com
82% match