Skip to main content
SimilarExport ZIP
100%

Activity 6_Task 3.1

✓ Published0🌍 Public
Aakankshareddygorla@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, comparing petal length and width across three flower species. Each data point is color-coded by species, with setosa in sky blue, versicolor in light green, and virginica in orange. The visualization uses D3's `csv` loader to fetch remote data, then applies `scaleLinear` with `extent` for axis scaling. Points are rendered as SVG circles via `selectAll`, with axes generated using `axisLeft` and `axisBottom`. Chart dimensions dynamically adapt to the browser window size.

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_Task3

This scatter plot visualizes the Iris dataset, displaying petal length and petal width for individual flowers while using color to distinguish species (setosa, versicolor, and virginica). Built with D3.js v6 as an SVG rendering, the code loads CSV data via `d3.csv`, scales values with `scaleLinear` and `extent`, and renders circles with `selectAll().join()`. The visualization includes custom axes created with `axisLeft` and `axisBottom`, labeled to show measurement dimensions.

AAkhileshVadlakonda@my.unt.edu
95% match
Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species. Colored circles represent each species, with skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a CSV file using d3.csv and renders SVG circles with d3.scaleLinear for axes positioning. Axis labels rotate with SVG transforms, and species-specific colors are assigned through a JavaScript switch statement. The plot uses d3.axisLeft and d3.axisBottom for the coordinate system.

Cchinnivikramnunna@gmail.com
94% match
Loading thumbnail…

Activity6_task3

A scatter plot displays the Iris dataset, plotting petal length against petal width for three Iris species (setosa, versicolor, and virginica), with each species shown as a distinct colored circle (skyblue, lightgreen, and orange). The visualization uses D3 v6's `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data from a remote CSV, create a linear scale for both axes, and render the SVG chart. Points are drawn with 0.8 opacity, and the axes are labeled in green, with a title in red.

Aadityatrip9899@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
94% match
Loading thumbnail…

Activitity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are drawn via SVG selection joins with the fill color determined by a species-based marker function. The chart includes labeled axes for petal length and sepal width, rendered in green text within a full-window SVG.

GGunna,Praneeth Reddy
94% match
Loading thumbnail…

Activity 6_task 3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers, with points colored by species (setosa in skyblue, versicolor in lightgreen, and virginica in orange). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV, map values to screen coordinates, and render an SVG with labeled axes. Each circle’s radius is fixed at five pixels, though the code also computes sepal dimensions as additional metadata.

Jjampani921@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—revealing distinct clusters. The example loads data from a remote CSV file using the `d3.csv` function, then renders the chart as an SVG. It uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to create the scales and axes, with the `select` and `join` pattern to bind data to circle elements.

Ssindhuja27b@gmail.com
94% match