garyz1997

@garyz1997·2 public vizzes

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.

Jun 26, 2021

Loading thumbnail…

Fork of Hello VizHub

This example displays two large SVG circles and a text message reading "Hello VizHub!" It demonstrates how to set up a VizHub project using D3 v5, loaded from UNPKG. The code imports the `select` function from D3 to update the text of an HTML div, and also imports a local ES6 module to supply the message string. It shows a basic SVG rendering approach with static shapes.

Jun 26, 2021