Skip to main content
SimilarExport ZIP
100%

ICE-6 : Penguins scatterplot

✓ Published0🌍 Public
SShridhar Kshirsagar
Last edited Mar 10, 2023
Created on Mar 10, 2023

This scatterplot uses D3 v5 to visualize the relationship between culmen length and culmen depth in penguins. The SVG chart displays data points as colored circles, with linear scales mapping the measurements to x and y axes. The code employs `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` functions to construct the axes and plot. Data is loaded as CSV from a GitHub gist, with numeric values parsed before rendering. The chart includes axis labels and a title, styled through external CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing the relationship between culmen length and culmen depth for individual penguins. The visualization uses D3.js v6 to load the inline CSV data, create linear scales for both axes, and render SVG circles for each data point. The code employs `d3.csv` for data ingestion, `scaleLinear` for coordinate mapping, and `axisLeft` and `axisBottom` to generate labeled axes with styled tick text.

Mmanishcheruku
89% match
Loading thumbnail…

ICE-6

A scatter plot visualizes penguin measurements, plotting flipper length on the x-axis against body mass on the y-axis, with each point colored by species. The code uses D3 v7’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles. Culmen length and depth are also parsed but not visualized. Axis labels and a title are added via SVG text elements, with the plot sized to the full browser window.

Kkarnisrikanth2212
88% match
Loading thumbnail…

A6 - Scatter Plot

This scatter plot visualizes the relationship between culmen length and culmen depth for three penguin species—Gentoo, Adelie, and Chinstrap—using data from a CSV file. Circles are color-coded by species via `d3.scaleOrdinal`, with axes created using `d3.axisBottom` and `d3.axisLeft`. A `d3.legendColor` legend identifies species, while `d3.csv` loads the data. The static SVG rendering is generated entirely through D3.js version 7.8.5, with labels added as SVG text elements.

RRavneet Singh Bhatia
88% match
Loading thumbnail…

ICE6 - Q2: Scatter Plot for Penguin Dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length against body mass, with each point colored by penguin species and sized by culmen dimensions. It uses D3 v6’s `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load CSV data from a GitHub gist and render SVG circles. The axes, labels, and legend are drawn directly within the SVG canvas, and the chart is responsive to the browser window.

Ggeethikal
87% match
Loading thumbnail…

ICE 6: Scatterplot

This scatterplot visualizes penguin measurements from a CSV dataset, plotting flipper length against body mass while coloring each point by species (yellow, green, or red). The code uses d3.csv to load and parse the data, then d3.scaleLinear and d3.extent to map values to screen coordinates, with d3.axisLeft and d3.axisBottom for labeled axes. Circles are rendered via SVG selections and data joins, with custom attributes for culmen dimensions. The chart also includes axis labels and a title, all styled with cursive fonts.

Ssreesushmav
87% match
Loading thumbnail…

activity-6-a-3

This scatter plot visualizes penguin measurements, comparing culmen length against culmen depth across three species, distinguished by color through a d3.legendColor legend. The visualization uses D3.js (v7.8.5) with scales for the x-axis (culmen length) and y-axis (culmen depth, reversed), and an ordinal color scale for species categories. Axes are labeled and styled, with circles rendered at 5-pixel radius. Data is loaded from a remote CSV file containing penguin observations.

SSathishvepuri143@gmail.com
87% match
Loading thumbnail…

ICE-6

This scatter plot visualizes penguin measurements, plotting flipper length against body mass for individual penguins, with point color encoding species. Circles are positioned using linear scales derived from the data extents, and each point also encodes culmen length and depth through its rx and ry attributes. The visualization uses D3 v7’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, rendering as SVG on a React-rendered page. Data comes from a remote gist CSV containing Palmer Penguins measurements, with labeled axes and a title.

Kkarnisrikanth2212
87% match
Loading thumbnail…

ICE6 : Scatter Plot

This scatter plot visualizes penguin measurements from a CSV dataset, plotting flipper length against body mass for individual penguins. Each point is colored by species—orange for Adelie, red for Gentoo, and blue for the remaining species—using D3’s `scaleLinear` and `extent` functions to map data to screen coordinates. The SVG circles are positioned with `cx` and `cy` attributes, and the axes are rendered via `axisLeft` and `axisBottom` from D3 v5. The code uses D3’s `csv` loader to fetch the data and a `join` operation to bind it to circle elements.

99176371431
87% match