Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published0🌍 Public
Kkaviya-ds
Last edited Aug 9, 2020
Created on Aug 9, 2020
Forked from Scatter plot

This scatter plot displays the relationship between sepal length and petal length for Iris flowers, with each data point represented as a green circle. The visualization uses d3.scaleLinear for the x-axis and d3.scalePoint for the y-axis, with axes rendered via d3.axisBottom and d3.axisLeft. Data is loaded asynchronously from a CSV file using d3.csv, and values are converted to numbers before rendering. The chart includes labeled axes and a title, with the SVG canvas sized at 2000 by 900 pixels.

AI-generated description
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
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between sepal length and petal width in the classic Iris dataset, which is loaded as CSV. The code uses D3 v7 scaleLinear and extent functions to map data to x and y pixel coordinates, and renders marks as SVG circles with an indigo fill. Axes are generated using axisBottom, axisLeft, and tick styling from Chivo Mono font, placed within a full-viewport SVG.

Wwaseemmedhat
93% match
Loading thumbnail…

Iris Scatter Plot

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 CSV data using d3.csv, parses numeric fields, and scales the values with d3.scaleLinear and d3.extent. Circles mark each data point in an SVG rendered at full viewport size. Axes are added with d3.axisLeft and d3.axisBottom, while custom text labels for "Petal Length" and "Sepal Length" are positioned using SVG transforms. The example uses D3 v6 and a margin-based layout for the plot.

LLakshmiVandanaNunna
92% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting sepal length against petal length for 150 flowers across three species. The visualization uses D3.js (v7) with a modular architecture separating axes, scatter plot, and visualization logic. Axes are rendered using d3.axisLeft and d3.axisBottom, while data points are displayed as circles with a fixed radius of 10 pixels. The data is loaded from a CSV file and parsed using d3.csvParse, with numeric values converted from strings.

Kkratikashetty1102@gmail.com
92% match
Loading thumbnail…

D3 Scatter Plot

This D3 scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each flower is represented by a circle, with scales derived from the data’s extent using d3.scaleLinear. The SVG rendering uses d3.select and .join() to create the circles, while d3.axisLeft and d3.axisBottom generate the labeled axes. Data is loaded asynchronously via d3.csv, and the plot fills the browser window, with margins and a fixed radius applied to all points.

DDINESH SAI BOPPANA
92% 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
92% 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
92% match
Loading thumbnail…

D3 Scatter Plot

This D3 scatter plot visualizes the relationship between petal length and sepal length using the classic Iris dataset. Loaded from a CSV file via `d3.csv`, the chart plots each flower as a circle using `d3.scaleLinear` to map data values to SVG coordinates, with margins applied to the full viewport. The visualization includes `d3.axisLeft` and `d3.axisBottom` for labeled axes, and the SVG rendering is driven by data joins through `selection.join('circle')`. The chart updates responsively to the window size, with points sized at a fixed radius of five pixels.

Nnithish-1999
92% match