Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Vviswak12
Last edited Mar 23, 2023
Created on Mar 23, 2023

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

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

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal width on the y-axis, with points colored by species (blue for setosa, yellow for versicolor, red for virginica). Built with React and D3 v6, it uses `d3.csv` to load data, `d3.scaleLinear` with `d3.extent` for scales, and `d3.axisLeft`/`d3.axisBottom` for axes. Data is rendered as SVG circles via `selectAll().data().join()`, with custom axis labels styled in red.

Vviswak12
97% 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 for each sample while coloring points by species (blue, yellow, red). The visualization uses d3.csv to load data, d3.scaleLinear for axes, and D3’s selection joins to render SVG circles with petal dimensions. Axis labels are added via D3’s axisBottom and axisLeft, with text rotated for the y-axis. The chart also encodes sepal length and width as the rx and ry attributes of each circle.

Kkollirohit2000
96% 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
96% match
Loading thumbnail…

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

This scatter plot visualizes the Iris dataset, showing Petal Length and Petal Width for each sample. The SVG circles are colored by species: blue for setosa, yellow for versicolor, and red for virginica. The code uses D3 v6 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Additionally, it computes separate radius values based on sepal dimensions, though the circles uniformly use a fixed radius of 5 pixels. The chart includes custom axis labels and is rendered responsively to the browser window size.

Aajaysonu
95% 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 for each flower specimen while coloring points by species (setosa, versicolor, or virginica). Built with D3 v6 and React, it uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for ticks. The SVG circles use attributes `rx` and `ry` to encode sepal dimensions, though these are not visually discernible because the radius remains fixed. The plot fills the viewport with axis labels in red.

Nnikhilagopi
95% 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
95% 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
95% match