Skip to main content
SimilarExport ZIP
100%

D3 Scatter Plot

✓ Published0🌍 Public
Ssusarlasruthi2000@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024

This scatter plot visualizes the Palmer Penguins dataset, plotting body mass against culmen length with points shaped by species—squares for Adelie, triangles for Chinstrap, and circles for Gentoo. Built with D3 v6, the chart uses `scaleLinear`, `axisLeft`, and `axisBottom` for scales and axes, and renders SVG paths via the reusable `scatterPlot` module. Every two seconds, the x-axis cycles through four numeric columns, animating the plot to show different variable relationships. Data is loaded as CSV from a GitHub repository.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing body mass against culmen length with colored circles for each species. The visualization uses D3 v6 within a React framework to load CSV data and render SVG elements, employing scaleLinear for axes and extent for domain calculations. Circle positions map culmen length and body mass, while species determines fill color through a custom switch function. Axis labels are styled with red text, and the plot fills the entire browser window with margin-based positioning.

AAmruthaVee
91% match
Loading thumbnail…

scatter Plot

This interactive scatter plot visualizes the Palmer Penguins dataset, plotting flipper length against body mass, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses d3.csv to load the data and d3.scaleLinear to map values to pixel coordinates, rendering circles as SVG elements. Axes are generated with d3.axisLeft and d3.axisBottom, while axis labels and a title are added as text elements. The code also stores raw bill measurements on each mark, though these are not displayed visually.

AArun
91% match
Loading thumbnail…

Penguin Data set scatter Plot

A scatter plot of the Palmer Penguins dataset displays body mass on the x-axis and bill depth on the y-axis, with each circle colored by species (Adelie, Chinstrap, or Gentoo). The visualization uses D3 v5 to load CSV data via `d3.csv`, scales with `scaleLinear` and `extent`, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while custom styling applies cursive fonts and a bold title.

Ssyedhaliz
91% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis. Each circle is colored by penguin species (Adelie, Gentoo, or Chinstrap). The code uses d3.csv to load the data, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom to build the chart, then renders SVG circles with custom fill colors, along with labeled axes and a title.

Mmboinapally17
90% match
Loading thumbnail…

Scatter Plot for Penguin Dataset

This visualization shows a scatter plot of the Palmer Penguins dataset, plotting culmen length against culmen depth for individual penguins. Each point is colored by species—pink for Adelie, blue for Chinstrap, and green for Gentoo—using a custom marker function. The D3 v6 code loads the CSV data via `d3.csv`, applies scales with `scaleLinear` and `extent`, and renders circles as SVG elements with `selectAll().data().join()`. Axes are generated with `axisLeft` and `axisBottom`, while labels describe flipper length and body mass, though the plot itself displays only the two culmen measurements.

SSUSHMA CHIRRA
90% match
Loading thumbnail…

Penguin Dataset Scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with each point colored by penguin species. Additional culmen measurements are encoded in the circle radii, though the visual distinction is subtle. The visualization is built with D3 v5 and rendered as SVG, using `d3.csv` to load the data, `d3.scaleLinear` with `d3.extent` for axis scaling, and custom margin calculations for the layout. The axes are labeled with cursive font styling, and the chart includes a title centered above the plot.

PPrasanth
90% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis and body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the data to SVG circles. Additional penguin measurements—culmen length and depth—are stored as `rx` and `ry` attributes on each circle, though they do not affect rendering. The chart includes axis labels and a title, with data fetched from a GitHub gist.

HHarshavardhan
89% match
Loading thumbnail…

Scatter Plot- Penguine Dataset

This scatter plot visualizes the Palmer Penguins dataset, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by penguin species (Adelie, Gentoo, or Chinstrap). The code uses D3 v5’s `csv` loader, `scaleLinear` for axes, and `extent` to compute domains, rendering circles as SVG elements with `attr`-based positioning. It also loads bill length and depth values as extra attributes on each mark, despite not using them for the chart’s geometry. The axes are drawn with `axisLeft` and `axisBottom`, and custom text labels are appended manually.

Ttejasviprasad06@gmail.com
89% match