Skip to main content
SimilarExport ZIP
100%

Activity 6_Question 9

✓ Published0🌍 Public
Ppenujulilikhil01020@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This bubble chart visualizes the Iris dataset by mapping sepal length and sepal width to the x- and y-axes, while petal length controls the radius of each semi-transparent steelblue circle. It imports data via `d3.csv`, uses `d3.scaleLinear` and `d3.scaleSqrt` to encode variables, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The chart demonstrates how bubble size adds a third quantitative dimension to a scatterplot.

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.9

This bubble chart visualizes the Iris dataset, using sepal length and width as Cartesian coordinates and petal length to scale the radius of each semi-transparent, steel-blue circle. The D3.js v7 code loads the CSV data, applies linear scales for the axes and a square-root scale for the radii, and renders the chart as SVG with axis labels. The plot shows the distribution of iris measurements, with larger bubbles indicating longer petals.

Ttarun.chintada46@gmail.com
91% match
Loading thumbnail…

Activity_8_Question-4

This bubble chart visualizes the Iris dataset, showing sepal length on the x-axis, sepal width on the y-axis, and petal length encoded as circle radius using d3.scaleSqrt. Each of the 150 flower samples appears as a semi-transparent steelblue circle. The chart uses d3.csv to load external data, d3.axisBottom and d3.axisLeft for axes, and d3.extent for domain calculation, rendering in SVG within an 800×600 viewport. Tooltip styling is predefined but not implemented.

Mmanideepchinna25@gmail.com
90% match
Loading thumbnail…

Question_4_Activity_6

This visualization displays the Iris dataset as a bubble chart, mapping sepal length and sepal width to the x and y axes while encoding petal length through bubble radius. The SVG chart uses D3 v7’s linear and square-root scales, with axes generated via d3.axisBottom and d3.axisLeft. Data loads asynchronously from a GitHub-hosted CSV using d3.csv, and semi-transparent steelblue circles render the dimensions for each sample.

SSai Sandhya Nannapaneni
90% 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
89% 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
89% 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
88% 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
88% 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
88% match