Skip to main content
SimilarExport ZIP
100%

Task2 ICE6 Scatter Plot

✓ Published1🌍 Public
Ddineshtadepalli12
Last edited Mar 8, 2022
Created on Mar 8, 2022

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.

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

ICE 6, task 2 - Scatter Plot Using Iris dataset

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.

Ssandeep-gollamudi
93% match
Loading thumbnail…

Fork of Task2 ICE6 Scatter Plot

This scatter plot displays the relationship between petal length and sepal length for a dataset of iris flowers. It renders circles using SVG via D3 v6, with scales created by `scaleLinear` and axes generated by `axisLeft` and `axisBottom`. The data is loaded as CSV using `d3.csv` and parsed with numeric coercion. Axis labels and a custom margin layout clarify the plot, while the visualization fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

Sshreyasribearelly@gmail.com
92% 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 : Task 2

This visualization displays the Iris dataset as a scatter plot of petal length versus petal width, with each point colored by species (setosa in brown, versicolor in blue, and virginica in red). The SVG is rendered using D3 v6, with scales from `d3.scaleLinear` mapping the data domains to screen coordinates. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, and circles are bound to the data using `selectAll` and `join`. The CSV data is loaded asynchronously via `d3.csv` and parsed to numeric values.

NNITIN0601
90% match
Loading thumbnail…

task -2

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 `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load the CSV data, map the measurements to x and y coordinates, and render the axes. Points are drawn as SVG circles in the browser window, with a custom color-mapping function assigning distinct colors to each iris species. The chart also includes descriptive axis labels for the petal measurements.

SSheela2930
90% 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
89% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot shows the relationship between petal length and sepal length for 150 iris flowers, with each flower represented as an orange circle. Built with vanilla HTML and D3 v6, the visualization uses `d3.scaleLinear` to map the data ranges to SVG coordinates, and `d3.axisLeft` and `d3.axisBottom` to render labeled axes. The data is loaded asynchronously from a remote CSV file via `d3.csv`, and the plot fills the browser window. The code explicitly sets axis text to 30 pixels for readability.

MManasaPatange
89% match