Activity8_Task4

100%

Activity8_Task4

✓ Published0🌍 Public

Last edited Apr 14, 2024

Created on Apr 14, 2024

A bubble chart displays the Iris dataset, plotting sepal width on the x-axis against sepal length on the y-axis. Each circle's radius encodes petal length, while its color distinguishes the three species (setosa, versicolor, and virginica) using a custom ordinal scale. Built with d3.v7 and rendered as SVG, the visualization includes interactive tooltips on hover, a legend, and animated opacity transitions for a polished presentation.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

A bubble chart displays the Iris dataset, plotting sepal length against sepal width for three species, with point size encoding petal length and color distinguishing species. The visualization is rendered as an SVG using D3.js v7, relying on d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom/axisLeft for ticks. Interactive tooltips appear on hover via mouseover, mousemove, and mouseleave events, while a legend identifies the species.

Ssahithigovindaraju@my.unt.edu

95% match

Loading thumbnail…

Activity6_Task4_Q4.

This interactive bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for three species of iris. Each circle's size is scaled to the flower's petal length, and its color indicates the species, with a legend identifying the categories. Built with D3.js v7, the SVG chart uses `d3.scaleLinear` for axes and bubble scaling, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and displays a tooltip on mouseover, revealing species and sepal measurements. The visualization is rendered with an animation framework and supports hover interactions.

PPothuguntla Pranitha

94% match

Loading thumbnail…

Activity6_bubblechart-TASK4(Question)

This interactive bubble chart visualizes the Iris dataset, mapping sepal length and width to the x- and y-axes while encoding petal length as bubble radius. Each of the three species—setosa, versicolor, and virginica—is distinguished by color through a `d3.scaleOrdinal`, with a legend and tooltip revealing petal length on hover. Built with D3 v7, the visualization uses SVG circles, `d3.axisBottom` and `d3.axisLeft` for scales, and transitions for tooltip fade effects.

Vvinilavoddi@my.unt.edu

94% match

Loading thumbnail…

Activity6_Task4_Q4

This interactive bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for three flower species. Circle size encodes petal length, while color distinguishes species. Built with D3.js v7, the SVG visualization includes hover tooltips displaying specimen details and a categorical legend. The chart uses linear scales with `d3.scaleLinear` for axes and bubble sizing, plus an ordinal color scale for species grouping. Data is loaded asynchronously via `d3.csv` from the iris.csv file.

PPothuguntla Pranitha

93% match

Loading thumbnail…

Activity6_Task4

This SVG bubble chart, rendered with D3 v7, visualizes the Iris dataset by plotting sepal length against sepal width. Each circle's radius encodes petal length, while its color distinguishes the three species using a categorical scale. The code loads data from a remote CSV, employs `d3.scaleLinear` and `d3.scaleOrdinal` for positioning and coloring, and provides interactive tooltips on hover. A static legend identifies species, and the visualization supports animation through D3's transition methods.

Ggsdontineni518@gmail.com

93% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for three flower species. Each circle’s size encodes petal length, while color distinguishes species. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `schemeCategory10` for color mapping, and interactive tooltips that appear on hover. Data is loaded via `d3.csv` from a GitHub repository, with styled circles that increase opacity and stroke width on mouseover.

CCodeNinja

93% match

Loading thumbnail…

Activity 6 Task 4

This bubble chart displays the Iris dataset, plotting sepal length on the x-axis, sepal width on the y-axis, and encoding petal length through bubble size, with species distinguished by color. The visualization uses D3.js v7, including `d3.scaleLinear` for axes and radius, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG circles. Interactive tooltips appear on mouseover, while a legend shows petal length values and species categories.

BBamanGayathri

92% match

Loading thumbnail…

Activity 6 Task 4 Q4

This bubble chart visualizes the Iris dataset, showing sepal length on the x-axis, sepal width on the y-axis, and petal length encoded by circle radius. Circles are colored by species (setosa, versicolor, virginica), with a legend to the right. Hovering reveals a tooltip with species and measurement details. The visualization uses D3 v7 with SVG rendering, including `d3.scaleLinear` for axes, `d3.scaleSqrt` for radius mapping, and `d3.scaleOrdinal` for species colors.

Mmounikakatipally995@gmail.com

92% match