Skip to main content
SimilarExport ZIP
100%

task9

✓ Published1🌍 Public
Aasheshpinisetti@my.unt.edu
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

IRIS

A pie chart visualizes the species distribution of the Iris dataset, showing each category as a slice with its own color and a corresponding legend. The code loads CSV data from a GitHub gist, groups it by species to count occurrences, and uses `d3.pie` and `d3.arc` to generate the SVG paths. Colors are assigned via `d3.scaleOrdinal` with a manual range, and `d3.select` manages the SVG elements while `d3.rollups` performs the aggregation.

Mmyselfganesh433@gmail.com
84% match
Loading thumbnail…

Task-8

This example visualizes the Iris dataset with a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, and virginica). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load data, position circles, and render axes as SVG, with data sourced from a GitHub-hosted CSV. Colors are assigned via a switch statement, and axis labels are added as SVG text elements.

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

Activity6-Task3.1

This scatter plot visualizes the Iris dataset, using petal length and width to position each of the 150 flowers. The plot colors each point by species—setosa, versicolor, and virginica—using distinct hues. Built with D3 v6, the visualization loads CSV data via `d3.csv`, encodes values with `d3.scaleLinear` and `d3.extent`, and renders axes through `d3.axisLeft` and `d3.axisBottom`. The code constructs circular marks within an SVG canvas, with a title and axis labels styled in red and green.

Aaashishvinayvasala@gmail.com
83% match