Skip to main content
SimilarExport ZIP
100%

Fork ofScatter Plot

✓ Published0🌍 Public
Ssathvik0311@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This fork of a scatter plot visualizes the Iris dataset, encoding petal length and width on the x and y axes while coloring each circle by species (setosa, versicolor, virginica). It loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders SVG circles with `selectAll().data().join()`. The code also stores raw sepal dimensions in each datum, though only petal dimensions are plotted. Axis labels and ticks are added using `axisLeft`, `axisBottom`, and custom text elements.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris Dataset scatter plot visualizes sepal and petal measurements, encoding petal length and width along the x- and y-axes while coloring points by species (setosa, versicolor, virginica). The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` for scales, and renders circles via SVG with `select` and `.join`. The circles include `rx` and `ry` attributes mapped from sepal dimensions, and axes are added using `axisLeft` and `axisBottom`. The layout fills the browser window, with tick labels sized at 24 pixels.

Llikith1266
94% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes while coloring points by species (setosa, versicolor, and virginica). Using D3 v6, the code loads the CSV data, applies linear scales via `scaleLinear` and `extent`, and renders circles with SVG. It also passes sepal measurements as `rx` and `ry` attributes, though these do not affect circle radius, which remains fixed. Axes are drawn with `axisLeft` and `axisBottom`.

Ppreethamkesa
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal length on the y-axis using d3.scaleLinear with nice tick values. It loads CSV data via d3.csv, parses numeric fields, and renders circles with SVG attributes set through d3.select and data joins. The visualization fills the browser window, adding an axisBottom and axisRight using d3.axisBottom and d3.axisRight, with a 24-pixel tick font size and fixed margins around the plot.

HHarshit-Prasad
93% match
Loading thumbnail…

Fork of Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width along the x and y axes while coloring each point by species (setosa, versicolor, virginica) in blue, red, and purple. The code loads data via `d3.csv`, uses `scaleLinear` and `extent` for scaling, and renders SVG circles with `selectAll().join()`. Axis labels are added with `axisLeft` and `axisBottom`, while the plot also encodes sepal measurements as `rx` and `ry` attributes, though these do not visually alter the circle shapes.

RRakshithaRao27
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the axes and coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 to load CSV data, parse numeric fields, and render an SVG with circles. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales. Although the circles carry extra sepal length and width attributes, only the petal dimensions are visible in the plot.

SSreekarveeravelly
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork renders the classic Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. It directly loads the CSV via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set scales. Circles are drawn with `d3.selectAll` and `join`, assigned colors per species, and styled with a fixed radius. Axes are generated using `d3.axisLeft` and `d3.axisBottom`. The SVG fills the browser window, with tick text enlarged for readability.

Ppravalliyaram
93% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork renders the classic Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring each point by species. It directly loads the CSV via `d3.csv`, parses numeric fields, and uses `d3.scaleLinear` with `d3.extent` to set scales. Circles are drawn with `d3.selectAll` and `join`, assigned colors per species, and styled with a fixed radius. Axes are generated using `d3.axisLeft` and `d3.axisBottom`. The SVG fills the browser window, with tick text enlarged for readability.

Ppravalliyaram
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes the Iris Dataset, mapping petal length to the x-axis and sepal length to the y-axis. Each of the 150 flowers appears as a circle, with scales derived from the data’s extent and axes drawn using `axisLeft` and `axisBottom`. The code loads the CSV via `d3.csv`, parses numeric fields, and renders the SVG across the full viewport. It demonstrates a minimal, full-screen scatter plot with a custom tick font size, built using D3 v6.

NNikolaMilinkovic
93% match