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 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.

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
100% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

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.

Nnikhitha693
97% match
Loading thumbnail…

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

This visualization displays the Iris Dataset, emphasizing clustering by petal length and sepal length across three species. Each circle represents an iris flower, colored by species using a categorical color scale and labeled with a d3-legend legend. Built with D3 v5 and SVG, the code uses `d3.csv` to load data, `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.axisBottom`/`d3.axisLeft` for gridlines. The scatter plot derives from a 2017 example by Curran.

Bblikitha
96% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This visualization displays the Iris Dataset, emphasizing clustering by petal and sepal length across species. Each circle represents an iris flower, colored by species via a categorical color scale and legend. Built with D3 v5, it uses `d3.csv` to load data, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.legendColor` for the legend. SVG rendering includes styled grid lines and large labels.

Bblikitha
96% match
Loading thumbnail…

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

This visualization displays the Iris Dataset, plotting petal length against sepal length for individual iris flowers. Each circle represents one flower, with colors corresponding to species, and a color legend identifies the three species. The scatter plot uses D3 v5 with linear scales for both axes, and the code employs `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and the `d3-legend` library’s `legendColor` for the legend. Data is loaded via `d3.csv` from a GitHub gist URL.

Bblikitha
96% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This visualization displays the Iris Dataset, with each circle representing an iris flower, positioned by petal length and sepal length to emphasize clustering by species. A color legend distinguishes the three species using a categorical scale. The code uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scales, d3.axisBottom and d3.axisLeft for axes, and the d3-legend library’s legendColor with circle shapes. Rendered as SVG, it includes custom axis labels and a hidden domain for a cleaner, stylized appearance.

NNaveenrajaYalagandula
96% match
Loading thumbnail…

Fork of Fork of Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris dataset, mapping petal length to the x-axis and sepal length to the y-axis, with each circle representing an individual flower. Species are distinguished through color, and a legend identifies the three categories. The visualization uses D3 v5 and the d3-legend library, employing d3.scaleLinear for continuous axes and d3.scaleOrdinal with the d3.schemeCategory10 palette for categorical coloring. Axes are rendered with d3.axisBottom and d3.axisLeft, and the legend is generated using d3.legendColor. The SVG canvas is 1050 by 500 pixels, with data loaded asynchronously via d3.csv.

DDeekshithVemula
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
95% match