Skip to main content
SimilarExport ZIP
100%

dupeeeeee

✓ Published0🌍 Public
DDee
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Activity_6 T_3.2

This D3.js (v7) scatter plot visualizes the Iris dataset, plotting sepal length against petal length for three species. The chart distinguishes species through both color and geometric shapes—diamonds for setosa, squares for versicolor, and triangles for virginica—using d3.symbol and d3.axisBottom/axisLeft. A custom shape legend explains the symbol mapping. Data loads from a remote CSV file via d3.csv, with points rendered as SVG paths within a standard margin-based chart layout.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

D3: Drawing with iris data

This example visualizes the classic Iris dataset as a scatter plot, showing sepal length against sepal width. Each data point is rendered as a distinct SVG symbol (triangle, cross, or star) and color-coded by species: red for setosa, orange for virginica, and blue for versicolor. The visualization also includes linear regression lines for each species, calculated using a custom `leastSquaresequation` function, to highlight trends within the groups. Built with D3 v4, the code uses `d3.scaleLinear`, `d3.symbol`, and `d3.axisBottom`/`d3.axisLeft` to construct axes and symbols, with data loaded from an external CSV file.

MMathReynaud
85% match
Loading thumbnail…

Untitled

This interactive D3.js (v6) scatter plot visualizes the classic Iris dataset, mapping petal length and width to the x and y axes. Points are color-coded by species, with setosa, versicolor, and virginica rendered in blue, red, and black respectively. The SVG rendering uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for tick marks. The code loads data via d3.csv from a GitHub gist, parsing numeric fields, and draws circles with a fixed radius, while also storing sepal dimensions as unused properties on each mark.

Eeravellisaimeghana
85% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris flower dataset, comparing sepal length to sepal width across three species encoded by color. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft to construct the chart, with an ordinal color scale for species classification. Rendered as SVG, it includes a manually drawn legend and gridlines, reading data from a local CSV file through d3.csv. The chart demonstrates ES6 module imports and loading D3 via UNPKG.

YYi-Qing
85% match
Loading thumbnail…

td3

This visualization displays two side-by-side scatterplots of the Iris dataset, plotting sepal length against sepal width. Each point is encoded with a symbol and color representing the flower species, while point size reflects petal length. Built with D3 v4, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` to generate distinct patterns for setosa, versicolor, and virginica. The SVG renderings are created by appending paths to separate chart divs, with scales computed from the CSV data using `d3.extent` and `d3.axisBottom`/`d3.axisLeft` for axes.

MMathReynaud
85% match
Loading thumbnail…

Data Visualization- Scatter Plot with Iris DataSet

This D3.js v6 scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The SVG rendering uses the `csv` loader to parse the data, `scaleLinear` for both axes, and `axisLeft` and `axisBottom` for tick marks. The code explicitly maps the `sepal_length` and `sepal_width` values to unused `rx` and `ry` attributes, though these do not affect the circle radii, which remain fixed. The chart is sized to the browser window.

Ggayathri
85% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species: red for setosa, green for versicolor, and purple for virginica. The code loads CSV data via D3’s `csv` function, parses numeric columns, and builds scales with `scaleLinear` and `extent`. Circles are rendered as SVG elements with fixed radius, while axes are generated using `axisLeft` and `axisBottom`. The visualization also encodes sepal measurements as `rx` and `ry` attributes, though these do not affect circle appearance given the constant radius. The chart fills the browser window with a pale turquoise title.

Vvagdevi-369
85% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6 with SVG rendering, employing scaleLinear, axisLeft, and axisBottom to construct the axes. Data is loaded via d3.csv from a remote GitHub URL, and circles are drawn using the select, data, and join pattern. The plot also records sepal measurements in each data point, though these are not visually encoded.

Pperamranji
85% match
Loading thumbnail…

D3 Scatter Plot

This visualization reproduces the classic Iris flower dataset as a D3.js scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each circle represents a flower sample, colored by its variety (setosa, versicolor, or virginica) using a categorical color mapping. The chart uses an SVG rendering with D3 scales and axes, and includes tooltips showing variety and coordinates. Data is loaded from a CSV via `d3.csv`, with axes generated using `d3.axisBottom` and `d3.axisLeft`.

Sscott306lr
84% match