Skip to main content
SimilarExport ZIP
100%

Question_4_Activity_6

✓ Published0🌍 Public
SSai Sandhya Nannapaneni
Last edited Oct 23, 2024
Created on Oct 23, 2024

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.

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_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
93% match
Loading thumbnail…

Question_4

This example displays the Iris dataset as a bubble chart, encoding sepal length on the x-axis, sepal width on the y-axis, and petal length as the bubble radius. It uses d3.csv to load the data and d3.scaleLinear and d3.scaleSqrt to map values to positions and sizes. Axes are generated with d3.axisBottom and d3.axisLeft, and circles are appended to an SVG with a steelblue fill and opacity 0.5. Tooltip styling is included in the HTML but not activated.

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