Skip to main content
SimilarExport ZIP
100%

Activity6_Task 2.1

✓ Published0🌍 Public
DDeekshitha Annreddy
Last edited Oct 23, 2024
Created on Oct 23, 2024

This stacked bar chart displays the percentage distribution of four iris flower measurements—sepal length, sepal width, petal length, and petal width—across the three iris species in the classic iris dataset. The visualization uses D3 v7 to load and parse the CSV data, then renders the stacked bars in SVG using d3.stack() and d3.scaleBand() for the categorical species axis. A d3.scaleLinear() maps the percentage values, and mouseover interactions trigger tooltips showing exact percentages via d3.format().

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…

Task2_Activity6

This stacked bar chart visualizes the distribution of four flower measurements—sepal length, sepal width, petal length, and petal width—across the three Iris species. Each horizontal bar represents a species, with segments proportional to the percentage of each measurement type. Hovering over a segment reveals the exact percentage via a D3 tooltip. The chart uses `d3.csv` to load the Iris dataset, `d3.stack` for stacking, and `d3.scaleBand` for the y-axis, with data rendered as SVG rectangles.

Ssanjanadadi19@gmail.com
95% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of iris flower measurements (sepal length, sepal width, petal length, and petal width) across the three iris species. The visualization uses d3.v7 with d3.stack() to stack the percentage values for each species, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis. A color scale maps each measurement type to a distinct color, and the chart includes hover interactions that display tooltips showing the exact percentage values for each segment.

Vvankayalapatimounika2000@gmail.com
93% match
Loading thumbnail…

Activity6-Task2

This visualization displays the Iris flower dataset as a stacked horizontal bar chart, showing the contribution of four measurements (sepal length, sepal width, petal length, and petal width) for each of the three iris species. The chart uses a diverging color scale to distinguish the measurements and includes interactive tooltips that reveal the precise value of a measurement when hovering over a segment. The code loads D3 v7 via UNPKG and uses the `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.scaleOrdinal()` APIs to process and position the data, while rendering the final output as SVG.

Ss.harshinisai01@gmail.com
92% match
Loading thumbnail…

Activity6_Task2 (question2)

This stacked bar chart visualizes the mean measurements of sepal length, sepal width, petal length, and petal width for three iris species: setosa, versicolor, and virginica. Each horizontal bar represents a species, segmented into colored sections corresponding to each measurement type, with tooltips displaying exact mean values on hover. The visualization loads data from iris.csv using D3 v7, applying a linear scale for the x-axis and a band scale for the y-axis. It employs `d3.stack()` to compute stacked bar segments, `d3.scaleOrdinal()` for color encoding, and renders all elements as SVG with interactive mouseover tooltips.

Gguruabhay294@gmail.com
91% match
Loading thumbnail…

Activity 6 question 2

This visualization displays the percentage breakdown of four iris flower measurements (sepal length, sepal width, petal length, petal width) for each of the three iris species. Built with D3 v7, it uses a horizontal stacked bar chart where each bar represents a species, and colored segments show the proportional contribution of each measurement. The code employs `d3.stack` to compute the stacked data, `d3.scaleLinear` for the percentage axis, and `d3.scaleBand` for the categorical species axis. Interactive tooltips reveal exact percentage values on hover, while the SVG rendering uses `d3.select` and `d3.append` to construct the chart and handles.

AAamani Chamarthi
91% match
Loading thumbnail…

Fork of Activity6_Task2.3

This stacked bar chart displays aggregate sepal measurements for three Iris species, showing sepal length and sepal width contributions for setosa, versicolor, and virginica. Using D3 v7, the visualization applies `d3.stack()` to layer the metrics, `d3.scaleBand` for categorical spacing, and `d3.scaleLinear` for the value axis. Hover interactions reveal species-specific values via a tooltip, with the CSV data rendered as SVG bars colored blue and orange.

MMallikarjun Narra
91% match
Loading thumbnail…

activity6_que 2

This visualization displays the percentage composition of the Iris dataset, broken down by species and flower part measurements. The horizontal stacked bar chart uses d3.stack to aggregate the data, with each bar representing a different species and colored segments showing the proportional contribution of sepal length, sepal width, petal length, and petal width. The d3.scaleLinear and d3.scaleBand axes map the percentage values, while mouseover interactions trigger a tooltip that reports the exact percentage for each segment. The data is loaded from an external CSV file containing the classic Iris flower measurements.

NNagalakshmi Thota
91% match
Loading thumbnail…

Activity6Question2

This stacked bar chart visualizes the Iris dataset, showing the average measurements of sepal length, sepal width, petal length, and petal width for each of the three iris species. The code uses d3.csv to load the data, d3.stack to group the four numeric attributes into layers, and d3.scaleBand and d3.scaleLinear to map species and cumulative values. Rendered as SVG, each colored segment represents one measurement category, with axes added via d3.axisBottom and d3.axisLeft.

Nneerajreddyaluka@gmail.com
90% match