Animals Dataset Scatter Plot

100%

Animals Dataset Scatter Plot

✓ Published0🌍 Public

Last edited Mar 5, 2022

Created on Mar 5, 2022

This scatter plot visualizes the Animals Dataset, mapping ear length and ear width along the x- and y-axes while coloring each point by species (tiger, lion, or other). Circles use eye length and width for their rx and ry attributes, though the radius is fixed. The visualization loads CSV data via d3.csv, scales positions with d3.scaleLinear, and renders axes using d3.axisLeft and d3.axisBottom, with all elements drawn as SVG in a full-window viewport.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Venkata Rajashekar Reddy ICE-7

This interactive scatter plot visualizes the Iris Dataset, displaying eye width against ear length for various species. Built with D3.js, it uses a reusable `scatterPlot` function that dynamically updates the x-axis attribute every two seconds, cycling through different data columns. The SVG rendering includes colored circles representing species—red for tigers, blue for lions, and green for others—with labeled axes. The chart adapts to the browser window size and uses the Share Tech font for text styling.

VVenkata Rajashekar Reddy Chinthala

78% match

Loading thumbnail…

scatter plot

This D3 scatter plot displays the Iris Dataset, using petal length and width for the x- and y-axes while encoding species membership through circle colors (green, yellow, and black). It also maps sepal measurements to each point’s `rx` and `ry` attributes, though these elliptical properties are overridden by a fixed radius. Data loads via `d3.csv` and parses numeric columns. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and domains derive from `d3.extent`. SVG rendering creates responsive, full-viewport visuals with rotated axis labels.

Eeravellisaimeghana

75% match

Loading thumbnail…

Scatter Plot Using Iris Data

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

MMeghanaArepalli

74% match

Loading thumbnail…

Reusuable ScatterPlot

This scatter plot visualizes wildlife data, mapping population density, altitude, weight, and temperature for different animal types. The visualization dynamically cycles through these four attributes on the x-axis every second, updating the plot in real time using D3.js version 6 with SVG rendering and animation. Each data point is represented by a symbol determined by the animal type, with colors assigned by species (e.g., purple for lions, green for tigers), while the y-axis remains fixed to altitude. The chart includes labeled axes, a title, and is built with reusable, modular code that accepts configurable accessor functions for flexibility across datasets.

NNandini Maddula

74% match

Loading thumbnail…

Scatter Plot Data

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis, petal width on the y-axis, and coloring each point by species (green, purple, or red). The code uses D3 v6 with `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to render SVG circles based on data from a GitHub-hosted CSV file. It also sets custom font sizes for tick text and includes axis labels for both dimensions.

Jjayanthamol99

74% match

Loading thumbnail…

plot

This scatter plot visualizes the Iris Dataset, with each circle representing an iris flower and colored by species to emphasize clustering according to petal length and sepal length. The visualization uses D3 v5 to load CSV data, apply linear scales for the axes, and render circles in an SVG. It includes a categorical color scale with a d3-legend color legend, axis labels, and gridlines generated via d3.axisBottom and d3.axisLeft.

Ppavankalyan1507

74% match

Loading thumbnail…

Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width along the x- and y-axes, with circles colored by species (setosa in red, versicolor in pink, and virginica in blue). It also encodes sepal length and width as the rx and ry attributes of each circle, though they remain unchanged due to a fixed radius. Built with D3 v6, the code loads CSV data via `d3.csv`, uses `scaleLinear` and `extent` for scales, and renders axes with `axisLeft` and `axisBottom`. All elements are drawn as SVG circles appended to the body.

AAkrutiKhurana2103

74% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

Vvidhyanamini

74% match