ICE 6 : Task 2

100%

ICE 6 : Task 2

✓ Published1🌍 Public

Last edited Mar 7, 2022

Created on Mar 6, 2022

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

ICE-6

This visualization presents the Iris dataset as a scatter plot, mapping petal length and width on the x and y axes. Each data point is colored by species, using yellow, blue, and red to distinguish setosa, versicolor, and virginica. The code loads CSV data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` and `d3.extent` for scaling, and renders circles with SVG attributes like `cx` and `cy`. Axis labels are drawn with `d3.axisLeft` and `d3.axisBottom`, while the title "SCIENTIFIC DATA VISUALISATION" appears at the top.

SSaahithi49

93% match

Loading thumbnail…

ICE 6 -2

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 (d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom) to render SVG circles, sized with a fixed radius. Data is loaded as CSV and parsed into numeric values. The chart fills the viewport, with axes labeled and tick text enlarged for readability.

SSnigdha6698

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

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes, with each point colored by species. It uses D3 v6 to load CSV data, apply linear scales, and render SVG circles with axes and labels. The code demonstrates `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and the `join` method for binding data to SVG elements. The chart includes custom tick styling and a simplified color scheme for the three iris species.

AAmar09nath

92% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each data point colored by species (blue for setosa, black for versicolor, red for virginica). The SVG visualization uses D3 v6 scales (scaleLinear), axes (axisLeft, axisBottom), and data joins to render circles, while React serves as the framework. The code loads data from a CSV URL and parses numeric fields, with additional attributes stored but not affecting the visual encoding.

Kkottenikhil

92% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring points by species (setosa, versicolor, virginica). The code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements using `d3.selectAll` and `join`. Axes are created with `d3.axisLeft` and `d3.axisBottom`, with custom red axis labels. The visualization uses a React framework shell but relies on vanilla D3 v6 for rendering directly into the DOM.

MMgk1255

92% match

Loading thumbnail…

ICE 6

This visualization displays the Iris dataset as a scatter plot of Petal Length against Sepal Length, with circles colored by species to emphasize clustering. The D3 v5 code uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeCategory10`, and `d3.axisBottom`/`d3.axisLeft` for axes, plus `d3.legendColor` from the d3-legend library. Data is loaded via `d3.csv` from a GitHub gist, and rendered as SVG circles with a categorical color legend.

Sshabbab01

91% match

Loading thumbnail…

Ice 6 MVJ task 2

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (blue for setosa, yellow for versicolor, and red for virginica). The code uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes, rendered as SVG circles. It also reads sepal measurements for potential use in point sizing, though the radius remains fixed at 5 pixels. The visualization is built with d3.v6 within a React framework.

MManasa891-git

91% match