Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 4 Q9

✓ Published0🌍 Public
Kkesava
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This example loads the classic Iris dataset from a remote CSV file and renders a bubble chart using D3.js v7 with SVG. It plots sepal length on the x-axis and sepal width on the y-axis, while the size of each circle encodes petal length through a `d3.scaleSqrt`. The chart includes axes generated with `d3.axisBottom` and `d3.axisLeft`, along with custom axis labels. Circles are filled with semi-transparent steelblue and the code fetches data asynchronously via `d3.csv`.

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

Activity 6_Question 9

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.

Ppenujulilikhil01020@gmail.com
88% match
Loading thumbnail…

Activity6_Task3

This example displays the classic Iris dataset as an SVG scatter plot, using D3 version 6 to map petal length and width along the axes while coloring circles by species. It loads data from a remote CSV file and uses `d3.csv` for parsing, `d3.scaleLinear` for scales, and `d3.axisLeft`/`axisBottom` for ticks. Each circle’s fill is determined by a switch function, and sepal measurements are set as `rx` and `ry` attributes, though the radius remains constant. The visualization fills the viewport and applies custom axis labels and styling.

Gganeshseeram5decem@gmail.com
88% 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
88% match
Loading thumbnail…

Activity6_Task4

This SVG bubble chart, rendered with D3 v7, visualizes the Iris dataset by plotting sepal length against sepal width. Each circle's radius encodes petal length, while its color distinguishes the three species using a categorical scale. The code loads data from a remote CSV, employs `d3.scaleLinear` and `d3.scaleOrdinal` for positioning and coloring, and provides interactive tooltips on hover. A static legend identifies species, and the visualization supports animation through D3's transition methods.

Ggsdontineni518@gmail.com
88% 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
87% match
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
87% 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
87% match