Skip to main content
SimilarExport ZIP
100%

VarshaICE6-2

✓ Published0🌍 Public
VVReddy913
Last edited Jun 25, 2022
Created on Jun 25, 2022

This visualization plots the Iris dataset as a scatter plot, showing petal length versus sepal length for individual flowers, with each species color-coded. The plot includes labeled axes and a color legend for the three species. The code uses d3.csv to load the data, then creates linear scales for the axes and an ordinal color scale. SVG circles represent data points, and the axes and legend are rendered using d3.axisBottom, d3.axisLeft, and d3.legendColor.

AI-generated description

A scatter plot with D3. 2017 style.

This visualization shows The Iris Dataset. It's designed to emphasize clustering by Petal Length and Sepal Length by Species.

Each circle represents an iris flower.

Ported from Bl.ocks.org: Stylized Scatter Plot with Color Legend.

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6 11540639 - D3 Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping sepal length on the y-axis against petal length on the x-axis. Each of the 150 flowers is drawn as a circle, with its fill color indicating species: green for setosa, orangered for versicolor, and purple for virginica. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to compute scales, and d3.axisLeft and d3.axisBottom to render axes with styled ticks. The SVG is sized to the browser window, and labels are added for both axes.

SSravanthi Silla
90% match
Loading thumbnail…

ICE-6_ Plot-Scatterplot

This visualization shows the relationship between sepal length and petal length in the Iris dataset, with each flower represented as a semi-transparent red circle. The code uses d3.csv to load the data, determines the plot dimensions from the browser window, and maps values using d3.scaleLinear with d3.extent for domain ranges. Axes are rendered with d3.axisLeft and d3.axisBottom, while d3.selectAll and the join method create the SVG circles. The axis and label text styling comes from the linked stylesheet, which also sets the circle opacity.

Sskambhore04
90% match
Loading thumbnail…

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12
90% match
Loading thumbnail…

Scatter Plot - ICE6

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are appended and filled via d3-selection, with hardcoded color values per species. The SVG spans the full window, and axis labels are added as text elements with rotated positioning.

RRaajithaSabbineni
89% match
Loading thumbnail…

ICE6 Iris Dataset Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each point is colored by species—blue for setosa, red for versicolor, and black for virginica. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to set scales, and d3.axisLeft and d3.axisBottom to render axes. Although sepal length and width are parsed, they are not used for positioning; circles are drawn via SVG with a fixed radius.

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

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot of petal length against petal width, with each point colored by species (setosa, versicolor, and virginica). The plot uses d3.csv to load the data, d3.scaleLinear for x and y scales, and d3.axisLeft and d3.axisBottom to render axes. Circles are drawn via SVG with a fixed radius, while labels for petal length and sepal length are added as text elements. The rendering is SVG, with the page background set to a light teal.

RRohithReddy-thoughts
88% match
Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This visualization uses D3 v6 to render a scatter plot of Iris flower data, mapping petal length and width to the x and y axes while using sepal dimensions to determine each point’s rx and ry attributes, creating elliptical markers. A color scale distinguishes the three species (setosa, versicolor, virginica) as yellow, blue, and red. The SVG chart loads data from a CSV via `d3.csv`, scales positions with `scaleLinear` and `extent`, and adds axes using `axisLeft` and `axisBottom`. The dataset originates from a gist containing credit card usage records, though the code processes Iris measurements.

Ssuchitra2602
88% match