Task2 ICE6 Scatter Plot

100%

Task2 ICE6 Scatter Plot

✓ Published1🌍 Public

Last edited Jun 27, 2022

Created on Jun 27, 2022

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.

AI-generated description

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

Similar vizzes

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

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

94% 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

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_ Plot-Scatterplot

This visualization shows the relationship between sepal length and petal length in the Iris dataset, with each flower represented as a semi-transparent red circle. The code uses d3.csv to load the data, determines the plot dimensions from the browser window, and maps values using d3.scaleLinear with d3.extent for domain ranges. Axes are rendered with d3.axisLeft and d3.axisBottom, while d3.selectAll and the join method create the SVG circles. The axis and label text styling comes from the linked stylesheet, which also sets the circle opacity.

Sskambhore04

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

90% 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