Skip to main content
SimilarExport ZIP
100%

Fork of D3 Scatter Plot

✓ Published0🌍 Public
Mmartina.dallamico.1@studenti.unipd.it
Last edited Oct 29, 2024
Created on Oct 29, 2024
Forked from D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each of the 150 flowers appears as a circle, with axes scaled linearly and labeled using d3.axisLeft and d3.axisBottom. The visualization uses d3.scaleLinear for coordinate mapping and d3.extent to derive the domain from the data. Built with d3.v6, the SVG is created via d3.select and rendered directly in the browser, with plot dimensions filling the entire window.

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

Fork of D3 Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length on the x-axis against sepal length on the y-axis. Each flower is drawn as a fixed-radius circle in SVG. The code uses d3.csv to load and parse data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft plus d3.axisBottom to render axes with large tick labels. The visualization fills the browser window, with margins applied, and data points are appended via selection joins.

Wwieswies
96% match
Loading thumbnail…

Fork of D3 Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each of the 150 flowers appears as a circle with a fixed radius of 5 pixels. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to set the scales, and d3.axisLeft and d3.axisBottom to render the axes. The SVG rendering fills the entire browser window, and circles are drawn using d3.selectAll and the .join method.

Nnikhitha693
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 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

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

This example visualizes the Iris Dataset using a D3 scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. It uses d3.csv to load the data, d3.scaleLinear and d3.extent to compute scales, and d3.axisLeft and d3.axisBottom to render axes. The SVG circles are positioned using the d3.select and join API, with a radius of 5 pixels. The plot fills the entire browser window by setting the SVG dimensions to window.innerWidth and window.innerHeight.

Ppakoensi
95% match