Skip to main content
SimilarExport ZIP
100%

ICE 6, task 2 - Scatter Plot Using Iris dataset

✓ Published1🌍 Public
Ssandeep-gollamudi
Last edited Mar 8, 2022
Created on Mar 8, 2022

This scatter plot displays the relationship between petal length and sepal length for 150 iris flowers, using the classic Iris dataset loaded from a GitHub gist as CSV. Each flower is represented as a circle positioned by d3.scaleLinear scales mapping the data attributes to SVG coordinates. The visualization builds axes using d3.axisLeft and d3.axisBottom, with labels added as SVG text elements. The code applies D3 v6’s csv parsing with a custom row conversion function, dynamically sizes the SVG to the window, and styles tick labels via CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task2 ICE6 Scatter Plot

This scatter plot visualizes the relationship between petal length and sepal length in the classic Iris dataset, with each of the 150 flowers depicted as a small SVG circle. The code uses d3.csv to load the data, d3.scaleLinear for the x and y axes, and d3.extent to compute the scales from the data domains. Axis labels are added as SVG text elements with custom styling. The visualization is rendered directly into the browser window using SVG, with the plot dimensions resizing to match the full viewport. The chart clearly shows a positive correlation between these two iris flower measurements.

Bbharathsivakumar07
94% match
Loading thumbnail…

Task2 ICE6 Scatter Plot

This visualization is a scatter plot that displays the relationship between petal length and sepal length for iris flowers. Each dot represents a single flower, with its horizontal position determined by petal length and vertical position by sepal length. The plot renders as an SVG using D3's `scaleLinear` for axis scaling and `axisLeft`/`axisBottom` for tick marks. Data is loaded asynchronously from a CSV file via `d3.csv`. The code uses the `select` and `join` API to create circle elements, and labels are positioned with SVG `text` elements.

Ddineshtadepalli12
93% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping 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 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, while circles are bound to the data via `selectAll` and `join`. Data is loaded asynchronously from a CSV URL using D3’s `csv` function, with numeric parsing applied to all measurements. The chart fills the browser window, displaying axis labels for petal length and sepal length.

Ggayathrikavya
92% match
Loading thumbnail…

ICE-6 Scatter Plot using Iris datset

This visualization displays the Iris dataset in a scatter plot, showing the relationship between petal length (x-axis) and petal width (y-axis) for three flower species, which are color-coded red, green, and blue. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to map the numeric ranges, and renders SVG circles with `selectAll` and `join`. Axis labels are added via `axisLeft` and `axisBottom`, with custom text elements for axis titles.

SShishiraRudrabhatla
91% match
Loading thumbnail…

ICE-6

This interactive scatter plot displays the Iris dataset, mapping petal length and width for each flower species. The visualization uses D3 v6 to load CSV data from a GitHub gist, with axes labeled to show sepal length and width. Each data point is rendered as a circle with a radius of five pixels, positioned using `scaleLinear` functions. The code applies D3's `selectAll` and `join` pattern to create and update SVG circle elements, while `axisLeft` and `axisBottom` generate the coordinate axes.

Ssaiteja0725
91% match
Loading thumbnail…

ICE-6 Scatter Plot for iris dataset

This scatter plot visualizes the iris dataset, mapping petal length and width as x/y coordinates while encoding species with color (pink, orange, red). Separately, sepal length and width are applied as non-visual attributes to each circle. The D3.js v6 code loads CSV data via `d3.csv`, scales axes with `scaleLinear`, and renders axes via `axisLeft` and `axisBottom`. The SVG output uses dynamic circle joins to display points across the browser canvas.

HHarshinireddyy19
91% match
Loading thumbnail…

ICE 6 Task 2

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding sepal dimensions through elliptical radii and species via color. The SVG rendering uses D3 v6 scales, axes, and data joins to place circles with fixed radius but variable rx and ry attributes, creating ellipses that reflect sepal measurements. Axis labels identify the variables, and the code explicitly parses numeric fields from the CSV source before applying linear scales.

AAAL FORHAD
91% match
Loading thumbnail…

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while encoding sepal length and width in each point’s `rx` and `ry` attributes, with species indicated by color (violet, pink, or a square symbol). The D3 v6 code loads data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `d3.symbol` for the setosa class. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom text labels for petal length and sepal length.

SSweetierams
91% match