Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Hello VizHub

✓ Published1🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three flower species, with each species color-coded as skyblue, lightgreen, or orange. The visualization uses D3 v6 to load CSV data, create SVG circles, and generate axes with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The code maps the data fields to plot coordinates, with axis labels for petal and sepal measurements, providing a clear comparison of the dataset’s dimensions.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica). The visualization uses D3 v6 via UNPKG, loading data with `d3.csv`, scaling with `d3.scaleLinear`, and rendering axes with `d3.axisLeft` and `d3.axisBottom`. Circles are appended to an SVG, with fill colors assigned per species and petal dimensions determining x- and y-positions. The chart includes labeled axes and a fixed radius for all points, sourced from a remote CSV hosted on GitHub.

Ssusarlasruthi2000@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Hello VizHub tutorial 3.1

This example displays the Iris dataset through a scatter plot, mapping petal length and width to the x- and y-axes while coloring points by species (setosa, versicolor, or virginica). The visualization uses D3 v6 to load CSV data, apply linear scales with `d3.scaleLinear`, and render circles in an SVG container. It also draws axes via `d3.axisBottom` and `d3.axisLeft`, with labeled axis text, and handles the full window size for the plot area.

LLakshmiPrasannaValdas@my.unt.edu
93% match
Loading thumbnail…

Fork of Hello VizHub

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes and coloring each point by species (setosa, versicolor, virginica). The code loads CSV data from a remote URL using d3.csv, applies linear scales with d3.scaleLinear, and renders SVG circles positioned via d3.selectAll and .join. Axes are generated with d3.axisLeft and d3.axisBottom, while the chart dimensions adapt to the window size.

Ssaivaishnogaruda@gmail.com
92% match
Loading thumbnail…

Fork of Hello VizHub

A scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol. The example uses the D3.js library, specifically its `scaleLinear` for axes, `scaleOrdinal` for the shape scale, and `symbol` to generate the marks. A custom shape legend, built via a separate module, identifies the species. The data is loaded asynchronously from a CSV file hosted on GitHub, and the visualization fills the browser window.

Ssaivaishnogaruda@gmail.com
91% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers, with each species color-coded (setosa in green, versicolor in orange, and virginica in brown). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to compute scales and render axes, while circles are drawn in SVG via `selectAll` and `join`. The data is fetched as CSV from a GitHub gist and parsed with numeric coercion, with labels for petal length and sepal length added as text elements.

RRadhakrishna246
91% match
Loading thumbnail…

Fork of Forking Hello VizHub

An animated scatter plot of the Iris flower dataset cycles through different x-axis dimensions using D3 version 6. The visualization loads data via `d3.csv` from a GitHub gist, then renders circles colored by species with SVG. A custom reusable `scatterPlot` module builds scales with `d3.scaleLinear` and axes with `d3.axisLeft` and `d3.axisBottom`. A `setInterval` updates the x-value mapping across petal width, sepal width, petal length, and sepal length, redrawing the plot while labels and a legend are appended dynamically.

Ssathvik0311@gmail.com
91% match
Loading thumbnail…

Fork of Hello VizHub

This scatter plot visualizes the Iris dataset, mapping sepal length and petal length on the axes while using distinct symbols to represent the three iris species. The visualization loads the CSV data asynchronously via `fetch` and `csvParse`, then renders it with `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` generators. Axis labels and a shape legend are added through modular helper functions. The plot uses d3.v7’s data join pattern, showing how shape encoding distinguishes categorical values in a quantitative scatter plot.

Hhkodiripaka15@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers. Each point is colored by species, using blue, red, and black to distinguish setosa, versicolor, and virginica. The visualization uses D3 v6 APIs including `select`, `scaleLinear`, `extent`, and `axisBottom` to map data to SVG circles, with point radius fixed while sepal dimensions are encoded as rx and ry attributes on the circle elements. The chart fills the entire browser window.

DDivyaVellanki
91% match