Fork of Fork of Fork of Cat smiley

100%

Fork of Fork of Fork of Cat smiley

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 20, 2024

This example displays a scatter plot of the Iris dataset, plotting petal length against sepal length with points colored by species: orange for setosa, blue for versicolor, and green for virginica. The visualization uses d3.csv to load the data and d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to map measurements and render the axes with SVG. Circle elements represent individual observations, while axis labels indicate the measured dimensions in centimeters.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of scatter plot

This example presents a scatter plot of the Iris Dataset, mapping petal length and width for each flower. Points are colored green, yellow, or black to indicate the species (setosa, versicolor, or virginica). The visualization uses D3’s `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions. The SVG circles also encode sepal dimensions via the `rx` and `ry` attributes, though their visual effect is minimal. Data is loaded from a CSV URL, and axes are labeled with custom font styling.

Eeravellisaimeghana

88% match

Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis. Points are colored by species—yellow for setosa, green for versicolor, and black for virginica—using a custom marker function. Built with D3 v6, it loads CSV data via `d3.csv`, scales axes with `scaleLinear` and `extent`, and renders circles as SVG elements. Axis labels for petal length and sepal length are added as SVG text, with circles using attributes `rx` and `ry` that reference sepal measurements, though these do not affect the visual shape.

AAlankruthSai

88% match

Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris Dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Individual data points are colored by species—green for setosa, yellow for versicolor, and black for virginica—using D3’s scaleLinear and extent functions to set the scales. The SVG rendering uses D3 v6 to append circles, with axes added via axisLeft and axisBottom. Although sepal length and width values are read from the CSV, they are assigned as rx and ry attributes on circles, which does not affect their circular appearance since the radius remains fixed.

Eeravellisaimeghana

88% match

Loading thumbnail…

Fork of Fork of Fork of Hello VizHub

This scatter plot visualizes the Iris dataset, showing petal length against petal width for three flower species, with each species color-coded as skyblue, lightgreen, or orange. The visualization uses D3 v6 to load CSV data, create SVG circles, and generate axes with `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. The code maps the data fields to plot coordinates, with axis labels for petal and sepal measurements, providing a clear comparison of the dataset’s dimensions.

LLakshmiPrasannaValdas@my.unt.edu

88% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length against petal width for individual flower specimens while color-coding points by species (setosa, versicolor, and virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to generate axes and map data to screen coordinates. The SVG circles are rendered with `select`, `append`, and a join operation, and the data is loaded via `d3.csv` from a raw GitHub source.

Bblikitha

88% match

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). Built with d3.csv, d3.scaleLinear, d3.axisLeft, and d3.axisBottom, the SVG rendering uses circles positioned via data joins. Although the code defines sepal dimensions as rx and ry attributes, it ultimately applies a fixed radius of 5 pixels, so sepal values do not affect the visual output.

Pperamranji

88% match

Loading thumbnail…

Fork of Scatter Plot

Pperamranji

88% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal length against petal width for individual flowers, with each species color-coded (setosa in green, versicolor in orange, and virginica in brown). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to compute scales and render axes, while circles are drawn in SVG via `selectAll` and `join`. The data is fetched as CSV from a GitHub gist and parsed with numeric coercion, with labels for petal length and sepal length added as text elements.

RRadhakrishna246

88% match