Fork of ICE - 6 Scatter Plot

100%

Fork of ICE - 6 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

This scatter plot visualizes the Iris dataset, mapping English scores to the x-axis and physics scores to the y-axis, with each circle’s fill color indicating class membership (First, Second, or default). The chart uses D3 v6 to load CSV data via `d3.csv`, scale axes with `scaleLinear`, and render circles as SVG elements. The x-axis is labeled “science” while the y-axis is labeled “english,” though the code actually plots physics against English, creating a slight mismatch in the visible labels.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6 scatter plot

This scatter plot displays student grades, plotting English scores on the x-axis against Physics on the y-axis, with each point colored by class category (First, Second, or other). The code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, and renders circles using SVG. It also encodes additional dimensions through the `rx` and `ry` attributes, mapping Science and Math scores to each circle’s horizontal and vertical radii, while using `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Cchilukuritagore1427@gmail.com

87% match

Loading thumbnail…

ICE - 6 Scatter Plot

This D3.js scatter plot visualizes student grades from a CSV file, plotting English scores on the x-axis and physics scores on the y-axis, with points colored by class (First class, Second class, or other). It uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. The SVG rendering includes circles sized by a fixed radius, with axis labels for English and science. The code also reads additional metrics (science and maths) into each data point, though these are not directly used for the visual encoding.

Cchilukuritagore1427@gmail.com

86% match

Loading thumbnail…

Fork of Fork of Fork of ICE - 6 Scatter Plot

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Points are color-coded by species (setosa, virginica, and versicolor) using a custom marker function. The code loads CSV data via `d3.csv`, applies linear scaling with `d3.scaleLinear`, and renders circles as SVG elements. Axis labels are added with rotated text elements, and the visualization uses `d3.axisLeft` and `d3.axisBottom` for axes, with the plot filling the browser window.

NNaimisha-M

84% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica). The code loads CSV data via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to compute domains. Circles are rendered as SVG elements with `d3.selectAll` and `data().join()`, while axes are added using `d3.axisLeft` and `d3.axisBottom`. Axis labels are drawn with SVG `text` elements.

Ssai snehith nadipally

84% match

Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while encoding species type with color. It uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. Circle marks are generated with d3.selectAll and .join, sized with a fixed radius, though sepal dimensions are computed but not visually used. The SVG canvas fills the window, with axis labels styled via inline attributes.

NNaimisha-M

83% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, virginica) via a custom marker function. It loads the CSV data using `d3.csv`, scales the x- and y-axes with `scaleLinear` and `extent`, and renders circles onto an SVG canvas. Axis labels are added using `axisLeft` and `axisBottom`, while text elements styled with Times font annotate the plot. The visualization uses D3 version 6 and fills the entire browser window, adapting its dimensions to the viewport.

Kkollirohit2000

83% match

Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, encoding petal length and width on the x- and y-axes, with circles colored by species (setosa in green, virginica in orange, versicolor in blue). It uses D3 v6 to load CSV data, create linear scales with `scaleLinear`, and render SVG circles via `selectAll().join()`. Axes are drawn with `axisLeft` and `axisBottom`, while rotated text labels annotate the axes. Although `rx` and `ry` attributes are set from sepal measurements, the circles remain uniformly sized, and the code does not apply any other encodings or interactions.

SSaiSree0122

83% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (blue, yellow, red). It uses D3 v6 scales, axes, and SVG circles to render the data, with the interactive HTML page loading data from a remote CSV URL. The code also includes custom axis labels and larger tick text for readability.

MMgk1255

83% match