Iris Scatter Plot

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, showing relationships between sepal and petal measurements across three iris species. Users can dynamically select which measurements to plot on the x- and y-axes through dropdown menus. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while data points transition smoothly via `transition().duration(1000)`. Each species is color-coded—red, green, or blue—and a legend identifies the classes.

Cchungmin-yu

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four flower measurements (sepal length/width, petal length/width) by selecting them from dropdown menus. Each of the 150 data points is rendered as a colored circle, with hue indicating one of three Iris species. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while `transition().duration().delay().attr()` animates the circles smoothly to their new positions when the axis selection changes. The legend and axis dropdowns are placed beside the plot.

Mmagua

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Three species are distinguished by color, with data points smoothly animating to new positions when the axis selection changes. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render the plot, alongside a custom dropdown menu system. The chart transitions circle positions using `transition().duration(1000)`, with SVG rendering for all graphical elements.

Sshialian

Iris Scatter Plot

An interactive scatter plot visualizes the classic Iris dataset, mapping sepal and petal measurements to the x and y axes. The visualization offers two dropdown menus that let users change which flower attribute is displayed on each axis. The code uses D3 v5 to load the CSV data, create linear scales, and render SVG circles that transition to new positions with a one-second animation. Points are colored by iris species (setosa, versicolor, or virginica), with a legend and axis labels rendered via `d3.axisBottom` and `d3.axisLeft`.

Wwinniepooh520

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, plotting measurements like sepal and petal length against each other. Users select which features to compare via two dropdown menus, which triggers animated transitions as the circles move to their new positions. The visualization uses d3.csv to load data, d3.scaleLinear and d3.axisBottom/axisLeft to construct axes, and d3.transition for the 1-second animations, rendering points as SVG circles color-coded by iris species.

Xx112358

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, comparing measurements of sepal length, sepal width, petal length, and petal width across three iris species. Users select axes via dropdown menus, and the chart updates its scales, labels, and title dynamically. Built with D3 v5, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `d3.schemeSet1` to color points by species. Each update removes the previous SVG group and re-renders the plot from the CSV data, with circles drawn at a 10-pixel radius and partial opacity.

Wwusushi

Iris Scatter Plot

This interactive scatter plot displays the Iris dataset, showing measurements of sepal and petal length and width. Users can select which measurement appears on the x-axis and y-axis via dropdown menus. The visualization uses d3.scaleLinear for axis scaling and d3.axisLeft and d3.axisBottom for axes, with circles animated via transition().duration() and delay(). Colors are assigned to species using d3.scaleOrdinal with a manual color range, and a legend is drawn with SVG rectangles and text. Data loads from a CSV URL, and rendering uses SVG with 2-second animated transitions.

Wwaterm80

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, letting users compare any two of its four measurements (sepal length, sepal width, petal length, petal width) via dropdown menus. Points are colored and grouped by the three Iris species, with a legend identifying each. The chart renders as an SVG using D3 v5, with axis labels and tick marks styled for readability. On initial load and whenever a new column is selected, the circles animate from the center to their positions using a two-second `transition` with staggered delays. The code leverages `d3.csv` for data loading, `scaleLinear` for positioning, and `axisBottom`/`axisLeft` for the axes.

Ccindy203cc