Skip to main content
SimilarExport ZIP
100%

Fork of Bradley test Fork of D3 Scatter Plot

✓ Published0🌍 Public
NNyashaBradleymhepo
Last edited Aug 2, 2023
Created on Aug 2, 2023

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.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Bradley test Fork of D3 Scatter Plot

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.

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
89% 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
88% 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
88% match
Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes the Iris dataset, plotting petal length against sepal length. The visualization uses D3 v6 with SVG rendering, where each flower observation appears as a circle. The code loads the CSV data via `d3.csv`, scales the axes with `d3.scaleLinear`, and renders the plot using `d3.axisLeft` and `d3.axisBottom`. Circle positions are mapped through the linear scales, with margins and a fixed radius defining the layout across the full browser window.

Ppkalmane15
88% 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 version 6, loading the data via the `csv` function and parsing numeric fields. The code employs `scaleLinear` to map data domains to pixel ranges, `extent` to calculate domains, and `axisLeft` and `axisBottom` to render the y- and x-axes. Data points are drawn as SVG circles using the `.join` operator, while axis labels are added as SVG text elements.

RRahulSai05
88% 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
88% match
Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length to the x-axis and sepal length to the y-axis. D3 code uses `csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Each flower is rendered as an SVG circle with a fixed radius. The visualization fills the browser window using `window.innerWidth` and `window.innerHeight`.

Rrohinikotha
88% match