Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Stylized Scatter Plot with Color Legend

✓ Published0🌍 Public
Nnikhitha693
Last edited Mar 24, 2022
Created on Mar 24, 2022

This scatter plot visualizes the Iris dataset, showing petal length against sepal length for individual iris flowers, with color encoding species. The visualization uses D3 v5 and the d3-legend library to construct the SVG rendering, including axes, tick marks, and a color legend. Data is loaded from a CSV file via `d3.csv`, and scales are computed dynamically using `d3.scaleLinear` for positioning and `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors.

AI-generated description

A scatter plot with D3. 2017 style.

This visualization shows The Iris Dataset. It's designed to emphasize clustering by Petal Length and Sepal Length by Species.

Each circle represents an iris flower.

Ported from Bl.ocks.org: Stylized Scatter Plot with Color Legend.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This visualization displays the Iris Dataset, using a scatter plot to emphasize clustering by Petal Length and Sepal Length across iris species. Each circle represents an individual flower, with color encoding species. The visualization is rendered as an SVG using D3 v5, employing `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for ticks. A color legend is added via the `d3-legend` library’s `legendColor` function. Data is loaded as CSV and parsed with a custom row function.

Nnikhitha693
97% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This visualization displays the Iris Dataset, using a scatter plot to emphasize clustering by Petal Length and Sepal Length across iris species. Each circle represents an individual flower, with color encoding species. The visualization is rendered as an SVG using D3 v5, employing `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for ticks. A color legend is added via the `d3-legend` library’s `legendColor` function. Data is loaded as CSV and parsed with a custom row function.

Nnikhitha693
97% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, showing sepal length against petal length for individual iris flowers, with color encoding species. The visualization uses D3 v5's `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color, and `d3.legendColor` for the color legend. Points are rendered as SVG circles positioned using D3's `axisBottom` and `axisLeft` scales, with the data loaded from a CSV file.

RRohith arabati
97% match
Loading thumbnail…

Fork of Fork of Fork of Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, showing the relationship between petal width and sepal length for different iris species. Each circle represents a flower, color-coded by species using a categorical color scale. The visualization uses d3.v5 to create SVG output, with axes and a color legend rendered via d3.legendColor. Data is loaded from a remote CSV file using d3.csv, and scales are defined with d3.scaleLinear and d3.scaleOrdinal.

DDINESH SAI BOPPANA
96% match
Loading thumbnail…

Fork of Stylized Scatter Plot with Color Legend

This fork of a stylized scatter plot visualizes the Iris Dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species via color. Each circle represents an iris flower, with the color legend identifying the three species. Built with D3 v5, the code uses `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeCategory10`, and the `d3.legend` plugin for the legend. Data is loaded via `d3.csv` from a remote file, and the SVG rendering includes styled axes and a large right-side legend.

Ssaivinay143
96% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

A scatter plot displays the Iris Dataset, mapping petal width to sepal length for individual flowers, with color indicating species. Rendered as SVG via D3 v5, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.legendColor` for the categorical color legend. Axes are styled with grid lines and labels using `d3.axisBottom` and `d3.axisLeft`, while the `d3.schemeCategory10` palette colors the circles.

Nnagamaheswar
96% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris Dataset, using D3 v5 to map sepal length and petal length on the x- and y-axes, with each circle representing an iris flower and colored by species via a categorical color scale and an accompanying legend. The code loads data from a remote CSV using `d3.csv`, builds linear scales with `d3.scaleLinear`, and renders axes and SVG circles. It also leverages the `d3-legend` library’s `legendColor` to draw the color key, with axis labels and grid lines styled through CSS.

DDivyaVellanki
96% match
Loading thumbnail…

Fork of Stylized Scatter Plot with Color Legend

This D3 v5 visualization displays the Iris dataset, mapping sepal length and petal length along the x and y axes, with species encoded as color. The scatter plot uses circles to represent individual samples. The code loads data from a CSV file, employs `d3.scaleLinear` and `d3.scaleOrdinal` with `d3.schemeCategory10`, and renders axes via `d3.axisBottom` and `d3.axisLeft`. A color legend is added using the `d3.legendColor` API from the d3-legend library.

DDivyaVellanki
95% match