Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ICE - 6 Scatter Plot

✓ Published0🌍 Public
RRahulChaitu999
Last edited Jul 1, 2022
Created on Jul 1, 2022

This scatter plot visualizes the penguin dataset, mapping petal length and width as x and y coordinates while sepal length and width are redundantly encoded as circle radii. The D3 v6 code loads CSV data, applies linear scales, and renders colored circles for each species using `scaleLinear`, `extent`, and `axisLeft`/`axisBottom`. The SVG output uses the `join` operator to create marks, with axis labels styled in red and purple.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while using color to distinguish species. The circles also encode sepal measurements through their horizontal and vertical radii, creating a multi-dimensional view. Built with D3 v6, the visualization loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot. Custom styling sets tick font sizes and axis labels, while the SVG output fills the entire browser window.

NNaimisha-M
89% match
Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while encoding species type with color. It uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. Circle marks are generated with d3.selectAll and .join, sized with a fixed radius, though sepal dimensions are computed but not visually used. The SVG canvas fills the window, with axis labels styled via inline attributes.

NNaimisha-M
89% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding species with blue, yellow, and red circles. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG. Circles also store sepal measurements as `rx` and `ry` attributes, though these do not affect the visual display. Axes are labeled in red, and the plot fills the entire browser window with a hidden page margin.

Ppemmasaniprudhvinadh
89% match
Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, encoding petal length and width on the x- and y-axes, with circles colored by species (setosa in green, virginica in orange, versicolor in blue). It uses D3 v6 to load CSV data, create linear scales with `scaleLinear`, and render SVG circles via `selectAll().join()`. Axes are drawn with `axisLeft` and `axisBottom`, while rotated text labels annotate the axes. Although `rx` and `ry` attributes are set from sepal measurements, the circles remain uniformly sized, and the code does not apply any other encodings or interactions.

SSaiSree0122
88% match
Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species, color-coded as green, orange, and blue. Each circle's position maps the petal measurements, while additional sepal length and width values are embedded in the data model, though not directly used for positioning. Built with D3 v6, the SVG visualization uses linear scales, axes, and CSV data loading via `d3.csv` to render the chart across the full browser window.

KKeerthipriyaBankuru
88% match
Loading thumbnail…

Fork of ICE - 7 Reusable Scatter Plot Maanas Katta

This example displays a scatter plot of penguin data that cycles through different x-axis attributes every two seconds, showing how the distribution shifts when petal width, sepal width, petal length, or sepal length is plotted against sepal length. Data points are colored by species (setosa, versicolor, virginica) using blue, red, and yellow fills, with white axis labels and strokes. The visualization builds a reusable chart using D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `setInterval` for animation. It loads CSV data from a GitHub gist and renders SVG circles on a black background.

Ddheeraj1509
88% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset using D3 v6, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica) in blue, yellow, or red. The SVG rendering includes axis labels for petal length and sepal length, though the sepal dimensions are also encoded as the horizontal and vertical radii of each circle, creating elliptical markers. Data is loaded as CSV via `d3.csv`, with scales built through `scaleLinear` and axes generated using `axisLeft` and `axisBottom`.

TTekmal-Bhavana
88% match
Loading thumbnail…

Fork of Fork of Penguin Data set scatter Plot

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length for individual flowers, with each point rendered as a circle in an SVG. The visualization uses D3 v5’s `scaleLinear` and `extent` functions to compute scales, while the axes are drawn using `axisLeft` and `axisBottom`, with custom labels and a title.

Vvryvarma5577@gmail.com
88% match