Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of ICE - 6 Scatter Plot

✓ Published0🌍 Public
NNaimisha-M
Last edited Jun 25, 2022
Created on Jun 25, 2022

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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while using color to distinguish species. The circles also encode sepal measurements through their horizontal and vertical radii, creating a multi-dimensional view. Built with D3 v6, the visualization loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot. Custom styling sets tick font sizes and axis labels, while the SVG output fills the entire browser window.

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

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

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa in blue, versicolor in yellow, and virginica in red). The visualization uses d3.csv to load the data and d3.scaleLinear to map the dimensions, while d3.axisLeft and d3.axisBottom render the axes. Each circle is drawn with an SVG circle element, and its radius is fixed, while the fill color is determined by a marker function. The plot is rendered using d3.v6 within an HTML page, with the chart sized to the browser window.

Vviswak12
95% match
Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot displays the Iris dataset, plotting petal length and width for each specimen. The points are colored by species: setosa, virginica, and versicolor. The visualization loads CSV data via `d3.csv`. Using `d3.scaleLinear`, it maps data to pixel coordinates for the SVG circles, and includes axes created with `d3.axisLeft` and `d3.axisBottom` for the petal dimensions.

KKeerthipriyaBankuru
95% match
Loading thumbnail…

Fork of 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 each point by species (setosa, versicolor, or virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to position and label the points, with SVG circles drawn via `selectAll` and `join`. The data loads from a CSV using `d3.csv`, and the viewport fills the browser window. The code also applies an unusual `rx` and `ry` attribute to each circle, though the fixed radius of 5 overrides their visual effect.

NNikitha123171
95% match
Loading thumbnail…

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

This scatter plot visualizes the Iris dataset using D3 v6, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica) in blue, yellow, or red. The SVG rendering includes axis labels for petal length and sepal length, though the sepal dimensions are also encoded as the horizontal and vertical radii of each circle, creating elliptical markers. Data is loaded as CSV via `d3.csv`, with scales built through `scaleLinear` and axes generated using `axisLeft` and `axisBottom`.

TTekmal-Bhavana
94% match