ACTIVITY 6_TASK_4

100%

ACTIVITY 6_TASK_4

✓ Published0🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This interactive bubble chart visualizes the classic Iris dataset, plotting sepal length against sepal width for three species of flowers (setosa, versicolor, and virginica). Each circle's radius encodes petal length, while its color distinguishes species. The visualization uses d3.csv to load the data, and D3 v7 scales (`scaleLinear`, `scaleOrdinal`) to map measurements to positions, sizes, and colors. Interactive tooltips appear on mouseover, showing species and sepal dimensions. A legend identifies species, and circle styling includes yellow strokes and hover effects that increase opacity and stroke width.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ACTIVITY 6_TASK 4

This bubble chart visualizes the Iris dataset, showing sepal length against sepal width for three species, with bubble size encoding petal length and color distinguishing species. Hovering over a bubble reveals a tooltip with the exact measurements. The visualization is built with D3.js v7 using SVG rendering and scales for positioning and sizing. Axes include descriptive labels, and a legend identifies each species by color.

Ppasumarthiraghuram21@gmail.com

95% 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

93% match

Loading thumbnail…

Activity6_Task4.2

This interactive bubble chart visualizes the correlations between sepal length and petal length in the classic Iris dataset, with bubble size encoding sepal width. Each of the 150 flowers is represented as an SVG circle colored by species using `d3.scaleOrdinal` and the Turbo color map. Hovering a bubble triggers a tooltip via D3's event handlers that displays the species name. The chart includes labeled axes, a legend for size values using `d3.scaleLinear`, and a 400-pixel right margin for the legend, all rendered through `d3.svg` with animated transitions on the tooltip.

Ss.harshinisai01@gmail.com

92% match

Loading thumbnail…

activity6_task4

This bubble chart visualizes the correlation between sepal length, sepal width, and petal length across three iris species. Each circle’s x-position represents sepal length, y-position represents sepal width, and radius encodes petal length, with color distinguishing species. The visualization uses d3.csv to load the dataset, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for species colors. Tooltips appear on hover, and a legend explains both bubble sizes and species categories. The SVG rendering approach includes interactive mouse events for enhanced exploration.

Ssaibharath7thota@gmail.com

91% match

Loading thumbnail…

Question 4 Activity

This bubble chart visualizes the Iris dataset, plotting petal length against sepal length for individual flowers. Circle size encodes sepal width, while color distinguishes the three Iris species (setosa, versicolor, and virginica). The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for position and radius, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom`/`d3.axisLeft` for axes. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted CSV file.

VVijay Sheru

91% match

Loading thumbnail…

Activity-8_Question-4

This interactive D3.js bubble chart visualizes the classic Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis. Each circle’s radius encodes petal length, while its fill color corresponds to the categorical attribute of the flower species. The visualization uses `d3.csv` to load the data, builds a linear scale for both axes and radius, and applies `d3.scaleOrdinal` for color mapping. The chart is rendered as SVG with axes, labels, and semi-transparent circles, providing a clear multi-dimensional view of the dataset’s measurements.

Ttharunramula@gmail.com

90% match

Loading thumbnail…

Activity6_QUESTION4

This example visualizes the correlation between sepal length, sepal width, and petal length across three iris species using a bubble chart. It loads the iris dataset from a CSV file and renders animated SVG circles, with x- and y-axes representing sepal measurements and circle size encoding petal length. The chart uses d3.scaleLinear for positioning and sizing, d3.scaleOrdinal with d3.interpolateTurbo for species colors, and includes interactive tooltips that display species and petal length on mouseover. A legend identifies the species color assignments.

Vvankayalapatimounika2000@gmail.com

90% match

Loading thumbnail…

task-8(Q4)

This bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for 150 flowers. Each circle's size encodes petal length, while its color distinguishes the three species, with a legend mapping categorical colors. The SVG rendering uses D3 v7 scales for positioning and sizing, with a tooltip that displays species and sepal measurements on hover. The implementation shows no animation, only static circles with interactive mouse events, despite the metadata noting animation support.

Ttallurisaiteja96@gmail.com

89% match