Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6_Question 4

✓ Published0🌍 Public
Ttallavijayalakshmi0710@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024

This example visualizes the Iris dataset as an interactive bubble chart, using circle size to represent petal length and color to distinguish iris species. The chart plots sepal length on the x-axis and sepal width on the y-axis for all 150 samples. Built with D3 v7 and rendered as SVG, it includes a legend for species and tooltips that display species and petal length on mouseover. The visualization implements scales via `d3.scaleLinear` and `d3.scaleOrdinal`, with color mapping derived from `d3.interpolateTurbo`.

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_Question

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.

11810vineeth@gmail.com
92% match
Loading thumbnail…

Activity 6_Question 4

This bubble chart visualizes correlations among sepal length, sepal width, and petal length for three iris species, with petal length encoded as bubble size and species color-coded using a categorical scale built with `d3.scaleOrdinal` and `d3.interpolateTurbo`. It loads data from `iris.csv` and renders SVG circles positioned by linear scales. Interactive tooltips highlight species and petal length on mouseover, while a legend identifies color assignments.

Ttallavijayalakshmi0710@gmail.com
91% match
Loading thumbnail…

Fork of Activity6_Task4.9

This visualization is a bubble chart of the Iris dataset, plotting sepal length on the x-axis against sepal width on the y-axis, with each bubble’s radius representing petal length. The chart uses D3 v7 to load the data from a CSV file, create linear scales for positioning and sizing, and render the bubbles as SVG circles. A simple color rule distinguishes flowers with petal length greater than three (steelblue) from those below (orange), with black strokes and hover opacity changes.

MMallikarjun Narra
91% 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
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 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
91% 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
91% match
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
91% match