Fork of D3 Scatter Plot

100%

Fork of D3 Scatter Plot

✓ Published0🌍 Public

Last edited Jun 15, 2022

Created on Jun 15, 2022

This fork of a D3 scatter plot visualizes the Iris dataset, plotting petal length on the x-axis against sepal length on the y-axis. Each flower observation appears as a circle, with scales computed from the data’s extent using `d3.scaleLinear` and `d3.extent`. The visualization loads CSV data via `d3.csv`, renders SVG circles with `selectAll` and `join`, and adds axes using `d3.axisLeft` and `d3.axisBottom`. The chart fills the browser window, with margins offsetting the axes and a fixed point radius of five pixels.

AI-generated description

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

MIT Licensed

Similar vizzes

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

97% match

Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal length on the y-axis. It loads CSV data from a Gist URL using `d3.csv` and renders circles as SVG marks. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` compute the scales. The chart fills the browser window, using `window.innerWidth` and `window.innerHeight` for its dimensions.

Ggalyniayaroshenko

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

95% match

Loading thumbnail…

Fork of D3 Scatter Plot

Ssirenajbpearl@gmail.com

95% match

Loading thumbnail…

Fork of D3 Scatter Plot

A fork of the classic D3 scatter plot, this example visualizes the Iris dataset by mapping petal length to the x-axis and sepal length to the y-axis. It uses d3.csv to load and parse the data, with d3.scaleLinear and d3.extent for scaling, and d3.axisLeft and d3.axisBottom for the axes. Circles are appended to an SVG via d3.selectAll and data joins. The chart fills the entire browser window, with a fixed radius of 5 pixels for each point. The code relies on d3 v6.

AAaron

95% match

Loading thumbnail…

Fork of D3 Scatter Plot

A D3 scatter plot displays the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each flower is represented as a circle with a fixed radius of 5 pixels. The visualization uses `d3.csv` to load the data, `d3.scaleLinear` for both axes, and `d3.extent` to compute the domains. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, with the SVG filling the full browser window. The chart is built using D3 v6 and styled with a 24-pixel tick font.

DDINESH SAI BOPPANA

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

95% match

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

95% match