Skip to main content
SimilarExport ZIP
100%

Scatter plot - iris data set - axis

✓ Published1🌍 Public
NNita
Last edited May 20, 2021
Created on May 19, 2021

This scatter plot visualizes the Iris dataset, mapping sepal length and sepal width for individual flowers, with species distinguished by color (red, green, blue). The D3 v6 code uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `scaleOrdinal` for categorical coloring. Data is loaded via `csv` from a remote URL, and the SVG rendering includes labeled axes and gridlines styled with white strokes.

AI-generated description

Basic scatter plot using iris data set

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot - iris data set - axis

This scatter plot visualizes the classic iris dataset, mapping sepal length on the x-axis and sepal width on the y-axis. Each circle represents an individual flower, with a fixed radius and semi-transparency to reveal overlapping points. The visualization is built with D3 v6, using `d3.csv` to load the data, `d3.scaleLinear` and `d3.extent` for scaling, and `d3.axisBottom` for the x-axis. The SVG rendering is responsive to the window size, with margins applied to the plot area.

NNita
94% match
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
91% match
Loading thumbnail…

D3 Scatter Plot_ rendering_axis

This scatter plot visualizes the Iris Dataset, comparing petal length against sepal length across multiple flower specimens. The code uses D3 v6 to load the CSV data, apply linear scales for both axes, and render circles as SVG elements. Axis ticks are drawn explicitly using `axisLeft` and `axisBottom`, with the plot filling the full browser viewport via `window.innerWidth` and `window.innerHeight`. The example demonstrates a clean, minimal approach to building coordinate-based visualizations with D3’s data-binding and scale functions.

CChawin Sungwalngern
90% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris flower dataset, comparing sepal length to sepal width across three species encoded by color. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft to construct the chart, with an ordinal color scale for species classification. Rendered as SVG, it includes a manually drawn legend and gridlines, reading data from a local CSV file through d3.csv. The chart demonstrates ES6 module imports and loading D3 via UNPKG.

YYi-Qing
90% match
Loading thumbnail…

Scatter Plot with Iris Data

This scatter plot visualizes the Iris dataset, showing petal length and width on the x- and y-axes, with each point scaled by sepal dimensions and colored by species (setosa in black, versicolor in yellow, virginica in blue). It uses D3 v6 with `d3.csv` to load data, `scaleLinear` for scales, `axisLeft` and `axisBottom` for axes, and SVG circles for rendering. The data is parsed from a GitHub-hosted CSV, and axis labels are positioned with D3’s selection and append methods.

Ssalimjivani
89% 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. Using D3 v7, it loads CSV data via `d3.csv`, applies linear scales with `scaleLinear`, and renders circles as marks. Axes are drawn with `axisLeft` and `axisBottom`, and the SVG canvas fills the browser window. The code explicitly parses numeric fields and converts data values into pixel coordinates for each point.

SScott-Collier
89% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris flower dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each circle represents a single flower sample, with axes and labeled ticks generated using d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, scales positions with d3.scaleLinear and d3.extent, and renders the chart as SVG elements. Axis labels are manually added as SVG text, with the visualization filling the entire browser viewport.

Sson.sultan@yahoo.com
89% match
Loading thumbnail…

Scatter 1- plot

This scatter plot displays the sepal length of individual iris flowers along the x-axis, grouped by species on the y-axis. The visualization uses D3 v6 to load CSV data and render an SVG with axes, gridlines, and circular marks. It employs `d3.scaleLinear` for the continuous length scale, `d3.scalePoint` for the categorical species axis, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes. The Iris dataset is loaded via `d3.csv`, with sepal_length parsed as numeric values.

Wwei
89% match