Skip to main content
SimilarExport ZIP
100%

ICE6_RAMAKANTH_iris

✓ Published0🌍 Public
RRamakanth771
Last edited Mar 7, 2022
Created on Mar 7, 2022

This scatter plot visualizes the Iris Dataset, using D3.v5 to render SVG circles that represent individual iris flowers. The x-axis maps sepal length, the y-axis maps petal length, and color encodes species, emphasizing clustering patterns among the three species. The code defines linear scales for x and y, and an ordinal color scale with `d3.schemeCategory10`. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while a color legend is added via the `d3.legendColor` API. Data is loaded as CSV using `d3.csv`.

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…

Ram_ICE7_SP

This scatter plot visualizes the Iris dataset, showing the relationship between petal width and sepal length. The chart uses D3.js 6.7.0 APIs like `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` to map data points to positions and render axes. Each species is represented by a distinct symbol from D3's `symbols` generator, with all points filled brown. The plot is rendered as an SVG directly in the browser, sized to the full window dimensions. The data is loaded from a remote CSV file via D3's `csv` function.

RRamch16
91% match
Loading thumbnail…

ICE 6 Scatter Plot

This scatter plot visualizes the Iris dataset by mapping petal length and petal width to point positions. Each point represents an iris flower, and its color indicates the species (pink for setosa, red for versicolor, green for virginica). The visualization is built using D3 v6 and rendered as SVG, with axes created using `axisLeft` and `axisBottom`. The code loads data from a CSV file, uses `scaleLinear` for coordinate mapping, and applies `selectAll` with a `join` operation to create the circle marks.

RRamyapriyaPutta
89% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris Flower Dataset, mapping sepal length on the x-axis and petal length on the y-axis. Points are colored by species—blue for setosa, yellow for versicolor, and red for virginica—using filled circles rendered as SVG elements. Built with D3 v6 and React, the visualization uses `d3.csv` to load data from a GitHub Gist, `d3.scaleLinear` for continuous axes, and `d3.axisLeft` and `d3.axisBottom` to draw labeled axes. The plot dynamically sizes to the browser window.

RRamya19-hub
89% match
Loading thumbnail…

Sri Ram ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The chart uses D3 v6’s `csv` loader to fetch the data and `scaleLinear` for axes, while SVG circles are positioned and sized via the `select` and `join` API techniques. Axis labels are added using `axisBottom` and `axisLeft`, and the code includes a custom marker function for categorical coloring.

SSRI RAM REDDY KOTERU
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
88% match
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
88% match
Loading thumbnail…

ICE-6 ScatterPlot (Dhanusree Kodali)

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding species with distinct colors. Points are rendered as SVG circles using D3 v6’s scaleLinear, extent, axisLeft, axisBottom, and join methods. The visualization also stores sepal measurements as additional properties on each mark, though they are not displayed. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, with axes labeled and styled through D3’s selection API.

DDhanusree Kodali
88% 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
88% match