sriram scatter plot ice 7

100%

sriram scatter plot ice 7

✓ Published0🌍 Public

Last edited Mar 10, 2023

Created on Mar 10, 2023

This D3.js scatter plot visualizes the Iris dataset, mapping sepal length on the y-axis and petal width on the x-axis. Different iris species are encoded using distinct symbols from D3’s `symbols` palette. The visualization uses `scaleLinear` and `scaleOrdinal` for positioning and symbol assignment, with axes generated via `axisLeft` and `axisBottom`. SVG rendering is fully responsive to the browser window, updating dimensions dynamically.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sriram ICE 7

This interactive scatter plot visualizes the Iris dataset, displaying points with adjustable x-axis mappings that cycle through petal width, sepal width, petal length, and sepal length every second while the y-axis remains fixed on sepal length. Built with d3.js, the visualization uses scaleLinear, extent, axisLeft, axisBottom, and a reusable chart function pattern. The SVG animation transitions between different attribute combinations, with points rendered as circles and axes updating dynamically. The dataset is loaded from a GitHub Gist URL using d3.csv, and the plot resizes to fit the full browser window.

SSriram-Voruganti

92% 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

87% match

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

86% 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

86% match

Loading thumbnail…

ICE-7-1

A D3.js scatter plot visualizes the Iris dataset, plotting petal width against sepal length. Three species of iris are distinguished using different SVG symbols via a d3.scaleOrdinal and d3.symbol generator. The chart uses d3.axisLeft and d3.axisBottom for axes, with data loaded from a CSV URL and parsed into numeric values. The visualization fills the browser window and is rendered with SVG.

HHARSHA BUDDANA

86% match

Loading thumbnail…

ICE-7 (11630234)

This visualization displays a scatter plot of the Iris dataset, mapping petal width against sepal length. The plot uses distinct symbols and colors (orange, purple, and grey) to differentiate the three plant species. The D3.js library (v6.7.0) constructs the chart, employing functions like `scaleLinear`, `extent`, `axisLeft`, and `symbol` to generate axes and data points. The SVG output is dynamically sized to fit the browser window and includes labeled axes and a bold title.

KKovvuri Supraj

86% match

Loading thumbnail…

ICE-7 Scatterplot

This animated scatterplot visualizes the Iris Dataset, plotting petal width against sepal length with points colored by species (setosa, versicolor, virginica) in red, teal, and blue. Using D3.js, the visualization cycles through different column pairings every two seconds—including sepal width, petal length, and sepal length—via setInterval, dynamically updating the axes and circles without user interaction. The SVG rendering uses d3.scaleLinear, axisLeft, and axisBottom to construct the coordinate system.

BBaswa Sathvika Reddy

86% match

Loading thumbnail…

ICE 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and distinguishing species through different SVG symbols. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbols for species markers, and d3.axisLeft/axisBottom for tick marks. The code loads CSV data via d3.csv and employs a reusable chart pattern with the scatterPlot function, rendering marks as generated path data through d3.symbol and d3.symbolGenerator.

SSreejaBellamkonda

85% match