Skip to main content
SimilarExport ZIP
100%

Assignment 6 - Q2

✓ Published1🌍 Public
AAKSHAY
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from Assignment 6 - Q1

This scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for 150 flower samples. Each point is colored by species (setosa, versicolor, virginica) using d3.scaleOrdinal, with hover effects that enlarge points via mouseover events. The chart loads data from a CSV hosted on jsDelivr using d3.csv, renders axes with d3.axisBottom and d3.axisLeft, and includes an SVG legend. An accompanying d3.scaleLinear maps data values to pixel coordinates within an 800×600 SVG canvas.

AI-generated description

Iris Dataset Scatter Plot Visualization

This project visualizes the Iris dataset using D3.js to create a scatter plot showing the relationship between sepal length and petal length, with points colored by species.

How to Run

  1. Clone or download this repository
  2. Open index.html in a web browser
  3. The visualization will load automatically

Features

  • Scatter plot of sepal length vs petal length
  • Points colored by species
  • Interactive hover effects
  • Responsive design
  • Clean, modern styling

Data Source

The visualization uses the Iris dataset from https://raw.githubusercontent.com/datasets/iris/master/data/iris.csv

Technologies Used

  • D3.js v7
  • HTML5
  • CSS3
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 6 - Q3

This visualization of the Iris dataset presents two complementary charts: a multi-series line chart tracks sepal length, sepal width, and petal length across all 150 samples, while a combined bar and line chart displays species counts alongside average petal width. The code uses D3.js v7 with SVG rendering, employing `d3.csv` to load data, `d3.line` for the line paths, and `d3.rollups` to aggregate species statistics. Hover effects on bars and custom color schemes enhance interactivity.

AAKSHAY
90% match
Loading thumbnail…

Assignment 2 3q

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, virginica). The visualization uses D3 v6's `csv`, `scaleLinear`, and `axisLeft`/`axisBottom` functions to load data, map coordinates, and render axes within an SVG. While the plot primarily encodes petal measurements, the code also maps sepal length and width to the circle's `rx` and `ry` attributes, though these are overridden by the constant `r` attribute, so the points appear as uniform circles. The title and axis labels are styled with CSS and rendered in a red, serif font.

HHarshiiiiiiiip
90% match
Loading thumbnail…

ACT6_TASK3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with data points colored by species. The chart uses D3’s `scaleLinear` to position the marks and `scaleOrdinal` with `schemeCategory10` to assign distinct colors. A custom legend indicates species, with full axes drawn via `axisBottom` and `axisLeft`. Data is loaded from a remote CSV and parsed with `csvParse`. Hovering over a point increases its opacity and stroke width.

RRevanth putta
89% match
Loading thumbnail…

Assignment-6_Activity-3

This example shows a scatter plot of the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Points are colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica), with a fixed radius of 5 pixels. The visualization uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom`. Data is loaded from a remote CSV URL containing sepal and petal measurements, and rendered as SVG circles. Axis labels are added using SVG text elements. The code also retrieves sepal length and width values for each datum but does not use them for positioning. The chart is sized to the full browser window.

Rreachtoshasidhar07@gmail.com
89% match
Loading thumbnail…

Activity_6_2.

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual specimens while coloring each point by species (setosa, versicolor, or virginica). The visualization renders circles in an SVG using D3 v6, with scales created via `d3.scaleLinear` and axes generated by `d3.axisLeft` and `d3.axisBottom`. Data is loaded asynchronously from a remote CSV using `d3.csv`, and the code also reads sepal measures into each row but does not use them for the plotted positions.

Ssahaspragna6@gmail.com
88% match
Loading thumbnail…

2Q-Module-6_Assgnmt

This scatterplot visualizes the Iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis for three iris species. Using D3 v7, it renders SVG circles with an ordinal color scale distinguishing setosa, versicolor, and virginica. The chart includes labeled axes, a descriptive title, and a legend. Data is loaded asynchronously via `d3.csv` from the provided GitHub URL, with linear scales (`d3.scaleLinear`), axes (`d3.axisBottom`, `d3.axisLeft`), and circle elements positioned by data attributes.

RRuthvik Bairaboina
88% match
Loading thumbnail…

Scatter Plot for Iris dataset

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for 150 iris flowers. Each point represents a flower, with its position determined by the `scaleLinear` mappings for the x and y axes. The visualization uses D3 v6 with an SVG rendering approach, loading data from a CSV file via `d3.csv`. Axis ticks and labels are rendered using `axisBottom` and `axisLeft`, while custom text elements label the axes as "Petal Length" and "Sepal Length."

AAkhila-Battula
88% match
Loading thumbnail…

Activity6_Task 3.2

This scatter plot shows the relationship between sepal length and petal length for Iris flower samples, with points shaped by species. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map continuous measurements and categorical species to positions and marker shapes. A custom legend displays the species-to-shape mapping, while axis labels are added via `axisLeft` and `axisBottom`. Data is loaded from a remote CSV using `csvParse` and rendered as SVG paths.

SSreeKohaliPatel@my.unt.edu
88% match