Scrollytelling the 53 Stations of Tōkaidō: An Interactive Journey Through Japan’s Historic Route / BUILD with Mapbox 2024

BUILD with Mapbox 2024 - Developer Show & Tell
https://www.mapbox.com/build

Transcript

1. Scrollytelling the 53 Stations of Tōkaidō "O
   *OUFSBDUJWF
   +PVSOFZ
   5ISPVHI
   +BQBO`T
   )JTUPSJD
   3PVUF
   !TPSBNJ
   
   #6*-%
   XJUI
   .BQCPY
   
2. !TPSBNJ
   )*4".050
   4PSBNJ ‣ !
   .*&36/&
   *OD
   B
   HFPTQBUJBM
   DPNQBOZ
   JO
   +BQBO
   ‣ &YQMPSJOH
   5PPMT
   GPS
   5IPVHIU
   XJUI
   DPNQVUFST
   ‣ l5PLBJEP
   4DSPMMZUFMMJOHz
   JT
   NZ
   TJEF
   QSPKFDU )FMMP
   .BQCPY
   EFWFMPQFST
3. IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
4. IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
5. IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
6. IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
7. The 53 Stations of the Tōkaidō ౦ւಓޒेࡾ࣍, Tōkaidō Gojūsan-tsugi ‣ *DPOJD
   SFTU
   BSFBT
   PO
   UIF
   IJTUPSJD
   DPBTUBM
   SPBE
   CFUXFFO
   5PLZP
   BOE
   ,ZPUP
   ‣ 3FOPXOFE
   GPS
   6LJZPF
   QSJOUT
   B
   +BQBOFTF
   QBJOUJOH
   TUZMF
   GSPN
   UI
   DFOUVSJFT 6UBHBXB
   )JSPTIJHFʠ5IF
   'JGUZUISFF
   4UBUJPOT
   PG
   UIF
   5⒕LBJE⒕ʡ
   )⒕FJE⒕
   FEJUJPO
   r 4UBSU
   
   /JIPOCBTIJ
   5PLZP 
   
   4BLBTIJUB &OE
   
   4BOK⒕
   ⒚IBTIJ
   ,ZPUP
8. 4$30--:5&--*/(
9. 4$30-- 4503:5&--*/( ʴ
10. 8IZ
    4DSPMMZUFMMJOH
11. 4DSPMM
    JT
    FBTJFS
    UIBO
    DMJDLJOH
    +PTIVB
    1PSUFS
     IUUQCPLBSEPDPNBSDIJWFTTDSPMMJOHFBTJFSDMJDLJOH lTDSPMMJOH
    JT
    B
    DPOUJOVBUJPO
    DMJDLJOH
    JT
    B
    EFDJTJPOz
12. 5IF
    3IZUIN
    PG
    :PVS
    4DSFFO
    $ISJTUPQIFS
    #VUMFS
     IUUQTXXXDISCVUMFSDPNUIFSIZUINPGZPVSTDSFFO ‣ &WJEFODF
    UIBU
    QFPQMF
    XPO`U
    TDSPMM
    EPFTO`U
    FYJTU
    ‣ 5IF
    RVFTUJPO
    JT
    OPU
    l8JMM
    UIF
    VTFS
    TDSPMM z
    CVU
    l8JMM
    UIFZ
    TDSPMM
    TMPXMZ
    FOPVHI z
13. 5IF
    3IZUIN
    PG
    :PVS
    4DSFFO
    $ISJTUPQIFS
    #VUMFS
     IUUQTXXXDISCVUMFSDPNUIFSIZUINPGZPVSTDSFFO ‣ 4DBOOJOH
    JT
    SFBDUJPO
    3FBEJOH
    JT
    B
    DIPJDF
    ‣ "ODIPS
    JNQPSUBOU
    JOGP
    JO
    B
    DPOTJTUFODF
    QMBDF
    ‣ 3FQFUJUJPO
    JT
    JOGPSNBUJPO
    ‣ &NQUZ
    TQBDF
    JT
    OPU
    OFVUSBM l4USVDUVSFz
    BOE
    l3IZUINz
    -FOHUI
    JT
    OPU
    UIF
    QSPCMFN
    -BDL
    PG
    SIZUIN
    JT
14. 5IF
    1BTU
    1SFTFOU
    BOE
    'VUVSF
    PG
    4DSPMMZUFMMJOH
    #JMM
    4IBOEFS
     IUUQTOJHIUJOHBMFEWTDPNUIFQBTUQSFTFOUBOEGVUVSFPGTDSPMMZUFMMJOH l5IFSF
    JT
    B
    UPO
    PG
    SFTFBSDI
    PO
    IVNBOT`
    MJNJUFE
    BCJMJUZ
    UP
    SFUBJO
    JOGPSNBUJPO
    DPHOJUJWF
    MPBE
    BOE
    IPX
    UIBU
    BGGFDUT
    QSPDFTTJOH
    JOGPSNBUJPO
    <ʜ>
    4DSPMMZUFMMJOH
    IFMQT
    TPMWF
    UIJT
    QSPCMFN
    &WFSHSFFO
    TBZT
    CFDBVTF
    JU`T
    BCPVU
    TQPPOGFFEJOH
    PVS
    BVEJFODF
    l*U
    TPVOET
    MJLF
    JOGBOUBMJ[JOH
    UIFN
    CVU
    JU`T
    OPU z
    TIF
    BEET
    TBZJOH
    XF
    OFFE
    UP
    VOEFSTUBOE
    UIFN
    BOE
    UIFJS
    OFFET
    BOE
    BDLOPXMFEHJOH
    PVS
    DPHOJUJWF
    MJNJUBUJPOT
    BMMPXT
    VT
    UP
    DIPPTF
    NFUIPET
    PG
    DPOUFOU
    EFMJWFSZ
    UP
    NBYJNJ[F
    PVS
    SFTVMUTz
15. 5IF
    1BTU
    1SFTFOU
    BOE
    'VUVSF
    PG
    4DSPMMZUFMMJOH
    #JMM
    4IBOEFS
     IUUQTOJHIUJOHBMFEWTDPNUIFQBTUQSFTFOUBOEGVUVSFPGTDSPMMZUFMMJOH l4DSPMMZUFMMJOH
    JT
    BDUVBMMZ
    B
    QFSGFDU
    NJNJDSZ
    PG
    WJEFP
    XJUI
    UIF
    BEEFE
    BCJMJUZ
    UP
    TMPX
    JU
    EPXO
    PS
    TQFFE
    JU
    VQ
    BMM
    XIJMF
    TFFJOH
    FWFSZ
    GSBNF
    BMPOH
    UIF
    XBZ
    *U`T
    MJLF
    IJHIMZ
    QFSGPSNBOU
    WJEFP
    TDSVCCJOH
    XIFSF
    XF
    EPO`U
    NJTT
    B
    CFBU
    5IJOHT
    IBQQFO
    JO
    B
    MJOFBS
    XBZ
    PWFS
    UJNF
    POF
    UIJOH
    BU
    B
    UJNF
    KVTU
    MJLF
    SFBMJUZ
    CVU
    CFUUFS
    CFDBVTF
    XF
    IBWF
    TPNF
    DPOUSPM
    PWFS
    UIF
    QBDF
    BOE
    EJSFDUJPOl
16. )PX
    UP
    JNQMFNFOU
    4DSPMMZUFMMJOH
