Skip to main content
SimilarExport ZIP
100%

Activity6_Q4

✓ Published0🌍 Public
SSahithi.R
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity6_Task4

This interactive bubble chart visualizes sepal length, sepal width, and petal length for 150 iris flowers, with bubble size encoding petal length and color distinguishing three species. The visualization uses D3 v7 with linear scales for axes, an ordinal color scale, and CSV data loading from a GitHub repository. Hovering over a bubble triggers tooltips displaying species and measurement details, while the semi-transparent circles respond to mouse events for highlighting. The chart renders as SVG with fixed margins and axis labels for sepal dimensions in centimeters.

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…

Activity-6 Q4

This bubble chart visualizes the Iris dataset, showing sepal length on the x-axis, sepal width on the y-axis, and petal length controlling bubble size, with colors distinguishing the three species. Built with D3.js v7, it uses `d3.csv` to load data, `scaleLinear` for axes and sizing, and SVG circles for rendering. Interactive tooltips appear on mouseover, displaying the species and all four flower measurements, while hovering increases bubble opacity and stroke width.

Hharshaps15@gmail.com
95% match
Loading thumbnail…

activity6-4

This interactive bubble chart visualizes the Iris dataset, plotting sepal length and width for three flower species, with bubble size encoding petal length and color distinguishing species. D3.js v7 handles data loading via `d3.csv`, scales with `d3.scaleLinear` and `d3.scaleOrdinal`, and renders SVG circles. Hover interactions trigger tooltips showing species and measurement details. A categorical legend identifies species by color.

BBibek Lamsal
94% 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_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
94% match
Loading thumbnail…

Activity6_Question4

This bubble chart displays the relationship between sepal length and sepal width for three Iris species, with petal length encoded as bubble size and species shown by color. The visualization uses the D3.js v7 library to render SVG circles, with linear scales mapping sepal measurements to x and y coordinates. A tooltip reveals species, sepal length, and sepal width on mouseover. The chart includes a legend showing species color assignments and is built from the Iris dataset loaded via `d3.csv`.

Vvarshithainaganti@gmail.com
93% match
Loading thumbnail…

ACTIVITY 6_TASK_4

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.

Ppasumarthiraghuram21@gmail.com
93% match
Loading thumbnail…

Activity8_Task4_Q4

This bubble chart visualizes the correlation between sepal length, sepal width, petal length, and petal width across three iris species. The x-axis maps sepal length, the y-axis maps sepal width, and petal length controls bubble radius, while color distinguishes species. Built with D3.js v7 and rendered as SVG, it uses `scaleLinear` for axes and bubble sizing, `scaleOrdinal` with `schemeCategory10` for colors, and includes an interactive tooltip on mouseover. The data comes from the classic Iris dataset, loaded via `d3.csv`.

Llikithabaddam@my.unt.edu
93% 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
93% match