Skip to main content
SimilarExport ZIP
100%

Activity 6 task 2

✓ Published0🌍 Public
RRishabh Sharma
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This visualization shows the petal length distribution for three flower species (setosa, versicolor, and virginica) using a stacked bar chart. The horizontal bars display combined petal length values for each species. Built with D3.js v7, it uses `d3.stack()`, `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.axisBottom()` to render SVG, with color encoding via `d3.scaleOrdinal()`. Interactive mouseover tooltips display exact petal lengths. The data originates from the iris dataset CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task_2_Q2

This visualization uses a stacked bar chart to show petal lengths for different Iris flower species. The code renders horizontal bars for sepal width, petal length, and petal width, with color-coded segments for each species. It employs D3.js v7 with d3.stack for data transformation, d3.scaleBand for the y-axis, and d3.axisBottom for the x-axis. Interactive tooltips display petal length values on mouseover, using d3.select and event handlers. The data comes from the Iris flower dataset, with SVG rendering.

PPradhyumna Poralla
90% match
Loading thumbnail…

Task8_Activity2

This example visualizes the distribution of petal lengths across three Iris species using a stacked bar chart with tooltips. The code loads data from a local CSV file and renders the chart as SVG using D3 v7. It employs `d3.stack()` to create stacked segments, `d3.scaleBand()` for the categorical species axis, and `d3.scaleLinear()` for the continuous petal length axis. Interactive mouseover events display tooltips showing the exact petal length for each species and segment.

Iikshwakalluri
89% 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
89% match
Loading thumbnail…

LokeshMademActivity6_Question2.3

This visualization displays stacked bar charts comparing petal length measurements across three iris flower species (setosa, versicolor, and virginica) using the Iris dataset. The chart uses d3.stack() to create stacked segments, d3.scaleBand for the categorical species axis, and d3.scaleLinear for the numerical length axis. Colors distinguish each species through a d3.scaleOrdinal with a custom color range. Interactive tooltips appear on mouseover showing precise petal length values, while hover effects alter rectangle opacity. The SVG rendering incorporates custom styling with d3.axisBottom, d3.axisLeft, and formatted values using d3.format('.2f').

LLokesh Madem
88% 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
87% match
Loading thumbnail…

Activity6_Task 2.1

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().

DDeekshitha Annreddy
87% match
Loading thumbnail…

Activity6_3

This visualization displays the Iris dataset using a scatter plot, with petal length plotted on the x-axis and petal width on the y-axis, while points are color-coded by species (setosa, versicolor, and virginica). The chart uses D3.js v6, with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` defining the scales and axes. Data is loaded via `d3.csv` from a GitHub gist, and each data point is rendered as an SVG circle with attributes set through D3’s data join.

Rrishikareddy181@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each species rendered as a distinct color: skyblue for setosa, lightgreen for versicolor, and orange for virginica. It displays the data as SVG circles whose x and y positions correspond to the petal measurements. Built with d3.v6, the visualization loads CSV data from a GitHub repository, uses scaleLinear for axis scaling, and leverages the axisLeft and axisBottom APIs to render labeled axes for petal length and sepal length. The chart occupies the full browser window.

SSeema Shrestha
86% match