17. *OUFSTFDUJPO
    0CTFSWFS
    "1* .POJUPST
    UBSHFU
    FMFNFOUT
    FOUFSJOH
    JOUFSTFDUJOH
    UIF
    TQFDJ fi FE
    SBOHF
    .PSF
    EJSFDU
    BOE
    FBTJFS
    UIBO
    UIF
    QSFWJPVT
    NFUIPE
    VTJOH
    TDSPMM
    FWFOUT
18. 4DSPMMBNB "
    MJCSBSZ
    GPS
    4DSPSZUFMMJOH
    XJUI
    *OUFSTFDUJPO
    0CTFSWFS
    "1*
    4QFDJGZ
    DMBTT
    OBNF
    UP
    UIF
    FMFNFOU
    BOE
    FYFDVUF
    XIFO
    UIFZ
    FOUFSTFYJUT IUUQTQVEEJOHDPPMQSPDFTTJOUSPEVDJOHTDSPMMBNB IUUQTHJUIVCDPNSVTTFMMTBNPSBTDSPMMBNB CZ
    3VTTFMM
    4BNPSB
    !
    5IF
    1VEEJOH
19. ':*
    0ME
    MJCSBSJFT "SUJDMF
    DPNQBSJOH
    WBSJPVT
    MJCSBSJFT
    CZ
    UIF
    BVUIPS
    PG
    4DSPMMBNB
    +BOVBSZ
    
    ˠ
    5IFO
    4DSPMMBNB
    /PWFNCFS
     IUUQTQVEEJOHDPPMQSPDFTTIPXUPJNQMFNFOUTDSPMMZUFMMJOH 8BZQPJOUT
    4DSPMM4UPSZ
    4DSPMM.BHJD
    HSBQITDSPMMKT
    JOWJFXKT
    *NQMFNFOU
    CZ
    ZPVSTFMG
    XJUI
    XJOEPXBEE&WFOU-JTUFOFS TDSPMM
    
