Skip to main content
SimilarExport ZIP
100%

Fork of scatter-plot

✓ Published0🌍 Public
AAamir Hameed mir
Last edited Jun 5, 2024
Created on Jun 5, 2024
Forked from scatter-plot

This example displays the Iris Dataset, plotting petal width against petal length for 150 individual flowers. The D3.js code uses `scaleLinear` to map data coordinates, and the `axisLeft` and `axisBottom` functions from D3 to render axes. Points are drawn as circles with a randomly selected hue, while the data is loaded via `csvParse` from a CSV file and converted to numeric values.

AI-generated description

Loading a CSV file, the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length to the x-axis and sepal length to the y-axis. Each flower is rendered as a fixed-radius circle, with axes labeled via `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data using `d3.csv`, parses numeric values, and applies `d3.scaleLinear` with `d3.extent` to set domains. SVG circles are appended using `selectAll().data().join()`, while margins and window dimensions position the plot.

RRichard
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This example visualizes the Iris dataset as a scatter plot, mapping petal length and sepal length onto the horizontal and vertical axes. Each flower is drawn as a circle with a fixed radius. The visualization uses the D3.js v6 API, including `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft` and `d3.axisBottom` to render tick labels. The SVG canvas fills the browser window, with circles positioned via data-driven coordinates.

JJyothicherukuri
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. It uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles with SVG. The axes are generated using `d3.axisLeft` and `d3.axisBottom`, with margins adjusting the plot area to fill the viewport.

Wwilliam3333
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This visualization displays the Iris dataset as a scatter plot, plotting petal length along the x-axis against sepal length on the y-axis. Each of the 150 flowers is rendered as a fixed-radius circle in SVG. The code loads data via `d3.csv`, uses `scaleLinear` and `extent` to compute domains, and positions marks with `axisLeft` and `axisBottom` for the coordinate axes. The plot fills the entire browser window, with tick labels enlarged to 24 pixels for readability.

Ssenghok789@gmail.com
93% match
Loading thumbnail…

Fork of Scatter Plot Save

This visualization displays the classic Iris Dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with each of the 150 flowers represented as a circle. The code uses D3 v7’s `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` functions to position points and render labeled axes. Data is loaded from an external CSV file and parsed with `csvParse`, then rendered using D3’s data join pattern with circles.

JJesper Martinsson
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flower samples. Each circle represents a data point, with axes labeled using D3's scaleLinear, axisLeft, and axisBottom APIs, and tick text styled at 24px. The visualization fills the browser window by setting SVG dimensions to window.innerWidth and innerHeight, reading the dataset from data.csv via d3.csv. Circle positions are computed by mapping data values through linear scales with defined margins and a fixed radius of 5 pixels.

YYash_Mistry
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This example renders a scatter plot of the Iris Dataset, displaying petal length on the x-axis against sepal length on the y-axis. The visualization uses D3 v6’s `scaleLinear` and `extent` functions to map the data to the full browser window size, with axis ticks generated by `axisLeft` and `axisBottom`. Each data point is drawn as an SVG circle with a fixed radius of five pixels. The code fetches the CSV data from a remote URL using the `csv` function, then parses the numeric fields before computing the scaled positions for the marks.

AAntonio Bukovac
93% match
Loading thumbnail…

Fork of D3 Scatter Plot

This example renders the Iris Dataset as a scatter plot, mapping petal length to the x-axis and sepal length to the y-axis. It uses D3 v6’s `csv` loader to fetch the data, `scaleLinear` with `extent` to compute scales, and `axisLeft`/`axisBottom` to draw the axes. The plot is drawn as SVG circles using `select` to append elements and a `join` operation for efficient circle creation. The visualization adapts to the full browser window, with tick labels styled at 24 pixels.

BBakunya | Kirisaki Rem
93% match