Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Color_new

✓ Published0🌍 Public
PPremkumar
Last edited Aug 21, 2024
Created on Aug 21, 2024

This fork of a scatter plot visualizes the Iris Dataset, showing sepal length against petal length. The plot’s marks are colored by species using an ordinal color scale from `d3-scale-chromatic`, with a corresponding color legend generated by the `colorLegend` function. The axes are created with `d3.axisLeft` and `d3.axisBottom`, and the chart is rendered using D3’s selection join API.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Color

This fork of a scatter plot visualizes the Iris Dataset, showing sepal length against petal length. Each point is colored by species—setosa, versicolor, or virginica—with a custom color legend on the right. Using D3 7.8.5, the code employs `scaleLinear` for axes, `scaleOrdinal` with a custom color array for categorization, and `selection.join` to manage SVG elements. The axes and color legend are separate modules utilizing `axisLeft`, `axisBottom`, and `colorLegend` functions.

HHaili0109
95% match
Loading thumbnail…

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing sepal length against petal length. Each point is colored by species using a categorical color scale from `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization includes labeled axes and a color legend for species identification. The implementation uses `d3.scaleLinear` for positioning, `d3.extent` for domain calculation, and the `d3.selection` API for declarative rendering. Data is loaded from a CSV file and parsed with `d3.csvParse`.

Bbillmccabeusa@hotmail.com
94% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the classic Iris Dataset as a scatter plot, showing sepal length on the x-axis and petal length on the y-axis. Each of the 150 data points is colored by species using a categorical color scale, with a legend indicating the meaning of each color. The visualization is built with D3 v7, using `d3.scaleLinear` for positioning, `d3.scaleOrdinal` with `schemeCategory10` for colors, and `d3.selection.join` for dynamic element updates. The axes and color legend are implemented as reusable functions that render SVG circles and text elements.

Gg_ivaska@coloradocollege.edu
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset maps sepal length to petal length, with each of the three species (setosa, versicolor, virginica) encoded by a distinct color from the categorical `d3.scaleOrdinal` scheme. The visualization includes labeled x- and y-axes, a color legend with tick marks for species names, and circular markers rendered as SVG elements. Built with D3.js, the code uses `d3.extent`, `d3.scaleLinear`, and `d3.schemeCategory10` to scale data and colors, while custom modules `axes.js` and `colorLegend.js` construct the coordinate system and legend via selection joins.

Jjt23346059@gmail.com
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset maps sepal length to petal length, with each of the three species (setosa, versicolor, virginica) encoded by a distinct color from the categorical `d3.scaleOrdinal` scheme. The visualization includes labeled x- and y-axes, a color legend with tick marks for species names, and circular markers rendered as SVG elements. Built with D3.js, the code uses `d3.extent`, `d3.scaleLinear`, and `d3.schemeCategory10` to scale data and colors, while custom modules `axes.js` and `colorLegend.js` construct the coordinate system and legend via selection joins.

Jjt23346059@gmail.com
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each of the 150 points is colored by species—setosa, versicolor, or virginica—using an ordinal color scale with `d3.scaleOrdinal` and `schemeCategory10`. A color legend displays the species labels, while axes with custom labels are rendered via reusable `axes` and `colorLegend` functions. The visualization uses `d3.csvParse` to load data and selection joins to bind circles to the dataset.

Aadityaraoh
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with points colored by species and a color legend for identification. The visualization uses D3 v7 with `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular functions for axes and legends. It employs `selection.join` for dynamic element updates and loads data asynchronously via `fetch`, parsing the CSV with `csvParse`. The chart renders in a full-screen SVG with labeled axes and a categorical legend positioned in the plot area.

Ssnehareddygurram
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example presents a scatter plot of the classic Iris dataset, visualizing the relationship between sepal length and petal length for three flower species. Each circle is colored according to species, with a categorical color legend positioned in the top-right. Using `d3.scaleLinear` and `d3.scaleOrdinal` with `schemeCategory10`, it builds axes and a legend via custom functions that leverage `axisLeft`, `axisBottom`, and `selectAll(...).join(...)`. Data is loaded as a CSV and parsed in `index.js`.

BBismark Kofi Owusu Sarfo
92% match