Skip to main content
SimilarExport ZIP
100%

ICE6- ScatterPlot

✓ Published0🌍 Public
Bbrodyoneal10@gmail.com
Last edited Mar 9, 2026
Created on Mar 9, 2026
Forked from HTML Starter

This scatterplot visualizes the Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each point is colored by species using `d3.scaleOrdinal`, with a legend identifying the categories. The chart is rendered as an SVG using D3 v7, with linear scales from `d3.scaleLinear` mapping data to coordinates. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, and the data is loaded via `d3.csv` from a remote gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6 - Scatter Plot

This scatter plot visualizes the Iris flower dataset, mapping sepal length against sepal width for 150 samples. The visualization uses a React frontend with D3 v7, leveraging `scaleLinear`, `axisBottom`, and `axisLeft` to construct the chart. Circles are rendered with d3’s data join, featuring interactive click selections that highlight the chosen data point with white fill and black stroke. The SVG output includes labeled axes and animated transitions on circle styling, with data loaded from a CSV file and parsed into numeric values.

Bbrodyoneal10@gmail.com
93% match
Loading thumbnail…

ICE6 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. The visualization encodes each data point as a colored circle, with distinct hues representing Iris-setosa, Iris-versicolor, and Iris-virginica, alongside a legend and axis controls. Built with D3 v7, the code uses `d3.scaleLinear` for coordinate mapping, `d3.extent` for domain calculation, and an `axisBottom`/`axisLeft` configuration to render the plot’s axes. Data is loaded from the included `iris.csv` file, with points positioned using `xScale` and `yScale` transforms within a predefined margin layout.

PPlatoch
93% match
Loading thumbnail…

ICE6 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length versus sepal length for 150 flower samples. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded from a CSV file using `d3.csv`, with axis labels and margins configured for readability. The plot shows a clear positive correlation between the two measurements, with points clustering into distinct groups based on flower species.

PPlatoch
93% match
Loading thumbnail…

ICE5 Visualization

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 with SVG rendering to display data points colored by species, with interactive hover effects on the legend that highlight corresponding points. The chart includes labeled axes, a title, subtitle, and source attribution, with data loaded from a CSV file hosted on GitHub. The implementation uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scales, and d3.axisBottom and d3.axisLeft for axis generation.

Aaravindsg99@gmail.com
93% match
Loading thumbnail…

ICE_6_scatter_plot

This scatter plot visualizes the Iris Dataset, showing sepal length on the x-axis and petal length on the y-axis across three species of iris flowers. Each species is represented by a unique color, with a color legend identifying the categories. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `axisLeft`, `axisBottom`, and `selection.join` to render the plot, axes, and legend. Data is loaded and parsed from a CSV file using `csvParse` and fetched asynchronously.

Nnikhilagopi
93% match
Loading thumbnail…

Scatter Plot - ICE6

This scatter plot visualizes the Iris dataset, mapping petal length against sepal length. Points are colored by species using a viridis-like ordinal scale, with a legend showing the species categories. The visualization is rendered as an SVG using D3 v6, employing `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and `select` to build the chart. Data is loaded via `csv` from a remote URL, with margin-based positioning and custom label styling.

RRavi Teja Bonam
92% match
Loading thumbnail…

ICE-6 Scatter Plot.

This scatter plot visualizes the sepal length and sepal width measurements from the Iris dataset. Each data point is represented as a purple circle, plotted using D3 v7's `scaleLinear` and `extent` functions to map the numeric values to the SVG canvas. The chart includes labeled x and y axes, created with `axisBottom` and `axisLeft`, and is rendered as an SVG. The data is loaded from a local `iris.csv` file using D3's `csv` method.

Jjanisha30gowda@gmail.com
92% match
Loading thumbnail…

Ice6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while encoding sepal dimensions through each circle’s horizontal and vertical radius. Points are colored by species (blue, purple, or cyan) using D3’s `scaleLinear`, `axisLeft`, and `axisBottom`. The SVG is rendered full-screen, with data loaded asynchronously via `d3.csv`.

Ppeesarie
92% match