Skip to main content
SimilarExport ZIP
100%

Scatter

✓ Published0🌍 Public
AAlpineStranger
Last edited Oct 27, 2022
Created on Oct 21, 2022
Forked from D3 Table

This scatter plot visualizes the Iris dataset, mapping petal width against sepal length for each sample. Built with D3 v6, it uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render the axes and circles. The SVG is dynamically sized to the window, and the plot is encapsulated in a custom `scatterPlot` function with configurable margins, radius, and accessor functions. The code also includes commented-out code for cycling through different variables, and a custom Share Tech font styles the text.

AI-generated description

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Fun

This scatter plot displays the Iris dataset, mapping sepal length and sepal width onto a full-window SVG canvas. Each flower is rendered as a circle with a fixed radius of five pixels. The visualization loads the data from a remote CSV file using `d3.csv` and parses numeric fields. It applies `d3.scaleLinear` to compute the x and y scales, and `d3.axisLeft` and `d3.axisBottom` to draw the corresponding axes. The plot fills the entire viewport, with margins applied for axis placement.

Jjabowen2020@gmail.com
90% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Using D3 v7, it loads CSV data via `d3.csv`, applies linear scales with `scaleLinear`, and renders circles as marks. Axes are drawn with `axisLeft` and `axisBottom`, and the SVG canvas fills the browser window. The code explicitly parses numeric fields and converts data values into pixel coordinates for each point.

SScott-Collier
90% match
Loading thumbnail…

ScatterPlot

This animated scatter plot visualizes the Iris dataset, color-coding points by species (setosa, versicolor, virginica) and cycling through the four numeric attributes for the x-axis every two seconds using `setInterval`. The reusable chart, built with D3 v6, uses `scaleLinear`, `axisLeft`, and `axisBottom` to map petal and sepal measurements to SVG circle positions, with a custom `scatterPlot()` factory function managing dimensions, margins, and axis updates.

AAlankruthSai
90% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis. Each flower is rendered as a circle using D3 v7’s `select`, `scaleLinear`, `csv`, and `extent` functions, with axes drawn via `axisLeft` and `axisBottom`. The SVG output fills the browser window, with data loaded from a remote CSV file and parsed into numeric fields before plotting.

Ddwikbtn
90% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, plotting petal length on the x-axis against sepal length on the y-axis. It uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisLeft and d3.axisBottom for tick marks. The SVG circles are rendered pink, matching the chart’s background, with margins sized proportionally to the viewport. The code reads window dimensions and appends the chart directly to the body.

Jjmetzg11alpine
90% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, displaying petal width against sepal length for three species, each color-coded via `d3.scaleOrdinal`. Built with D3 v6 and SVG, the chart uses a reusable `scatterPlot` function that scales data with `d3.scaleLinear` and renders axes via `d3.axisLeft` and `d3.axisBottom`. The visualization is responsive, filling the window, and includes custom legend and axis labels.

Nnagarjuna1968
90% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, comparing petal length against sepal length for individual flowers. Built with D3 v6, the SVG rendering uses `scaleLinear` to map data extents to pixel coordinates, with `axisLeft` and `axisBottom` generating labeled axes. Circles are joined to the data via `selectAll().data().join()`, while margins and full-window dimensions position the chart. The code asynchronously loads the comma-separated values using `csv` and parses numeric fields before plotting.

Vvidhyanamini
89% match
Loading thumbnail…

Scatter Plot

This animated scatter plot explores the Iris Dataset, cycling through four measured attributes on the x-axis while keeping sepal length on the y-axis. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles via SVG. Every two seconds, the plot updates its x-value mapping to a different column, smoothly redrawing points to reveal correlations between petal width, sepal width, petal length, and sepal length. The animation demonstrates a reusable chart pattern with configurable width, height, margins, and radius.

Ppavankalyan1507
89% match