Bradley test Fork of D3 Scatter Plot

100%

Bradley test Fork of D3 Scatter Plot

✓ Published1🌍 Public

Last edited Jul 19, 2023

Created on Jul 19, 2023

This visualization displays the Iris dataset as a scatter plot, plotting petal length on the x-axis against sepal length on the y-axis. Each data point is rendered as a circle using D3 v6’s selection and join methods, with scales defined by `scaleLinear` and axes generated via `axisLeft` and `axisBottom`. The plot fills the entire browser window, and the code loads CSV data asynchronously with `d3.csv`, parsing numeric fields before mapping coordinates to SVG circles.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bradley test Fork of D3 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against sepal length for individual flowers. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` to render axes. The SVG canvas fills the browser window, with each data point drawn as a circle using D3's `selectAll` and `join` operations.

NNyashaBradleymhepo

96% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. It encodes individual flowers as circles rendered in SVG, sized uniformly with a radius of 5 pixels. The example uses d3.csv to load the external CSV file, d3.scaleLinear with d3.extent for continuous scales, and d3.axisLeft and d3.axisBottom to generate the axes. The chart adapts to the viewport by sizing the SVG to the window’s inner width and height.

NNyashaBradleymhepo

87% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal length on the y-axis. It encodes data points as circles using D3’s `scaleLinear` to compute positions from the dataset’s extent. The visualization is rendered as an SVG in a full-window view, with axes generated via `axisLeft` and `axisBottom`. Data is loaded as CSV using `d3.csv` with numeric parsing, and marks are joined to the DOM with `selectAll` and `join`. The code is a vanilla HTML/JavaScript implementation using D3 v6.

Ssirenajbpearl@gmail.com

85% match

Loading thumbnail…

Fork of D3 Scatter Plot

This example visualizes the Iris dataset with a D3 scatter plot using SVG circles, mapping petal length on the x-axis and sepal length on the y-axis. It loads the CSV data via `d3.csv`, parses numeric fields, and derives scales with `scaleLinear` from the data extent, positioning each point based on those scales. Axes are rendered using `axisBottom` and `axisLeft`, while the plot fills the browser window. The code leverages d3.v6 destructured functions like `select` and `csv` to fetch and draw the points.

SShan Gao

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

85% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flowers. The visualization uses D3 v6 to load the CSV data, scale the x and y axes with `d3.scaleLinear`, and render circles as SVG marks. Axes are added using `d3.axisLeft` and `d3.axisBottom`, with the plot sized to the full browser window. The code demonstrates a clean mapping of data fields to spatial positions.

Zzhuomo-maker

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

85% match

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal length for individual flowers. The visualization is built with D3 version 6, using `scaleLinear` for both axes, `extent` to compute data domains, and `axisLeft`/`axisBottom` for tick marks. The code retrieves data from a CSV file via `d3.csv`, then renders circles with a fixed radius of 5 pixels. The SVG canvas fills the entire browser window, with axes labeled at 24-pixel font size.

NNaimisha-M

85% match