Fork of Penguin Data POoja

Fork of Penguin Data

This visualization displays a scatter plot of penguin measurements, mapping flipper length on the x-axis against body mass on the y-axis. Each point is colored by species (Adelie, Gentoo, and Chinstrap) using a color switch function. The code loads data from a CSV file via `d3.csv`, then uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render the axes and circles. The SVG is appended to the body, with labels for the axes and title, using D3 v5 within a React framework.

NNikitha123171

Fork of Penguin Data set scatter Plot

This scatter plot visualizes penguin measurements, plotting flipper length against body mass and coloring each point by species (Adelie, Gentoo, or Chinstrap). The visualization uses D3 v5’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to load and map data from a remote CSV file, rendering circular marks with SVG. Each circle also encodes bill length and depth as its horizontal and vertical radii, creating an elliptical distortion that layers additional dimensions onto the standard scatter plot.

SSharanya1307

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 visualization displays a scatter plot of penguin measurements from a CSV dataset, plotting flipper length against body mass for individual penguins. The color of each point indicates the penguin species, with Adelie shown in red, Gentoo in yellow, and the remaining species in black. The code uses D3 v5 APIs including `csv`, `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, create scales, and render SVG circles. Axis labels and a chart title are added as text elements, with custom styling applied to tick fonts.

Ssivamani

Fork of Penguin Data set scatter Plot

This example shows a scatter plot of penguin measurements, mapping flipper length to the x-axis and body mass to the y-axis. Each circle is colored by species (Chinstrap, Gentoo, or Adelie) and also encodes bill length and depth via non-standard `rx` and `ry` attributes. The visualization loads CSV data from a GitHub gist using `d3.csv`, and renders SVG circles with `d3.scaleLinear` scales and `d3.axisLeft`/`d3.axisBottom` axes. The code uses D3 v5 and positions elements based on the browser viewport dimensions.

SSANEEM MOHAMMAD

Fork of Penguin Data set scatter Plot

This scatter plot displays penguin measurements, mapping flipper length against body mass for individual penguins. The visualization uses color-coded circles to differentiate three penguin species: Adelie (yellow), Gentoo (green), and Chinstrap (brown). Built with D3 v5, the code loads CSV data from a GitHub gist, uses `d3.csv` for parsing, `d3.scaleLinear` and `d3.extent` for scaling axes, and renders SVG circles with `d3.select` and `.join`. Axis labels and a title are added using SVG text elements.

Rradhadevarapu

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 Fork of Penguin Data set scatter Plot

This interactive scatter plot visualizes penguin measurements, mapping flipper length to the x-axis, body mass to the y-axis, and using circle color to distinguish species (Adelie, Gentoo, and Chinstrap). The SVG-based visualization uses d3.csv to load data, d3.scaleLinear and d3.extent for scaling, and d3.axisLeft/axisBottom for axes. Each circle’s rx and ry attributes are set from bill dimensions, creating an elliptical distortion, while d3.selectAll().join() manages the marks. Axis labels and a title are added via SVG text elements.

Vvryvarma5577@gmail.com