Scatter Plot Simple

100%

Scatter Plot Simple

✓ Published2🌍 Public

Last edited Feb 14, 2023

Created on Feb 14, 2023

This scatter plot visualizes the Iris Dataset by mapping sepal length to the x-axis and petal length to the y-axis, with each flower sample represented as a large circle. The visualization deliberately omits axes, focusing purely on the distribution of points across three species. Built with D3 v7, the code uses `scaleLinear` and `extent` to compute scales from the data, then binds circles via `selectAll`, `data`, and `join`. The plot fills the browser window, with data loaded from a CSV file and parsed using `csvParse`.

AI-generated description

A scatter plot of the Iris Dataset with no axes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between sepal length and petal length for 150 flowers across three species. The visualization uses D3 v7 to render circles on an SVG canvas, with axes created using the imported axis functions. The code employs d3.scaleLinear for both x and y axes, and d3.extent to determine the data domains. Data is loaded asynchronously via fetch and parsed with d3.csvParse, converting string values to numbers for accurate positioning.

LLauren

95% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting sepal length against petal length for 150 flower samples. The visualization loads data from a CSV file using `fetch` and `csvParse`, then renders circles with `selectAll` and `join`. D3 v7 scales (`scaleLinear`, `extent`) map data values to screen coordinates. Reusable axis components (`axisLeft`, `axisBottom`) display labeled x and y axes with offsets for the axis titles.

CCurran Kelleher

95% match

Loading thumbnail…

Scatter Plot Simple

This example displays the classic Iris Dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. Each flower is rendered as a plain circle with a fixed radius of 10 pixels, with no axes or other annotations present. The visualization uses D3’s `scaleLinear` and `extent` functions to compute the scales from the data, and `selectAll` with a data join to render the circles. The code loads the dataset from the `@curran/iris-dataset` package.

CCurran Kelleher

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

94% match

Loading thumbnail…

Fork of Scatter Plot Simple

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with each flower represented by a fixed-radius circle. The plot has no axes, so it focuses purely on the distribution and clustering of the three species. The visualization uses D3 v7, loading data with `csvParse`, mapping values to pixel coordinates via `scaleLinear` and `extent`, and rendering circles through `selection.selectAll` with a `join`. The chart spans the full browser window, with data fetched asynchronously on initial render.

MMartha Cash

94% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, comparing petal length against sepal length for individual flowers. Built with D3 v6, the SVG rendering uses `scaleLinear` to map data extents to pixel coordinates, with `axisLeft` and `axisBottom` generating labeled axes. Circles are joined to the data via `selectAll().data().join()`, while margins and full-window dimensions position the chart. The code asynchronously loads the comma-separated values using `csv` and parses numeric fields before plotting.

Vvidhyanamini

93% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. Each flower is rendered as a circle using D3 v7’s `select`, `scaleLinear`, `csv`, and `extent` functions, with axes drawn via `axisLeft` and `axisBottom`. The SVG output fills the browser window, with data loaded from a remote CSV file and parsed into numeric fields before plotting.

Ddwikbtn

93% match

Loading thumbnail…

Scatter Plot for Iris dataset

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the data via `d3.csv`, parses numeric values, and uses `d3.scaleLinear` with `d3.extent` to set the scales. Circles are drawn using SVG elements, with axes generated by `d3.axisLeft` and `d3.axisBottom`. Axis labels are added manually as SVG text elements. The plot renders full-screen, with a margin-based layout and a fixed point radius of 5 pixels.

Cchandrakalavanukuri

93% match