Skip to main content
SimilarExport ZIP
100%

Activity6_Task3(Tutorial 3.1)

✓ Published0🌍 Public
Nnithinnc@outlook.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

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 (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code loads CSV data from a GitHub gist using D3 v6’s `csv` function, maps the data into scaled coordinates via `scaleLinear` with `extent`, and renders circles as SVG elements. Axes are drawn using `axisLeft` and `axisBottom`, with rotated text labels for both dimensions. The visualization dynamically fills the browser window and uses D3’s `select` and `join` for data binding.

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

Activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—with all points rendered as fixed-size circles. The visualization uses the `d3.csv` loader to fetch data from a GitHub repository, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG canvas resizes to the browser window, and the code employs D3's data-join operator (`.join`) to efficiently bind data to circle elements.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

Activity6_Task3(Tutorial 3.1)

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are color-coded by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange fills. The visualization uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for rendering axes. SVG circles represent data points, with axis labels styled in green. The chart renders full-window with margins, displaying sepal dimensions as dataset attributes alongside the plotted petal measurements.

Gguruabhay294@gmail.com
94% match
Loading thumbnail…

Activity6-Task3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle is colored by species—setosa (skyblue), versicolor (lightgreen), and virginica (orange)—using a custom switch-based color mapping. The code loads CSV data from a GitHub repository, parses numeric fields, and applies D3’s `scaleLinear` with `extent` to set axis ranges. It renders SVG circles via `selectAll` and `.join`, with axes added using `axisLeft` and `axisBottom`. Axis labels are positioned with `rotate(-90)` for the y-label, and the plot fills the browser window using `window.innerWidth` and `innerHeight`.

Ssowmyaammula.sdv@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3.1_Tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x- and y-axes, with each point colored by species (setosa, versicolor, or virginica). D3 v6 loads the CSV via `d3.csv`, and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render axes. Circles are drawn with SVG, and their radii are fixed, but the `rx` and `ry` attributes are set to sepal length and width, creating elliptical markers. Data is sourced from a GitHub-hosted CSV file.

Sshettisowmya01@gmail.com
94% match
Loading thumbnail…

Activity6_Task3

This visualization displays a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, and orange for virginica). The code loads CSV data using `d3.csv`, scales the axes with `scaleLinear` and `extent`, and renders circles as SVG elements via `selectAll` and `join`. It includes custom axis labels using `axisLeft` and `axisBottom`, plus a legend built with appended SVG `rect` and `text` elements. The plot uses D3 v6.

AAftab Hussain
94% match
Loading thumbnail…

Activity 6_Task 3.1_Tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are colored by species, with setosa in blue, versicolor in green, and virginica in red. The code loads the CSV data via d3.csv, then uses d3.scaleLinear with d3.extent to establish the x and y scales, and renders circles with d3.selectAll and .join. Axes are generated using d3.axisLeft and d3.axisBottom, with custom labels added as SVG text elements. The visualization fills the browser window using window.innerWidth and window.innerHeight.

Ccharankumarreddyveeramreddy@my.unt.edu
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, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 with `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axis labels for petal length and sepal length are added with lower-case text, using a green font.

Kkowshiksamudrala08@gmail.com
94% match