想詢問這類型的滾動動畫，該怎麼製作，目前只知道可能是使用D3.js，請教各位大大類似這樣的作品該怎麼入門，我想把他應用在地圖以及時間軸上？
以下是我收集來覺得不錯的這類型的網頁
1.這個在下面的區塊有地圖zoom in ，也可以滾動切換不同範圍，以及縣市的顏色變換。
另外想提問如果想要滾動畫是路徑是否可行？
https://web.commonhealth.com.tw/lungcancer2021/
2.依照滾動分別顯示關聯的示意圖
https://udn.com/newmedia/2020/covid-19-taiwan/
3.這個也是使用滾動的方式將事情一一的說明，感覺好像在看影片一樣
https://www.readr.tw/project/3/train408
已邀請的邦友 {{ invite_list.length }}/5
不用用到D3
基本上使用GSAP+scrolltrigger可以解決你的全部需求
滾動影片那段，是將影片拆成逐格JPG檔，並將切換圖片的功能使用scrolltrigger綁定在滾輪上做切換
切換地圖也是相同概念
來源:已經做到懶得再做這功能的人
iThome鐵人賽
看影片追技術