Iris Scatter Plot

100%

Iris Scatter Plot

✓ Published1🌍 Public

Last edited Oct 23, 2020

Created on Oct 4, 2020

This scatter plot visualizes the Iris flower dataset, encoding four measurements (sepal and petal length/width) on the x- and y-axes. Users select the axes from dropdown menus, which re-renders the plot. The visualization distinguishes the three Iris species by color and includes a legend. Built with D3 v5, the example uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, and renders all elements as SVG, including the axes, axis labels, title, and data points.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal length and width for three iris species, with each species distinguished by color. The visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft to render the plot as SVG circles. Users can select any of the four measurement variables for either the x-axis or y-axis through dropdown menus built with d3.select and d3.merge, which triggers complete re-renders via the render function. A legend displays the species color mapping using d3.scaleOrdinal.

Eerin1234567

95% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying measurements of sepal and petal length and width for three Iris species. Users can dynamically select which measurements appear on the x- and y-axes via dropdown menus, with points colored by species and a legend provided. The visualization is built with D3 v5, using `d3.csv` to load the data and `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render scales and axes as SVG elements.

Yyptang5488

95% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing the distribution of three iris species across four measurable attributes (sepal and petal length/width). Users can dynamically swap the variables assigned to the x- and y-axes via dropdown menus, with each species colored using a categorical scale. The visualization is built with D3 v5, using `d3.scaleLinear` for axes, `d3.legendColor` for the legend, and SVG rendering for the circles and grid lines. The plot updates by re-rendering the entire SVG when a new axis selection is made.

Iimsohandsome123

95% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. Users select which numeric attribute appears on the x- and y-axes through dropdown menus, and the visualization updates accordingly. Each point is colored by species using a d3.scaleOrdinal color scale, with a legend showing the species categories. The chart uses d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for gridlines, and renders marks as SVG circles.

Eeuphokumiko

94% match

Loading thumbnail…

Iris Scatter Plot

This scatter plot shows the Iris dataset across four selectable dimensions. Users choose which measurement (sepal length, sepal width, petal length, or petal width) to plot on each axis, and the plot redraws accordingly. The visualization uses D3 scales (`scaleLinear`, `scaleOrdinal`) to map data to positions and colors, with each flower class assigned a distinct color. The SVG rendering includes axes, gridlines, a title, and a legend, and it updates in response to the interactive dropdown selectors.

Cchungmin-yu

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal length and width as colored circles representing Iris setosa, versicolor, and virginica species. Users can dynamically change the x- and y-axis features via dropdown menus, causing the visualization to re-render. Built with D3 v7, the chart uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and SVG circles with opacity to plot data points. The color legend matches each species, and axes are labeled based on the selected feature.

Gginnyching

94% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width across three species. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus. The visualization uses D3.js v5 with SVG rendering, employing `scaleLinear` for axes, `scaleOrdinal` for color mapping, and `axisBottom` and `axisLeft` for ticks. The data is loaded via `d3.csv` and rendered as semi-transparent circles colored by species class.

Cchungmin-yu

94% match

Loading thumbnail…

Iris Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, allowing the selection of any two of the four measured attributes (sepal length, sepal width, petal length, petal width) for the x- and y-axes via dropdown menus. Each of the 150 iris flowers is represented as a colored circle, with red, blue, and green mapping to the three species. The D3.js code uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and constructs the SVG rendering by binding circles to the data, updating their positions based on the chosen columns. A legend to the right lists the species and their corresponding colors.

Hharker2011

94% match