{
  "gem": {
    "slug": "view-timeline-ranges-visualizer-vg-1269",
    "name": "View Timeline Ranges Visualizer",
    "description": "Interactive tool showing exactly what entry, exit, cover and contain ranges mean for scroll-driven view timelines.",
    "url": "https://scroll-driven-animations.style/tools/view-timeline/ranges/",
    "domain": "scroll-driven-animations.style",
    "author": "Bramus Van Damme (@bramus)",
    "license": "Apache-2.0",
    "category": "Learning & Craft",
    "subcategory": "Interactive guides",
    "tags": [
      "css",
      "scroll-animation",
      "tool",
      "visualizer"
    ],
    "whyGem": "The one diagram that makes animation-range stop being guesswork",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-1269-card.svg",
    "pageUrl": "https://vibing.inc/library/view-timeline-ranges-visualizer-vg-1269"
  }
}