Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
Sspandhanabadekol
Last edited Mar 7, 2022
Created on Mar 7, 2022

This fork of the Iris Dataset scatter plot visualizes car pricing data with D3.js, mapping car names and models along the axes. Each point is color-coded by species and displays an ellipse-like shape using the `rx` and `ry` attributes instead of a traditional circle. The code loads CSV data from a remote URL, parses numeric fields, and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to build the plot within an SVG canvas. The plot adapts to the full browser window size.

AI-generated description

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

MIT Licensed

Similar vizzes

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

Fork of Iris Dataset Scatter Plot

This fork of the Iris dataset scatter plot visualizes petal length and width measurements for three iris species, with points colored blue, red, or black by species. The code loads data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` for axes, and renders circles with `d3.axisLeft` and `d3.axisBottom`. Although it applies `rx` and `ry` attributes, they do not affect circular circles, which are sized with a fixed radius. The SVG fills the viewport, and tick labels are enlarged via CSS.

TTharun2022
86% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the classic Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (setosa, versicolor, virginica) via a custom marker function. Built with vanilla HTML and D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render SVG circles and axes. The data loads from a remote CSV using `d3.csv`, and the plot fills the browser window, with marks carrying additional sepal measurements as unused `rx` and `ry` attributes.

Ppreethamkesa
86% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. Built with D3 v6, it renders circles as SVG elements, using `d3.scaleLinear` for coordinate scaling and `d3.axisLeft`/`d3.axisBottom` for axes. The code loads CSV data via `d3.csv`, parses numeric fields, and positions points within a full-window SVG.

RRadhakrishna246
86% match
Loading thumbnail…

Fork of Fork of Cars Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal dimensions for three species of iris flowers. Users can select which measurement to display on each axis using the dropdown menus, and the plot updates accordingly. Points are color-coded by species using a d3.scaleOrdinal with a viridis color palette. The visualization is built with D3 v5, using d3.csv, scaleLinear, axisBottom, and axisLeft to render the SVG scatter plot with axes, gridlines, and labels.

Rrichartothman@gmail.com
86% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris Dataset scatter plot visualizes petal length and width for three iris species, coloring each point by species (blue, red, or black). The D3 v6 code loads CSV data from a gist, maps petal dimensions to the x and y axes, and draws circles with a fixed radius of 5 pixels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the chart, while also extracting sepal length and width values (rx and ry) without affecting the plot’s visual output.

Sspandhanabadekol
86% match
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
86% match