Skip to main content
SimilarExport ZIP
100%

Plotting for the Iris Dataset

✓ Published0🌍 Public
AAmanullah007
Last edited Mar 7, 2022
Created on Mar 7, 2022
Forked from Hello HTML

This visualization displays the classic Iris dataset, plotting petal length on the x-axis and petal width on the y-axis, with each species (setosa, virginica, and versicolor) colored blue, red, and orange respectively. The code uses d3.csv to load the data and d3.scaleLinear with d3.extent to map values to screen coordinates. Circle marks are rendered via SVG, with axes drawn using d3.axisLeft and d3.axisBottom. Although sepal dimensions are parsed, they are not visually encoded in the final plot, which focuses solely on the petal measurements across all three species.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

RRadhakrishna246
90% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The plot also encodes sepal length and width as additional attributes on each circle, though these do not affect the visual radius. Built with D3 v6, the code uses `d3.csv` to load data, `d3.scaleLinear` and `d3.extent` for scaling, and `d3.axisLeft` and `d3.axisBottom` to render axes. The SVG circles are created via `selectAll('circle').data(marks).join('circle')`, with static labels for both axes.

Ppreethamkesa
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes, with each point colored by species (setosa in blue, versicolor in red, and virginica in black). The code uses D3 v6’s `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a remote CSV, build linear scales, render axes, and draw circles via SVG. The plot fills the browser window, and points are fixed at a radius of 5 pixels, while sepal measurements are stored but not visually encoded.

SSumanya4
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes, with each point colored by species (setosa in blue, versicolor in red, and virginica in black). The code uses D3 v6’s `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a remote CSV, build linear scales, render axes, and draw circles via SVG. The plot fills the browser window, and points are fixed at a radius of 5 pixels, while sepal measurements are stored but not visually encoded.

SSumanya4
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each species is distinguished by color: yellow for setosa, green for versicolor, and purple for virginica. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the measurements to screen coordinates, and renders colored SVG circles with a fixed radius. The chart also includes rotated and bottom axis labels for sepal length and petal length.

AAashish Pandey
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the relationship between petal length and sepal length for Iris flower species, with each point colored by species (setosa, versicolor, virginica). The code loads data from a GitHub gist CSV file using d3.csv, then applies d3.scaleLinear and extent to map the values to screen coordinates. Axes are rendered with d3.axisLeft and d3.axisBottom, while circles are drawn as SVG elements with custom color encoding. The example demonstrates D3 v6 usage, including margin conventions, width/height from window dimensions, and labeled chart annotations.

TTejaswi@3271
90% match
Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Data points are color-coded by species—blue for setosa, red for versicolor, and black for virginica—allowing immediate comparison of species clusters. The visualization loads CSV data using d3.csv, and employs d3.scaleLinear and d3.extent to map the data to screen coordinates, with d3.axisLeft and d3.axisBottom rendering labeled axes. Circles are drawn as SVG elements with d3.selectAll and .join, while the chart also encodes sepal measurements as additional attributes (rx, ry) on each marker.

Ppravalliyaram
90% match