second

100%

✓ Published0🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and sepal length across all flower samples. Each point is rendered as a steelblue circle with partial opacity, using d3.scaleLinear for both axes and d3.axisBottom and d3.axisLeft to display the scales. The SVG is created directly via d3.select and appends circles, text labels, and axes within a defined margin. Data is loaded asynchronously from a raw CSV URL using d3.csv with d3.autoType, and the visualization includes a title and axis labels for clarity.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter 2nd Try

This scatterplot displays the relationship between petal length and sepal width for iris flowers, with each circle representing a data point. The visualization uses React to render SVG elements, while D3 v7 handles the data loading via `d3.csv`, scales through `scaleLinear`, and axis generation. Data comes from the classic iris dataset fetched from a remote CSV file. Hovering over a circle reveals its petal length value through a native SVG `<title>` tooltip element.

Aangelathacker123

89% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Using d3.scaleLinear and d3.extent to compute domains, it positions circles in an SVG via d3.select, data joins, and the join() method. Axes are rendered with d3.axisLeft and d3.axisBottom, while the CSV is loaded and parsed with d3.csv, converting string values to numbers. The plot updates to fill the browser window.

AArturo Guevara

88% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, plotting petal length on the x-axis against sepal length on the y-axis. It uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisLeft and d3.axisBottom for tick marks. The SVG circles are rendered pink, matching the chart’s background, with margins sized proportionally to the viewport. The code reads window dimensions and appends the chart directly to the body.

Jjmetzg11alpine

88% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, showing petal length on the x-axis against sepal length on the y-axis for individual flower specimens. Using D3 v6, the code loads CSV data, scales the values with `scaleLinear`, and renders each sample as a steelblue circle via SVG. The axes are generated with `axisBottom` and `axisLeft`, while axis labels are added as rotated text elements. The visualization directly displays the raw data points without color or shape encoding, emphasizing the correlation between these two measurements across the dataset.

SSonuSriN

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

88% match

Loading thumbnail…

Scatter Plot for Iris dataset

This scatter plot displays the relationship between petal length and sepal length for the Iris dataset. The visualization uses D3 v6 to load CSV data, map values to screen coordinates with linear scales, and render circles as data points via SVG. D3’s `select`, `append`, and `.join()` methods construct the chart, while the `axisLeft` and `axisBottom` functions generate labeled axes. A rotated text element provides the y-axis label, and the plot fills the browser window dynamically based on `window.innerWidth` and `window.innerHeight`.

LLG0498

88% match

Loading thumbnail…

D3 Scatter Plot

This D3 scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. The SVG rendering uses d3.scaleLinear to transform raw CSV values into pixel coordinates, with d3.min and d3.max defining the domains. Circles represent individual flowers, colored in a teal tone, while d3.axisLeft and d3.axisBottom generate labeled axes. The code loads data via d3.csv and appends text labels for both axes, using a full-window responsive layout with fixed margins.

Aainhoadieruiz@gmail.com

88% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal width on the y-axis for each flower specimen. Rendered as SVG circles with fixed radius, the chart uses D3’s `scaleLinear` functions for both axes, with axis ticks generated by custom React components. The code leverages React hooks (`useState`, `useEffect`, `useCallback`) to asynchronously load the CSV data via D3’s `csv` method, parsing numeric fields before display. Axis labels and tick formatting are applied through D3’s `format` utility, with tooltips provided by SVG `<title>` elements.

NNikithakatta30

88% match