Task9_1.1

100%

✓ Published0🌍 Public

Last edited Apr 21, 2024

Created on Apr 21, 2024

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.

AI-generated description

A demonstration of reusable pie chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

task9

This example visualizes the distribution of flower species in the Iris dataset as a pie chart, with a color-coded legend displayed beside the chart. It uses D3 v7 to load CSV data via `d3.csv`, aggregate counts with `d3.rollups`, and render SVG arc paths generated by `d3.pie` and `d3.arc`. Colors are assigned through `d3.scaleOrdinal` with `d3.schemeCategory10`, and the legend is built dynamically in HTML with styled divs.

Aasheshpinisetti@my.unt.edu

91% match

Loading thumbnail…

Fork of Task9&10 Question1

This pie chart visualizes the distribution of iris flower species from a CSV dataset, showing the proportion of each species in the collection. The chart uses d3.pie and d3.arc to generate the pie slices, with an ordinal color scale from d3.schemeCategory10. A custom legend is built using HTML divs alongside the SVG chart, displaying color-coded species labels. The data is loaded and aggregated with d3.csv and d3.rollups, and the visualization is rendered as an SVG within a flex container.

MMallikarjun Narra

89% match

Loading thumbnail…

Task 9 - Question 1

This visualization displays the distribution of Iris flower species as a pie chart, with each slice representing the count of observations per species. The chart is generated using D3.js v6, employing the `pie()` layout and `arc()` generator to compute and render the slices, while `d3.rollup` aggregates the dataset by species. A legend and axis labels are included, rendered as SVG elements, and the chart reads from a remote CSV file containing the Iris dataset.

Vvarun.mahankali39@gmail.com

88% match

Loading thumbnail…

Task 9&10 Q1

This visualization presents a pie chart of iris sepal lengths grouped by species, with a color-coded legend identifying each species category. The chart uses D3.js v7 to load the iris dataset from GitHub, compute the pie layout with `d3.pie`, and render arcs with `d3.arc` as SVG paths. A legend is generated from the species labels, and each segment’s color is assigned via `d3.scaleOrdinal` with `d3.schemeCategory10`. The SVG includes a title and an axis label, though no interactive behavior or additional encoding is implemented beyond static display.

Nnsairitwikreddy@gmail.com

87% match

Loading thumbnail…

Pie chart

This pie chart visualizes the distribution of iris flower species from a remote CSV dataset, with each species represented as a colored slice and a matching legend. Built with D3 v6, the example uses the `pie` generator, `arc` generator, `scaleOrdinal`, and `schemeCategory10` to create the chart, while `svg` selections handle rendering. The code also demonstrates a reusable `pieChart` module with chained getter-setter methods, and the legend is drawn manually using appended `g` elements with rectangles and text labels, all styled with custom CSS.

Ppmanoj13053@gmail.com

86% match

Loading thumbnail…

Pie chart

This pie chart displays the distribution of iris species from a CSV dataset loaded via `d3.csv`. Each slice represents one flower, and the chart uses `d3.pie` and `d3.arc` to generate the arcs, with colors assigned by `scaleOrdinal` and `schemeCategory10`. Two legends are rendered—one inside the chart function and another in the main script—both labeling species via SVG rectangles and text. The visualization adapts to the full browser window size.

GGangumalla Ruchitha Reddy

86% 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

85% match

Loading thumbnail…

iris-pie-chart

This pie chart visualizes the distribution of iris species across the dataset, showing counts for Iris-setosa, Iris-versicolor, and Iris-virginica. It uses d3.pie and d3.arc to generate slices, d3.rollup to aggregate counts, and a d3.scaleOrdinal for color encoding. The chart is rendered as SVG with labels positioned via arc.centroid, accompanied by a separate SVG legend. Data is loaded asynchronously from a CSV file using d3.csv, with all elements cleared on reload.

Ssohith kampalli

85% match