Iris data set

100%

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

This visualization compares average sepal and petal lengths across the three Iris species using a combined bar and line chart. Blue bars represent average sepal length, while an orange line with dots tracks average petal length per species. The code aggregates the Iris dataset with `d3.groups` and `d3.mean`, then renders the chart with D3 v7 using `d3.scaleBand`, `d3.scaleLinear`, and `d3.curveMonotoneX`. A custom legend and labeled axes clarify the dual encodings.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question2

This visualization shows the average measurements of sepal and petal dimensions for three Iris species as a stacked bar chart, using a subset of the classic Iris dataset. The chart aggregates 150 data points into three bars, one per species, with each bar divided into four colored segments representing the mean sepal length, sepal width, petal length, and petal width. The visualization is rendered using D3.js v7, with the `d3.stack()` API to create the stacked layout and `d3.axisBottom` and `d3.axisLeft` for the axes. A legend identifies the color encoding for each measurement, while white strokes separate the stacked segments.

Hharshabandi3060@gmail.com

85% match

Loading thumbnail…

Act6_task3.2

This scatter plot displays the Iris dataset, comparing sepal length against petal length for three species of iris flowers. Each species is distinguished by a unique symbol shape, with a legend positioned on the right side of the chart. The visualization is built using D3 v7, employing `scaleLinear` for both axes, `scaleOrdinal` for shape encoding, and `symbol` to generate the marks. Data is loaded asynchronously via `fetch` and parsed with `csvParse` before being rendered.

AAbhinavReddyKaripireddy@my.unt.edu

85% 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

85% match

Loading thumbnail…

Bar chart on iris-dataset

This example presents a horizontal bar chart that visualizes the sepal length of different iris species classes from the classic Iris dataset. The chart encodes the measured sepal length along the x-axis, with each bar positioned by its corresponding flower class on the y-axis. The visual encoding clearly compares the distribution of sepal lengths across the three species. Using D3 v5, the code loads the dataset from a CSV file, scales the data with `d3.scaleLinear` and `d3.scaleBand`, and renders the visualization as SVG elements within an HTML canvas. Axis labels and a title are also generated using D3's axis utilities.

HHalvorte

85% match

Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each of the three species distinguished by color. The visualization uses D3 v7's scaleLinear for positioning, scaleOrdinal for categorical coloring, and the axisBottom and axisLeft components to create labeled axes. A separate color legend, built with custom SVG elements, maps each species to a specific color using a switch statement. Data is loaded from a local CSV file and parsed with d3.csvParse before being rendered as circular marks.

Ffloraho401

85% match

Loading thumbnail…

Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length for three flower species. It uses D3.js v6 (d3.csv, d3.scaleLinear, d3.axisLeft, d3.axisBottom) to load and parse the data, scale the points, and render the SVG circles. Each species is assigned a distinct color: skyblue for setosa, red for versicolor, and green for virginica. The visualization includes labeled axes, margins, and a radius of 6 for all data points.

SSnapika

84% 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

84% match

Loading thumbnail…

Task-3.2

This scatter plot displays the relationship between sepal length and petal length for the Iris dataset, with species differentiated by shape. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom `shapeLegend` built with D3's `symbol` generator and tick marks shows the species mapping. Data is loaded via `csvParse` from a remote GitHub-hosted CSV file, and the chart fills the browser window using `window.innerWidth` and `window.innerHeight`.

Sshivakumarganji@my.unt.edu

84% match