Skip to main content
SimilarExport ZIP
100%

Area Chart- Deeksha Kondam

✓ Published1🌍 Public
Ddeekshakondam@gmail.com
Last edited Mar 27, 2025
Created on Mar 27, 2025
Forked from Hello VizHub

This area chart displays the average body mass of three penguin species—Adelie, Chinstrap, and Gentoo—using animated hover interactions that enlarge data points and reveal exact values. Built with D3 v7, it uses `d3.rollups` to aggregate the CSV data, `d3.scalePoint` and `d3.scaleLinear` for positioning, and `d3.area` with a monotone curve to render the filled SVG path. Circles respond to mouseover/mouseout via D3 transitions, while axes and labels are generated with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Area_Chart_Visualisation_LakshmiMaddukuri

This area chart displays the average body mass of different penguin species, using red data points over a light blue filled area. The visualization is built with D3 v7 and rendered as an SVG, pulling data from a remote TSV file. It computes averages per species using D3’s `scalePoint` and `scaleLinear` for axes, while an interactive tooltip appears on hover via `d3.select` and mouse events, enhancing data exploration.

Llakshmisurekhamaddukuri@my.unt.edu
83% match
Loading thumbnail…

hemanth 71

This visualization presents a species-wise area chart of the total body mass for penguins, derived from the Penguins Size dataset. Using D3.js v7, the code groups the CSV records by species and sums the body mass values to generate distinct area segments. A band scale positions species along the x-axis, while a linear scale maps body mass to the y-axis. The `d3.area` generator draws the filled path, with `d3.axisBottom` and `d3.axisLeft` providing labeled axes. The chart renders as SVG, showcasing aggregated size trends across penguin types.

Hhemanthmaddila13@gmail.com
82% match
Loading thumbnail…

Scatter Plot

A scatter plot maps penguin flipper length to body mass, with points colored by species (Adelie, Gentoo, and Chinstrap) using cyan, magenta, and green. The SVG visualization is built with D3 v5, using `scaleLinear` for axes, `extent` to compute domains, and `axisLeft`/`axisBottom` for ticks. Data is loaded as CSV from a GitHub gist, and each circle’s size is fixed at radius 5 while bill dimensions are stored as extra attributes. The chart includes a title and cursive font styling for axes.

Kkrishnareddy23
78% match
Loading thumbnail…

Penguin Data _Niharika Reddy Amanaganti

This scatter plot visualizes penguin measurements, with flipper length on the x-axis, body mass on the y-axis, and each point colored by species (orange for Adélie, red for Chinstrap, green for Gentoo). Using D3 v5 and React, the code loads a CSV dataset via `d3.csv`, parses numeric columns, and renders circles with `d3.scaleLinear` for axes and `d3.axisLeft`/`d3.axisBottom` for tick marks. The SVG is sized to the window, and point radius is fixed while culmen dimensions are stored but not visually mapped.

NNiharika Reddy Amanaganti
77% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes penguin measurements, showing flipper length against body mass, with each point colored by species (Adelie, Gentoo, or Chinstrap). Circle radii are also mapped to bill measurements. The visualization uses D3 v6 to load CSV data from a remote GitHub gist, parse numeric fields, and render an SVG with `scaleLinear` scales, `axisLeft` and `axisBottom` for axes, and `.join('circle')` to create the data points.

Ssuryavamsi00024
77% match
Loading thumbnail…

Penguin Dataset Scatter Plot (with Shapes)

This example displays a scatter plot of penguin measurements, mapping flipper length and body mass while encoding species identity through distinct marker shapes. The visualization uses D3 v5 API functions like `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render SVG paths. Three species—Adelie, Gentoo, and Chinstrap—appear as circles, crosses, and triangles, respectively, with all points filled in steelblue. The dataset is fetched from a GitHub-hosted CSV file, and the chart fills the browser viewport.

Hhimavinaytummala@my.unt.edu
77% match
Loading thumbnail…

Activity7_Task3

This scatter plot visualizes the relationship between body mass and flipper length for three penguin species (Adelie, Gentoo, Chinstrap), with each point colored by species using a sequential ordinal color scale. The visualization is built with d3.v7, loading data from a remote CSV file and rendering points as SVG circles. The code uses `d3.scaleLinear` for both axes, `d3.extent` to compute domains, and `d3.axisBottom` and `d3.axisLeft` for the labeled axes.

VVijay Sheru
77% match
Loading thumbnail…

act6q3

This example shows a scatter plot of penguin species, mapping flipper length to the x-axis and body mass to the y-axis, with each point colored by species (Adelie, Gentoo, or Chinstrap). The visualization loads data from a remote CSV, parses numeric fields, and renders circles using D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs onto an SVG canvas. The chart includes labeled axes and a title, with axis text styled in cursive.

Sshravan.s0710@gmail.com
77% match