Fork of Vineela

100%

Fork of Vineela

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

Forked from Vineela

This D3.js v6 scatter plot visualizes the Iris dataset, mapping petal width and sepal length on the x and y axes while encoding species with custom symbols and colors. The implementation uses the `csv` function to load data and a reusable `scatterPlot` module built with `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol`. Markers are rendered as SVG paths, with fill colors determined by a switch statement that assigns red, violet, and orange to the three iris species. The plot fills the entire browser window and includes labeled axes.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vineela

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and encoding species membership with red, violet, and orange markers. The D3.js v6 code loads CSV data from a GitHub gist, using `scaleLinear` for axes, `scaleOrdinal` for symbol types, and custom fill colors assigned per species. SVG rendering displays circular marks with translations for each data point, while the `scatterPlot` module wraps reusable axis and mark-generation logic.

VVineela Reddy

97% match

Loading thumbnail…

Fork of Fork of Vineela

This scatter plot visualizes the Iris dataset, mapping petal width and sepal length along the axes. Each flower species—setosa, versicolor, and virginica—appears as a distinct colored symbol, with red, violet, and orange fills respectively. The visualization uses D3 v6 APIs including `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` generators, rendering as SVG. Data loads from a CSV via `d3.csv`, and the code assigns colors through a custom `marker` function based on species.

VVineela Reddy

95% match

Loading thumbnail…

Vineela

This interactive D3.js scatter plot visualizes the Iris dataset, displaying sepal length against petal width while encoding species through both color and symbol shapes. The visualization renders SVG paths using d3.symbol() with distinct markers for setosa, versicolor, and virginica species. It implements custom scales via d3.scaleLinear and d3.scaleOrdinal, with axes generated through d3.axisLeft and d3.axisBottom. The plot fills the entire browser window and updates dynamically when the dataset loads from a remote CSV source.

VVineela Reddy

91% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (green, blue, or red). Built with D3 v6 and SVG, it uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes. The code also reads sepal measurements but does not use them visually. Data is loaded from a GitHub-hosted CSV file, and the chart fills the browser window with fixed margins and 24-pixel tick labels.

Llikith1266

88% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This visualization shows the classic Iris dataset as a scatter plot, mapping petal length and width for three flower species colored blue, red, and black. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`. It loads the dataset from a GitHub gist URL, parses numeric fields, and renders circles as SVG elements sized by sepal measurements. The axes display species separation, with circle positions computed via linear scales that map data values to pixel coordinates across the full window dimensions.

SSreejaBellamkonda

88% match

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, displaying petal length against petal width for three flower species, with each species colored differently. The visualization uses D3 v6’s `csv` loader, `scaleLinear`, and `axisLeft`/`axisBottom` functions to map data to SVG circles, with axis labels indicating the variables. Sepal measurements are also read into the data model, though not directly plotted. The chart is rendered in a full-window SVG with fixed margins and a large font for tick labels.

KKiran3295

88% match

Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding sepal length and width as the horizontal and vertical radii of each circle. Points are colored by species (setosa, versicolor, virginica) using light blue, pink, and yellow. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, and loads data via `d3.csv` from a gist. The SVG rendering uses dynamic window dimensions and custom tick font sizing.

Vvarun-030

88% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This D3.js (v6) scatter plot visualizes the Iris Dataset, mapping petal length and width for each flower sample while encoding species with distinct colors (purple, red, teal). The SVG rendering uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. Circular marks are positioned via `selectAll('circle').join('circle')` and labeled with rotated axis titles for petal length and width. The plot fills the browser window and includes a 24px tick font size for readability.

YYbg99g

87% match