Skip to main content
SimilarExport ZIP
100%

Scatter plot

✓ Published2🌍 Public
Wwei
Last edited Sep 17, 2022
Created on Sep 16, 2022
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across 150 individual flowers. Each circle represents one sample, with its position determined by these two measured attributes while a green, semi-transparent fill makes overlapping points visible. The visualization is built using D3 v6, loaded via UNPKG, and rendered as SVG. Code imports functions like `scaleLinear`, `axisLeft`, and `axisBottom` from the D3 module to construct the axes and scales. Data is loaded from a local CSV file using D3’s `csv` method.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal length against sepal width for three species of iris flowers. The data comes from a CSV file containing measurements of 150 samples, with each species represented by a different color using D3’s scaleOrdinal and schemeSet1 palette. The visualization uses D3 v5 to load the data via csv(), create linear scales with scaleLinear, and render SVG circles with axisBottom and axisLeft for labeled axes. The chart includes gridlines and a title, with opacity applied to circles to reveal overlapping points.

Xxiplus
94% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602
93% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flower samples. The code loads the data from a local CSV file and uses d3.csv, d3.scaleLinear, d3.axisBottom, and d3.axisLeft to construct the plot, which renders as red semi-transparent circles in an SVG. Each circle represents a single iris flower, and the chart includes labeled axes, a title, and grid lines created via tickSize. The dataset comes from the UCI Machine Learning Repository.

TThe-World-Muda
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting sepal length against petal length for 150 flower samples. The visualization loads data from a CSV file using `fetch` and `csvParse`, then renders circles with `selectAll` and `join`. D3 v7 scales (`scaleLinear`, `extent`) map data values to screen coordinates. Reusable axis components (`axisLeft`, `axisBottom`) display labeled x and y axes with offsets for the axis titles.

CCurran Kelleher
93% match
Loading thumbnail…

Basic Scatter Plot

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for 150 iris flowers. The code uses D3 v4 to create an SVG visualization, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` to render the axes. The data is loaded from a CSV file using `d3.csv`. Each flower is represented as a circle, with its position determined by the scaled values of the two measured dimensions.

CCurran Kelleher
93% match
Loading thumbnail…

Scatter 1- plot

This scatter plot displays the sepal length of individual iris flowers along the x-axis, grouped by species on the y-axis. The visualization uses D3 v6 to load CSV data and render an SVG with axes, gridlines, and circular marks. It employs `d3.scaleLinear` for the continuous length scale, `d3.scalePoint` for the categorical species axis, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes. The Iris dataset is loaded via `d3.csv`, with sepal_length parsed as numeric values.

Wwei
93% match
Loading thumbnail…

D3 Scatter Plot

This D3 scatter plot visualizes the classic Iris dataset, plotting sepal length against petal length for 150 flower samples. Each circle represents an individual flower, with semi-transparent fill opacity to reveal overlapping points. The visualization is rendered as SVG, using d3.scaleLinear and d3.extent to map data values to screen coordinates, with axes generated via d3.axisLeft and d3.axisBottom. Data is loaded from a local CSV file using d3.csv, and the species of each sample is visible in the data but not encoded visually in this example.

CCurran Kelleher
93% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris flower dataset, comparing sepal length to sepal width across three species encoded by color. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft to construct the chart, with an ordinal color scale for species classification. Rendered as SVG, it includes a manually drawn legend and gridlines, reading data from a local CSV file through d3.csv. The chart demonstrates ES6 module imports and loading D3 via UNPKG.

YYi-Qing
92% match