Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Neeharika Reusable que1

Public visualization

Viewing a saved revision (read-only)

9931fa6168d24f52a571bad2adbf2c12

Neeharika Reusable que1

0 stars0🌍 Public
Nneeharika2023@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

This responsive scatter plot visualizes bird morphometric data from ICE7.csv, plotting wingspan against beak length for 30 observations across three species (Sparrow, Robin, and Finch). Built with D3.js v7 and rendered as SVG, the chart uses a reusable function pattern where the data container ID and attribute names are passed as arguments, making it flexible for different datasets. Points are drawn as steelblue circles, with linear scales mapping the quantitative attributes to pixel coordinates. The plot includes axes generated with D3's axis components, and the visualization is fully responsive due to the viewport meta tag. While the current implementation colors all points uniformly, the dataset includes a species column, suggesting potential for color encoding by species in future iterations. The code demonstrates a clean separation of concerns with a reusable chart function and data loading via d3.csv.

AI-generated description

A responsive scatter plot.