Skip to main content
SimilarExport ZIP
100%

Fork of Stylized Scatter Plot with Color Legend

✓ Published1🌍 Public
DDivyaVellanki
Last edited Mar 7, 2022
Created on Mar 7, 2022

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.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

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

Fork of Fork of Stylized Scatter Plot with Color Legend

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length with points colored by species. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding, and the `d3-legend` library to generate a circle-shaped color legend. The chart features hidden domain lines, styled tick marks, and large axis labels.

DDivyaVellanki
96% 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
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 Stylized Scatter Plot with Color Legend

This fork of the stylized scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The code uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and the `d3.legend` library to display a color legend. It also utilizes `d3.axisBottom` and `d3.axisLeft` with tick lines spanning the chart, plus axis and legend labels styled via CSS.

DDivyaVellanki
96% 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 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 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
95% match