Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Color Legend

✓ Published0🌍 Public
Aakhil kata
Last edited Jul 1, 2022
Created on Jun 29, 2022

This scatter plot visualizes the Iris dataset, mapping petal width and sepal length with points colored by species. A circular color legend identifies the three species categories. The visualization uses D3 v5 with the `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and the `d3.legendColor` library for the legend. Grid lines extend across the chart via tick size settings, and axis labels are rotated for the y-axis. The data is loaded from a CSV file via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, showing petal length against sepal length for individual flowers. Each circle represents one iris, colored by its species to reveal clustering patterns. The D3.js code uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Axis labels and a color legend are rendered using SVG elements and the d3-legend library’s `legendColor` component.

Nnithish-1999
94% match
Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes the Iris flower dataset, mapping petal length on the x-axis, sepal width on the y-axis, and encoding species with color. Each point is rendered as an SVG circle using React components, with scales from `d3.scaleLinear` and `d3.scaleOrdinal`. The visualization includes axes built via `xScale.ticks()`, a color legend generated with `colorScale.domain()`, and tooltips using SVG `<title>` elements. Data is loaded asynchronously with `d3.csv` from a public gist.

Aaakarsh satyam
93% match
Loading thumbnail…

Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, displaying clusters of iris flowers by petal length against sepal length, with color distinguishing species. Each circle represents a flower, and a color legend identifies the three species. Built with D3 v5, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.axisBottom`/`d3.axisLeft` for ticks. The `d3.legendColor` plugin renders the circular legend, while CSV data is loaded via `d3.csv` and rendered as SVG circles with opacity.

CCurran Kelleher
93% match
Loading thumbnail…

scatter plot with color

This scatter plot visualizes the Iris Dataset, showing sepal length on the x-axis and petal length on the y-axis, with each of the three flower species represented by a distinct color from d3.schemeCategory10. A custom color legend identifies the species categories. The visualization loads the CSV data using d3.csvParse and renders the plot with d3.scaleLinear for both axes, while axes and legend components are built using reusable function modules.

KKhatera Alizada
92% match
Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and sepal width for different iris species. Each data point is rendered as a circle using SVG, with color encoding species membership through a categorical color scale. The visualization includes axes, axis labels, and an interactive color legend that logs species names on hover. Built with React and D3 v5, it uses d3.scaleLinear for axes, d3.scaleOrdinal for colors, and d3.csv for data loading.

Wwenleicao
92% match
Loading thumbnail…

Scatter Plot+color+legend

This chart visualizes the Iris dataset, plotting petal length against sepal width for individual flowers. A color legend maps the three species to distinct colors, with the legend placed to the right of the plot. The visualization is built with React and D3 v5, using `scaleLinear` for axes and `scaleOrdinal` for species colors. SVG circles represent each data point, and the color legend is generated by the `ColorLegend` component with configurable tick spacing. Axis tick labels are formatted using D3's `format` API.

CCyc-Evelyn
92% match
Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes the iris dataset, mapping petal length on the x-axis and sepal width on the y-axis. Each point represents a flower specimen, colored by species using an ordinal color scale, with a legend showing the species categories. The visualization is built with React and D3 v5, using `scaleLinear` and `scaleOrdinal` for scales, `extent` for domain calculation, and custom SVG components for axes, marks, and the color legend. Data is loaded asynchronously from a remote CSV using D3’s `csv` method.

MMorgan Worrell
92% match
Loading thumbnail…

Scatter Plot with Color Legend

This scatter plot visualizes the Iris dataset, showing petal length against sepal width for three species of iris. The species are encoded by color using a categorical scale mapped to an ordinal color legend. Built with React and D3 v5, the visualization uses `scaleLinear` for the axes, `scaleOrdinal` for colors, and reactive rendering via the `useData` hook to load CSV data. SVG circles represent each data point, with axes and legend components rendered separately.

Wwindwaver
92% match