20. (4"1
    CZ
    (SFFO4PDL "
    +BWB4DSJQU
    BOJNBUJPO
    MJCSBSZ
    5IFSF
    JT
    B
    QMVHJO
    UIBU
    NBLFT
    UIF
    BOJNBUJPO
    XPSL
    XJUI
    TDSPMMJOH IUUQTHSFFOTPDLDPNTDSPMMUSJHHFS IUUQTHJUIVCDPNCBTFNFOUTUVEJPTDSPMMZUFMMJOH 4DSPMM5SJHHFS
    QMVHJO 4DSPMM5SJHHFS
    GPS
    3FBDU
21. 4WFMUF
    1BUUFSOT %BUB
    WJTVBMJ[BUJPO
    QBUUFSOT
    XJUI
    B
    8FC
    GSBNFXPSL
    l4WFMUFz
    *OUSPEVDFT
    lTWFMUFTDSPMMFSz
    BOE
    lTWFMUFJOUFSTFDUJPOPCTFSWFSz IUUQTSFVUFSTHSBQIJDTHJUIVCJPFYBNQMF@TWFMUFHSBQIQBUUFSOT CZ
    %FB
    #BOLPWB
    !
    3FVUFST
22. .BQCPY
    lTUPSZUFMMJOHz
    UFNQMBUF "
    UFNQMBUF
    OPU
    MJCSBSZ
    GPS
    .BQCPY
    (-
    +4
    :PV
    DBO
    JNQMFNFOU
    B
    TDSPMMZUFMMJOH
    XJUI
    MJUUMF
    DPEJOH IUUQTHJUIVCDPNNBQCPYTUPSZUFMMJOH IUUQTXXXNBQCPYDPNCMPHIPXUPCVJMEBTDSPMMZUFMMJOHNBQ
23. $BTF
    4UVEZ
    5PLBJEP
    4DSPMMZUFMMJOH
24. IUUQTTPSBNJEFWUPLBJEPTDSPMMZUFMMJOH
25. %BUB KBXJLJQFEJBPSHXJLJ౦ւಓޒेࡾ࣍@ ුੈֆ HJUIVCDPNKBQBOSPBEKQ(PLBPEP.BQ HJUIVCDPNTPSBNJUPLBJEPTDSPMMZUFMMJOH 1BJOUJOHT
    CZ
    6UBHBXB
    )JSPTIJHF
    1VCMJD
    EPNBJO
    )PFJEP
    FEJUJPO 3PBET
    lKBQBOSPBEKQ(PLBPEP.BQzEBUBTFU
    $$
    #:/$4"
    
    4FBXBZ
    IBOEESBXO
    JO
    2(*4 4UBUJPOT
    .BOVBMMZ
    QSFQBSFE
    GSPN
    8JLJQFEJB
    BSUJDMF
    %FTDSJQUJPO
    GFUDIFE
    XJUI
    8JLJQFEJB
    "1*
    1SFQSPDFTTJOH
    JO
    +VQZUFS
    /PUFCPPL
26. $PEF 4DSPMMBNB 4WFMUF
    5P
    NBOBHF
    UIF
    6*
    DPNQPOFOUT .BQCPY
    (-
    +4
    5IF
    NBQ 6OP$44
    6UJMJUZGJSTU
    $44
    GSBNFXPSL 5VSGKT
    5P
    DBMDVMBUF
    UIF
    EJSFDUJPO
    PG
    UIF
    OFYU
    TUBUJPO
    BOE
    TFU
    UIF
    DBNFSB
    BOHMF
28. $PEF
    
    %BUB
    QVCMJDMZ
    BWBJMBCMF IUUQTHJUIVCDPNTPSBNJUPLBJEPTDSPMMZUFMMJOH
29. ‣8FC
    IUUQTTPSBNJEFW
    ‣&NBJM
    IJ!TPSBNJEFW
    ‣.BTUPEPO
    TPSBNJ!WJTTPDJBM
    ‣9
    !TPSBNJ