Skip to main content
SimilarExport ZIP
100%

Activity 6 Task-2

✓ Published0🌍 Public
Iiftequaruddin883@gmail.com
Last edited Oct 22, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This visualization shows the distribution of iris flower counts across three species—setosa, versicolor, and virginica—using a simple bar chart. The code loads the Iris dataset via a remote CSV URL and uses D3 v6 APIs such as `d3.rollup`, `scaleBand`, `scaleLinear`, and axis functions to aggregate and display the data as colored rectangles in an SVG. Each bar is color-coded by species, with hover effects that increase opacity. The chart includes labeled axes for species and count, rendered within a full-window responsive layout.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Question2

This visualization depicts the distribution of the Iris dataset across three species, showing the percentage of each species. It employs a stacked bar chart to display the proportions, with each bar representing a species and colored segments for each species type. When hovering over a segment, a tooltip reveals the exact percentage. The code uses d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the chart, with a custom tooltip for interaction. The visualization is rendered as SVG.

HHarshita Vairagade
87% match
Loading thumbnail…

Activity 6_Question2

This visualization depicts the distribution of the Iris dataset across three species, showing the percentage of each species. It employs a stacked bar chart to display the proportions, with each bar representing a species and colored segments for each species type. When hovering over a segment, a tooltip reveals the exact percentage. The code uses d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the chart, with a custom tooltip for interaction. The visualization is rendered as SVG.

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

Activity 6_Task3.1

This visualization displays the Iris dataset as a scatter plot, mapping petal length and width for each flower specimen. The D3 v6 code colors the circular marks by species—setosa, versicolor, and virginica—using a custom switch function. The SVG chart is created with d3.select, scaleLinear, extent, and axis functions, loading data from a CSV via d3.csv and parseRow.

SSiva Kishore Reddy
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 task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, and virginica) using D3 v6. The SVG rendering uses `scaleLinear` for both axes, `extent` to set domains, and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a GitHub CSV via `d3.csv`, with each circle assigned a radius of 5 and a species-specific fill color from a simple switch statement.

Vvishnutejareddyambati@my.unt.edu
87% match
Loading thumbnail…

Activity 6_Question 2

This stacked horizontal bar chart displays the percentage distribution of iris flower species, comparing the proportion of setosa, versicolor, and virginica flowers across different percentage ranges. The visualization uses D3.js v7 to render SVG elements, employing the d3.stack function to compute cumulative bar segments and d3.scaleOrdinal with a color scale to distinguish each species. Interactive tooltips appear on mouseover, revealing the exact percentage value for each segment. The data originates from the classic Iris dataset, with axes labeled for percentage and species categories.

Ttallavijayalakshmi0710@gmail.com
86% match
Loading thumbnail…

Activity6_Task2

Iris measurements from the classic Iris dataset appear as horizontally stacked bars for each species, with four segment colors mapping the sepal and petal dimensions. The chart uses d3.stack and scaleBand to arrange layers per species, and hover tooltips reveal exact numerical values per segment. Axis ticks are drawn with d3.axisBottom, and the SVG rendering includes explicit axes, labels, and a color legend.

Ggsdontineni518@gmail.com
86% match