Ice 6 MVJ task 2

100%

Ice 6 MVJ task 2

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

Forked from Fork of Fork of Fork of ICE-6 Scatter Plot

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.

AI-generated description

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

Similar vizzes

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

91% match

Loading thumbnail…

ICE-6

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and width on the x- and y-axes while encoding sepal dimensions through elliptical markers whose rx and ry attributes correspond to sepal length and width. Species are represented by distinct colors: purple for setosa, brown for versicolor, and pink for virginica. The code uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` loader within a React-free SVG rendering approach. Axes labels indicate measurements, and the plot fills the browser window with a 24-pixel tick font.

SSaahithi49

90% match

Loading thumbnail…

Ice 6

This visualization plots the Iris dataset’s petal length against petal width, using a D3.js scatter plot rendered as SVG. Circles are colored by species (light blue, light pink, or yellow) with radii fixed at five pixels. The code fetches CSV data from a GitHub gist, applies `d3.scaleLinear` for axes, and uses `d3.select` and `.join` for efficient element creation. Axis labels and tick marks are styled with custom font sizes.

AAmar09nath

90% match

Loading thumbnail…

ICE6 Iris Dataset Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species—blue for setosa, red for versicolor, and black for virginica. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to set scales, and d3.axisLeft and d3.axisBottom to render axes. Although sepal length and width are parsed, they are not used for positioning; circles are drawn via SVG with a fixed radius.

BBVNPK001

90% match

Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This visualization displays a scatter plot of Iris species data, plotting petal length on the x-axis against petal width on the y-axis, with points colored by species (yellow for setosa, blue for versicolor, red for virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll` with data joins, while loading the dataset via `d3.csv` from a GitHub gist. The code also maps sepal measurements to the circle’s `rx` and `ry` attributes, though these are not used for visual encoding.

Rrajasrilekkala

89% match

Loading thumbnail…

Ice 6-2

This visualization displays the Iris dataset, mapping petal length and width to the x- and y-axes while encoding sepal dimensions through each circle’s rx and ry radii, which are drawn as ellipses rather than standard circles. Species are color-coded (green, purple, orange) via a switch statement, with D3 axes labeled “Sepal length” and “Petal Length” shown at 24px tick font. The code loads CSV data using d3.csv, applies scaleLinear for both axes, and renders SVG circles with d3.selectAll and join. Axis labels are added as SVG text elements with rotation for the y-axis.

NNikhilMakkena

89% match

Loading thumbnail…

ICE-6

The visualization displays the Iris plant dataset, plotting petal length on the x-axis against petal width on the y-axis, with each point colored by species (blue for setosa, yellow for versicolor, red for virginica). It uses d3.csv to load the data, d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom to render axes. Circle marks are drawn via SVG, with radii fixed at 5 pixels, while the code also assigns unused `rx` and `ry` attributes from sepal measurements. The chart is rendered using D3 v6.7.0 with an SVG output.

VVAbhiram99

89% match

Loading thumbnail…

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12

89% match