Skip to main content
SimilarExport ZIP
100%

Turtle Survival

✓ Published0🌍 Public
CChristine Lanser
Last edited Oct 31, 2020
Created on Oct 31, 2020
Forked from Untitled

This streamgraph visualizes the mock mortality rates of three sea turtle species (Green, Loggerhead, Hawksbill) from 1901 to 2000, showing their combined decline over time. The stacked area chart uses d3.nest to group data by year and d3.stack to layer the species’ counts. Each species is distinguished by a color from a d3.scaleOrdinal palette, with the SVG paths generated using d3.area. Axes are scaled with d3.scaleLinear, and data is loaded from a CSV file via d3.csv.

AI-generated description

A StreamGraph visualization of the mock mortality rates of sea turtles for demonstration purposes only

MIT Licensed

Similar vizzes

Loading thumbnail…

Sea Turtle Survival (mock data)

This stacked area chart displays the decline in sea turtle populations (Green, Loggerhead, and Hawksbill) from 1910 to 1990 using mock data. The chart uses `d3.stack` with `d3.stackOrderAscending` to layer the three species, and `d3.area` with `d3.curveBasis` for smooth paths. Labels are positioned via the `d3-area-label` library, while axes use `d3.axisBottom` and `d3.axisLeft`. The visualization renders in SVG, with hover effects that turn areas black and tooltips showing species names.

CChristine Lanser
89% match
Loading thumbnail…

Fork of Sea Turtle Survival (mock data)

This stacked area chart visualizes sea turtle population trends from 1910 to 1990, showing the decline of Green, Loggerhead, and Hawksbill species using mock data. The chart uses d3.stack with ascending order, d3.area with curveBasis smoothing, and d3.scaleTime for the x-axis. Label placement employs d3-area-label, while hover interactions reveal species names via SVG titles. The visualization renders as SVG within an HTML page, using d3-scale-chromatic’s schemeDark2 for categorical colors and d3.axisBottom and d3.axisLeft for gridlines and tick marks.

Ggaryz1997
88% match
Loading thumbnail…

Fork of Sea Turtle Survival (mock data)

This stacked area chart shows the declining populations of three sea turtle species—Green, Loggerhead, and Hawksbill—from 1910 to 1990, using mock data. The visualization uses d3.v4 with d3.stack and d3.area to construct the layers, while d3-area-label positions the species labels along the curves. It employs d3.scaleTime and d3.scaleLinear for axes, d3.schemeDark2 for colors, and includes hover effects that turn areas black, with basic tooltips revealing species names.

Aaniosindustries
88% match
Loading thumbnail…

Fork of Sea Turtle Survival (mock data)

This stacked area chart visualizes mock sea turtle survival data for three species—Green, Loggerhead, and Hawksbill—over time, with each colored layer representing population counts. The chart uses D3 v4’s `d3.stack()`, `d3.area()`, and `d3.scaleTime()` to render the SVG paths, while `d3-area-label` positions the species labels inside each region. Axis ticks and gridlines are styled with CSS, and the y-axis title labels the population metric. Data is loaded from a CSV file, filtered to post-1900 dates, and the chart redraws responsively on window resize.

NNarayana Reddy
87% match
Loading thumbnail…

Sea Turtle Mortality Rates

A streamgraph shows imaginary sea turtle mortality rates over time, with each colored layer representing a different cause or location of death. The visualization uses stacked areas with a wiggle offset to display trends across a continuous timeline. Built with D3 v4, it applies `d3.stack`, `d3.area`, and `d3.curveBasis` to render smooth SVG paths, while `d3-area-label` positions labels within each layer. Data is interpolated from yearly values, and axes are generated via `d3.axisBottom` with major and minor ticks.

CChristine Lanser
85% match
Loading thumbnail…

Untitled

This streamgraph shows the imaginary mortality rates of sea turtles over time, with each colored layer representing a different category and labels appearing on hover. The visualization uses d3.v4 and d3-scale-chromatic to process a wide-format CSV dataset, stacking the values with `d3.stackOffsetSilhouette` to create the mirrored silhouette effect. Labels are displayed via a tooltip triggered by mouse events, while the x-axis uses custom tick values and a dashed gridline style.

CChristine Lanser
85% match
Loading thumbnail…

Turtle test

This stacked area chart visualizes turtle population counts for three species—Green, Loggerhead, and Hawksbill—from 1940 to 2010, based on data from `data.csv`. The chart uses `d3.stack` with `d3.stackOrderAscending` to layer the areas and `d3.area` with `d3.curveBasis` to render smooth paths in SVG. The `d3-area-label` library positions white text labels within each area, while `d3.scaleOrdinal(d3.schemeDark2)` colors the series. Hovering turns areas black, and an interactive resize listener updates the chart’s dimensions.

CChristine Lanser
84% match
Loading thumbnail…

Fork of Fork of Sea Turtle Survival (mock data)

This stacked area chart shows the survival of sea turtle species (Green, Loggerhead, and Hawksbill) from 1910 to 1990 using mock data. The chart renders as SVG with D3 v4, using `d3.stack` and `d3.area` with `curveBasis` to create smooth stacked areas. Labels are positioned via `d3.areaLabel`, while hover effects reveal species names through built-in SVG `<title>` tooltips. The y-axis includes gridlines and a rotated title, with data parsed from an external CSV file using `d3.csv`.

Ppreethamkesa
84% match