Fork of Penguin Data set scatter Plot

Fork of Penguin Data set scatter Plot

This scatter plot visualizes a fork of the Penguin dataset, mapping each observation’s Perigee_km on the x-axis and Apogee_km on the y-axis, while coloring circles by species (Adelie, Gentoo, or other) and encoding bill length and depth as rectangle radii (rx, ry). The code uses d3.csv to load the data, d3.scaleLinear and d3.extent for scales, and d3.axisLeft and d3.axisBottom for axes, rendering SVG circles via a data join. Axis labels and a title are added with SVG text elements.

Vvryvarma5577@gmail.com

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length and body mass as the primary x and y axes while encoding bill length and bill depth into circle radii. Data is loaded from a CSV file and parsed using d3.csv, with scales created via d3.scaleLinear and axes rendered using d3.axisLeft and d3.axisBottom. Each point’s color indicates species (yellow for Adelie, green for Gentoo, brown for others), and the SVG circles are joined to data using d3’s selectAll and join pattern. The rendering uses d3.v5 within a React-free plain HTML document.

Rradhadevarapu

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, mapping flipper length on the x-axis against body mass on the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap) using yellow, green, and brown. The code loads CSV data via `d3.csv`, parses numeric fields, and renders SVG circles using `d3.scaleLinear` for axes and `d3.axisLeft` and `d3.axisBottom` for ticks. React and D3 v5 drive the full-window responsive layout, with axis labels and a title appended as SVG text.

Bbhanuteja1807@gmail.com

Fork of Penguin Data set scatter Plot

A fork of the Penguin Data Set scatter plot visualizes species of penguins with circles colored by species (yellow for Adelie, green for Gentoo, brown for Chinstrap) based on flipper length and body mass. The code loads CSV data via `d3.csv`, scales axes with `d3.scaleLinear`, and renders SVG circles using D3’s data join. It also labels axes with bill length and depth, and displays titles using D3 selections, all within a React-free HTML page.

SSANEEM MOHAMMAD

Fork of Penguin Data set scatter Plot

This fork visualizes the Penguin Data set as a scatter plot, mapping flipper length to body mass while coloring each point by species (Adelie, Gentoo, or other) and encoding bill dimensions as `rx` and `ry` attributes on the circles. It uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles, with styling applied via inline attributes.

Ssiddu7147

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with each circle colored by species (Adelie, Gentoo, or other). The visualization uses D3 v5 and React, rendering with SVG. It loads CSV data via `d3.csv`, applies `scaleLinear` and `extent` for axes, and draws circles with `data.join`. Axis labels and a title are added using D3’s `axisLeft`, `axisBottom`, and text elements.

Ssnehareddygurram

Fork of Penguin Data set scatter Plot

This fork of the Penguin Data set scatter plot visualizes the relationship between flipper length and body mass, with points colored by species (Adelie, Gentoo, and Chinstrap) using yellow, green, and brown. The plot is rendered as an SVG using D3 v5, with scales created via `scaleLinear` and axes drawn using `axisLeft` and `axisBottom`. Data is loaded asynchronously from a CSV URL with `d3.csv` and parsed into numeric fields; the code also includes a custom `join` operation to add circles for each data point, and axis labels are styled with cursive fonts. The implementation is a small React project, though the core plotting logic is entirely D3-based.

SSUSHMA CHIRRA

Fork of Penguin Data set scatter Plot

This example shows a scatter plot of penguin data, mapping flipper length on the x-axis and body mass on the y-axis, with points colored by species (Adelie, Gentoo, or other). The visualization loads a CSV from a GitHub gist using `d3.csv`, parses numeric fields, and renders SVG circles positioned via `d3.scaleLinear` and `d3.extent`. It uses `d3.axisBottom` and `d3.axisLeft` for axes, with cursive font styling and custom labels. The code also applies `rx` and `ry` attributes from bill measurements, though these do not visibly alter the circle shape.

Ssivamani