Skip to main content
SimilarExport ZIP
100%

Activity6-Tutorial 3

✓ Published0🌍 Public
Ppravallikachowdary16518@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary x and y coordinates while encoding sepal dimensions as elliptical radii. Data is loaded from a GitHub CSV via `d3.csv` and parsed before scaling with `d3.scaleLinear` and `d3.extent`. The SVG canvas renders colored circles per species using a switch-based color marker, with axes generated via `d3.axisLeft` and `d3.axisBottom`. The chart fills the window, with labeled axes and a rotated y-axis title displayed in green.

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_tutorial3.1

This scatter plot visualizes the classic Iris dataset, mapping petal length against petal width and coloring each point by species (setosa, versicolor, or virginica). The chart uses an SVG canvas rendered with D3 v6, employing `scaleLinear` to map the data columns to pixel coordinates and `axisLeft`/`axisBottom` for the labeled axes. Data is loaded from a remote CSV via `d3.csv`, with the plot points drawn as fixed-radius circles. The code also attempts to scale point dimensions from sepal measurements, though only the constant radius is applied visually.

Cchandrikachowdary867@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point’s color encodes the iris species (setosa, versicolor, or virginica), while the sepal length and width are additionally used to scale each circle’s rx and ry attributes, creating elliptical markers. The code loads CSV data via `d3.csv`, uses `scaleLinear` with `extent` to set domains, and renders the visualization as SVG circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Hhemanthdummy999@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species, with each point colored by species (skyblue, lightgreen, or orange) and sized by sepal dimensions. The visualization uses D3 v6's `csv` loader to fetch data from a GitHub gist, then applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create scaled axes and map data coordinates to SVG circle elements. The chart renders within a full-window SVG, with green axis labels and a red title, highlighting species clusters across the petal measurements.

Ggnanendra097@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…

Activity-6Tutorial-3

This scatter plot visualizes the Iris dataset, mapping petal length and width as point coordinates while encoding species with distinct colors. The chart uses D3 version 6, loaded via UNPKG, with a data pipeline that fetches CSV data and parses it with `d3.csv`. The implementation builds an SVG visualization using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes, while circles are rendered with size and shape variations based on sepal dimensions.

Gganeshrajuparmalla@my.unt.edu
94% match
Loading thumbnail…

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com
94% match
Loading thumbnail…

Activity6_Tutorial 3

This scatter plot visualizes the Iris dataset, mapping petal length and width for sepal length and width, with points colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The visualization uses D3 v6 (d3.csv, d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to load the CSV from a GitHub repository, compute scales, and render SVG circles. Axis labels are added via SVG text elements, and the plot resizes to the full window dimensions.

Aaashrithas2000@gmail.com
93% match
Loading thumbnail…

Activity_6_Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing petal length and petal width for three flower species, distinguished by color. The visualization is rendered as SVG using D3 v6, with axes labeled for petal length and sepal length. The code loads data from a remote CSV via `d3.csv`, scales the x and y values using `scaleLinear`, and creates colored circles for each data point. It uses `axisLeft` and `axisBottom` for the axes and sets the plot to fill the browser window.

HHarsha vardhan reddy Yarmareddy
93% match