Skip to main content
SimilarExport ZIP
100%

Scatterplot - II

✓ Published0🌍 Public
JJverma
Last edited Jul 5, 2015
Created on Jul 5, 2015

An interactive scatter plot displays the classic Iris dataset, with each point colored by species to reveal clustering patterns. Built with Vue, the visualization uses D3.js for data binding and SVG rendering, allowing users to hover over points to see detailed measurements. The plot maps sepal and petal dimensions across axes, highlighting the clear separation between setosa and the overlapping versicolor and virginica groups.

AI-generated description

Interactive Scatter plot of Iris data.

Similar vizzes

Loading thumbnail…

Scatter II

This scatter plot displays the classic iris dataset, mapping sepal width and sepal length along the x- and y-axes, with each species (setosa, versicolor, virginica) distinguished by color and a legend. Built with D3.js, it uses the `d3.conventions` helper from the d3-starterkit to set up axes and scales, then appends circles via `dataAppend` to render each data point. Axis labels and the legend are added directly within the SVG, and the data is loaded as a TSV file using `d3.tsv`.

11wheel
87% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the classic Iris dataset, encoding sepal length and width for 150 flowers as circles on a Cartesian plane. Each point represents a flower, colored by species using a custom color generator that produces maximally distinct hues via the LAB color space. The visualization is built as a reusable D3 module, demonstrating how optional configuration properties like point size and color can be flexibly applied. Rendered in SVG, the plot reveals the well-known clustering of Iris setosa, versicolor, and virginica species, with axes labeled from the dataset's metadata. The code leverages RequireJS for modular loading and highlights a clean separation between data, metadata, and visualization logic.

CCurran Kelleher
86% match
Loading thumbnail…

Scatter III

This scatter plot visualizes the classic Iris dataset, displaying sepal width along the x-axis and sepal length along the y-axis. Each data point is a filled circle, with color encoding the flower species (setosa, versicolor, or virginica). The chart is rendered using D3.js, with axes drawn via the `d3.conventions()` helper from the d3-starterkit. A tooltip, enabled through `d3.attachTooltip`, appears on hover to show additional details for each point.

11wheel
86% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two measurements (sepal and petal length or width) by selecting them from dropdown menus. The visualization uses D3v5's `scaleLinear` and `extent` to compute axes, with a smooth 1-second transition between selections. Points are colored by Iris species (setosa, versicolor, virginica) using red, green, and blue, and the chart includes axis labels, gridlines, and a legend. The React-based code fetches data from a CSV file via `csv` and renders using SVG.

CChiuyc
85% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, showing measurements of sepal and petal dimensions colored by flower species. Users can select which attributes to display on the x- and y-axes using dropdown menus, with hover interactions fading non-selected species. Built with React and D3 v5, it renders SVG circles using `scaleLinear` and `scaleOrdinal` for positioning and color encoding. The visualization includes custom axis components, a color legend, and tooltips, with data loaded via D3's `csv` parser and formatted using `d3.format`.

TThe-World-Muda
85% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users can select any combination of four measurement attributes for the x- and y-axes via dropdown menus. The data is loaded from a Google Sheet using d3.csv, with three Iris species distinguished by semi-transparent red, green, and blue circles. The visualization uses d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and updates dynamically through d3.select and change event handlers.

TTzuTing112200
85% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot displays the classic Iris dataset, with each point representing a flower and colored by its species (setosa, versicolor, or virginica). The visualization uses D3 v5 to render an SVG, allowing users to dynamically select which measurements (sepal or petal length/width) appear on the x- and y-axes via dropdown menus. The code builds linear scales with `d3.scaleLinear`, generates axes with `d3.axisBottom` and `d3.axisLeft`, and adds a color legend using `d3.legendColor`. Circles are styled with an ordinal color scale, and grid lines are rendered through tick sizes.

Wwinniepooh520
85% match
Loading thumbnail…

Iris-scatter-plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any combination of sepal and petal measurements via dropdown menus. Each point represents a flower sample, colored by species (setosa, virginica, or versicolor) using D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The visualization dynamically re-renders the SVG on selection changes, with axis labels indicating the chosen attributes. Data is loaded as CSV from a GitHub gist, and the code uses d3.csv, d3.select, and d3.join to update circles.

Wwilliamkuo2000
85% match