Skip to main content
SimilarExport ZIP
100%

Q4

✓ Published0🌍 Public
Nnsairitwikreddy@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This D3.js bubble chart visualizes the classic Iris dataset, plotting sepal length on the x-axis, sepal width on the y-axis, and encoding petal length through bubble radius. Each of the 150 flowers is colored by its species (setosa, versicolor, or virginica) using a categorical color scale, with a legend positioned to the right. The SVG chart includes interactive hover tooltips that display species and measurement details. The code loads data via `d3.csv`, uses `d3.scaleLinear` for axes and bubble sizing, and `d3.schemeCategory10` for color assignment, with animated tooltip transitions.

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…

Q4

This bubble chart visualizes the Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis. Each bubble's size encodes petal length, while its color indicates the iris species (setosa, versicolor, or virginica). The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.schemeCategory10 for species colors, and d3.axisBottom and d3.axisLeft for labeled axes. Hovering over a bubble reveals a tooltip with the species and measurement details, and an animated legend lists the species categories.

Rreddyswethuvahana@gmail.com
93% match
Loading thumbnail…

Q4

This bubble chart visualizes the Iris dataset, plotting sepal length on the x-axis and sepal width on the y-axis. Each bubble's size encodes petal length, while its color indicates the iris species (setosa, versicolor, or virginica). The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.schemeCategory10 for species colors, and d3.axisBottom and d3.axisLeft for labeled axes. Hovering over a bubble reveals a tooltip with the species and measurement details, and an animated legend lists the species categories.

Rreddyswethuvahana@gmail.com
93% match
Loading thumbnail…

DV TASK-8 Q4

This interactive bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for 150 flowers. Each bubble’s size encodes petal length, while its color distinguishes the three Iris species, with a legend on the right. Built with D3.js v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG `circle` elements. Hovering reveals a tooltip showing species and sepal measurements, with smooth transitions on mouseover.

Nnagabinduk2023@gmail.com
92% match
Loading thumbnail…

Bubble Plot D3

This bubble plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each circle's radius encodes petal width, while its color distinguishes the three iris species (setosa, versicolor, virginica) via a categorical color scheme. Built with D3.js v6, the SVG visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeSet1` for species coloring. Data is loaded asynchronously from a CSV file using `d3.csv`, with axes rendered via `d3.axisBottom` and `d3.axisLeft`.

Bbhavanimandula@my.unt.edu
91% match
Loading thumbnail…

Question 4

This bubble chart visualizes the Iris dataset, plotting sepal length and width on the x and y axes while encoding petal length as bubble size and species as color. The D3.js code implements a color legend and hover tooltips. Using `d3.scaleLinear` for positioning and size, it maps petal length to a radius scale and species to a categorical color scheme.

Sshivasaiamaravadi@gmail.com
90% match
Loading thumbnail…

DV TASK-8 Q4

This interactive bubble chart visualizes the Iris dataset, plotting sepal length against sepal width for three flower species. Each circle’s radius encodes petal length, while its color distinguishes species using a categorical color scale. The visualization includes axes with descriptive labels, a legend, and hover tooltips that display species and measurements. Built with D3 v7, the chart uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG elements, with dynamic interactions driven by mouse event listeners.

Nnagabinduk2023@gmail.com
90% match
Loading thumbnail…

Question 4

This bubble chart visualizes the Iris dataset, plotting sepal length against sepal width, with bubble size and color representing petal length and species, respectively. It uses d3.v7’s `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` to map data to position, radius, and categorical colors. Interactive tooltips appear on hover, showing species and sepal measurements. The SVG is rendered with D3’s selection and join operations, and a legend identifies the three species using a custom color scheme.

Sshivasaiamaravadi@gmail.com
90% match
Loading thumbnail…

D3-Bubble Chart

This example displays the Iris dataset as a bubble chart, plotting sepal width on the x-axis and petal width on the y-axis. Circle size encodes sepal length, while color distinguishes species (setosa, virginica, versicolor) via a scaleOrdinal with a custom range. Built with D3 v7, it uses d3.csv for data loading, d3.scaleLinear for positioning and size, and SVG circles for rendering. The chart also includes axis labels and size legend annotations.

CChandana Srinivas
90% match