Seabird Obs

100%

✓ Published0🌍 Public

Last edited Oct 4, 2026

Created on Oct 2, 2026

A scatterplot shows seabird observations across days in September, with point size encoding mean uncertainty and color distinguishing species. Points animate between yearly frames. The visualization includes axes, a legend mapping common names to Tableau10 colors, and hover tooltips revealing scientific names. It uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleOrdinal for color, d3.scaleSqrt for sizing, and d3.axisBottom/Left. Animated transitions between years rely on D3’s selection join and attribute tweening, with SVG rendering and a tooltip div controlled by mouse events.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example shows a scatter plot of penguin measurements, comparing flipper length on the x-axis against bill depth on the y-axis. Each point represents an individual penguin, colored by species (Adelie, Gentoo, Chinstrap) via a d3.scaleOrdinal mapping to red, green, and blue. The visualization loads data from a CSV file using d3.csv, applies linear scales (d3.scaleLinear) for both axes, and renders circles within an SVG element. Axis labels and rotated tick text are added using d3.axisBottom and d3.axisLeft.

Hharoldle

73% match

Loading thumbnail…

Untitled

This interactive scatterplot explores yearly changes across seven data categories (A–G), displaying each category as a dot plotted along an ordinal x-axis of bars. Users navigate between years with left and right arrow keys, with an automatic playback feature advancing through the dataset. Built with React and D3.js v3, the visualization uses SVG rendering with `d3.scale.ordinal`, `d3.svg.axis`, and `d3.scale.category10` for color encoding. Data loads from an external CSV file, and the chart includes keyboard event handling and dynamic axis updates.

TThandolwethu Shakes Dlamini

73% match

Loading thumbnail…

Reusable Scatter Plot

This interactive scatter plot visualizes penguin measurements, cycling through different feature pairs on the x-axis with a timed animation. Built with D3.js, it uses an ES6 module (scatterPlot.js) to define a reusable chart component. The plot colors points by species (Adelie, Gentoo, Chinstrap) using D3's `scaleLinear` and `axisLeft`/`axisBottom` APIs, and loads data from a remote CSV file via `d3.csv`. The SVG rendering includes a legend and axis labels, with the animation triggered by `setInterval`.

LLakshmanRangisetti

73% match

Loading thumbnail…

Animated Reusable D3 Scatter Plot + Menus + Ordinal Scale

This animated scatter plot visualizes the Iris dataset, allowing users to interactively explore relationships between different measurements and species. Through dropdown menus, users can switch which quantitative or categorical attribute is mapped to the x- and y-axes. Built with D3 version 6, the visualization uses an ordinal scale for categorical data and a linear scale for quantitative data, with axes and circles transitioning over a one-second duration. Data is loaded from a CSV file via d3.csv.

WWRCIECH

72% match

Loading thumbnail…

activity6_question 3

This scatter plot visualizes the birds dataset, showing beak length on the x-axis and beak width on the y-axis, with each point colored by species (sparrow, finch, blue jay, or other). The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data. The code loads CSV data from a GitHub raw URL, parses numeric fields, and draws circles with a fixed radius of 5 pixels, while also logging body length and wing span values to the mark objects.

1188r1a0559@gmail.com

72% match

Loading thumbnail…

Reusable Animated D3 Scatterplot with Category Data

This interactive scatterplot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Dropdown menus let users switch any axis between quantitative measurements or the categorical species attribute, with points smoothly animating to new positions over two seconds. Species are distinguished by both color and different geometric symbols, and axes and titles transition accordingly. Built with D3 7.9, it uses `scalePoint` for categorical axes, `scaleLinear` for quantitative ones, `transition` for synchronized animations, and `symbol` for marker shapes, rendering as SVG.

Vvschan2

72% match

Loading thumbnail…

Plot Template v9.24.20 - Tooltip Test

This scatter plot template visualizes the Iris dataset, encoding sepal length and width as x and y coordinates while coloring points by species. Built with D3.js v6, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for categorical color mapping, and `d3.axisBottom`/`d3.axisLeft` for tick marks. The SVG rendering includes hover tooltips that display text at the cursor’s page coordinates, with animated transitions on mouseover and mouseout. Data loads asynchronously from a CSV via `d3.csv`.

Eegrebing

72% match

Loading thumbnail…

Reusable Scatter Plot

This animated scatter plot explores relationships between penguin measurements, cycling through four numerical variables on the x-axis while body mass remains on the y-axis. Built with D3 v6, it loads CSV data from a GitHub gist and uses a reusable scatterPlot module with scaleLinear scales and axisLeft/axisBottom. The visualization includes color-coded species markers (Adelie, Gentoo, Chinstrap) with a custom legend, using setInterval to rotate the x-axis variable every few seconds. SVG circles render the data points with species-specific colors and elliptical shapes.

Ssuryavamsi00024

72% match