Skip to main content
SimilarExport ZIP
100%

Activity6_task4_Question

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

This example visualizes the classic Iris dataset as an interactive bubble chart, plotting sepal length against sepal width for three species. Circle size encodes petal length, while color distinguishes species using a custom ordinal scale. Built with D3.js v7, it loads data via `d3.csv`, uses `d3.scaleLinear` for axes and bubble sizing, and renders as an SVG with animations. Hovering over a bubble reveals a tooltip with species and measurement details, and a legend identifies the color mapping.

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…

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
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
93% 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…

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…

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
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
92% 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
92% 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
92% match