Scatter Plot Decision Boundaries

100%

Scatter Plot Decision Boundaries

✓ Published0🌍 Public

Last edited Mar 5, 2022

Created on Mar 1, 2022

The scatter plot displays the Iris dataset, mapping sepal length against sepal width with points colored by species. Three semi-transparent, colored regions overlay the plot, visually representing approximate decision boundaries that partition the feature space by species. The visualization uses D3’s `scaleLinear` and `scaleOrdinal` for coordinate and color mapping, and renders the regions as SVG paths built from manually defined coordinate arrays via `d3.line()`. Points are drawn as circles with 0.6 opacity, and the plot includes tick marks and axis lines generated through D3’s tick API.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602

86% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Points are colored by species—setosa in dark red, versicolor in dark blue, and virginica in light green—mapping petal length and width to x and y positions. The code loads data via `d3.csv`, applies scales with `d3.scaleLinear` and `d3.extent`, and renders SVG circles with `d3.select` and `.join`. Axis labels and ticks are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full window.

Vvarun-030

86% match

Loading thumbnail…

Scatter Plot with Colors

This scatter plot visualizes the Iris dataset, plotting sepal length against sepal width, with each point colored by species. A color legend allows users to hover over a species to highlight corresponding data points and fade the others, aiding comparison across groups. Built with React and rendered as an SVG, the visualization uses D3 v7 APIs like `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` for the categorical color mapping.

GGabriel

86% match

Loading thumbnail…

Scatter Plot - Iris Flower - Color

This scatter plot displays the Iris Flower dataset, showing the relationship between sepal length and sepal width for three iris species. Each species is distinguished by a distinct color, making the clustering patterns and separation between species immediately visible. The visualization is built with React and D3 v6, using `scaleLinear` for both axes, `scaleOrdinal` for the categorical color encoding, and SVG circles rendered via the `Marks` component. The data is loaded asynchronously from a CSV file using D3's `csv` function, with axes and labels generated by custom React components.

AAndres de la Garza

86% match

Loading thumbnail…

Scatter Plot for Iris Data

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal measurements. Points are colored by species, with setosa in green, versicolor in purple, and virginica in red. The visualization uses D3's scaleLinear for axes, extent for domain calculation, and axisLeft/axisBottom for chart rendering. The code loads CSV data, parses numeric fields, and renders circles with SVG. The plot demonstrates how D3's selection joins and margin calculations work to create a functional scatter plot.

PPavaniMangugari

86% match

Loading thumbnail…

iris scatter plot

This scatter plot visualizes the classic Iris dataset, mapping sepal length and sepal width onto x and y axes. Each of the 150 data points is rendered as a circle, with species encoded by color using a d3.scaleOrdinal with a range of three distinct hues. The visualization uses D3 v5 in a React framework, leveraging d3.csv for data loading and d3.scaleLinear, d3.axisBottom, and d3.axisLeft for constructing the chart. Gridlines extend across the plot area, and axis labels are positioned via SVG text elements with rotations.

Llindy0119

86% 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 scatter plot visualizes the Iris dataset, comparing petal length against sepal length, with each point colored by species (Iris-setosa in blue, Iris-versicolor in red, and Iris-virginica in black). The visualization uses d3.csv to load and parse the data, then applies d3.scaleLinear and extent to map values to pixel coordinates, drawing circles with SVG. Axes are rendered with d3.axisLeft and d3.axisBottom, and labeled text is added via SVG elements. The plot is displayed full-screen in an HTML page using D3 v6.

Ddivyageethanjali

85% match