Skip to main content
SimilarExport ZIP
100%

Task 9&10 Q1

✓ Published0🌍 Public
Nnsairitwikreddy@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello HTML

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task 9&10 Q2

This visualization displays the Iris dataset, showing the sepal and petal measurements for each of the three iris species. Four overlapping area charts are rendered as SVG paths, each filled with a different color to represent the sepal length, sepal width, petal length, and petal width. The visualization uses d3.area to construct the paths, with xScale and yScale from d3.scaleBand and d3.scaleLinear respectively. The data is loaded from a remote CSV file via d3.csv. A legend and axis labels are included for clarity.

Nnsairitwikreddy@gmail.com
88% 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
88% 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
87% 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
87% 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
86% match
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
86% match
Loading thumbnail…

taak 9 (q1)

This pie chart visualizes the distribution of sepal lengths across iris species, with each segment colored using d3.scaleOrdinal and d3.schemeCategory10. The code loads data from a remote CSV file via d3.csv, then uses d3.pie and d3.arc to generate the SVG paths. A legend built with HTML div elements identifies each species, while text labels annotate the chart title and axis. The visualization employs D3 v7 with a straightforward SVG rendering approach.

Rreddyswethuvahana@gmail.com
86% match
Loading thumbnail…

Task9_Q2

This visualization displays the Iris dataset as an area chart, with each of the three flower species drawn as a separate filled region. Sepal width maps to the x-axis and sepal length to the y-axis, while a categorical color scale distinguishes species. The chart loads CSV data from a remote GitHub repository, parsing numeric fields before grouping rows by species. Using d3.scaleLinear for both axes, d3.area generates the stacked-like paths, and d3.axisBottom and d3.axisLeft render labeled axes with a legend. Data is sorted by sepal width before each path is drawn, with the SVG rendered across the full browser viewport.

Pparvathi829790@gmail.com
86% match