Modify viewer demos to use canonical JSON and viewer-specific translation snippet (make issue per viewer)

[JulieWinchester]

We need forks of code sandboxes for the individual demos in the viewer demo documentation modified to use our common JSON label annotations.

• [x] Aleph
• [x] Google Model Viewer
• [x] Sketchfab
• [x] Smithsonian Voyager
• [x] X3D

[gjcope]

Voyager demo fork is here: https://codesandbox.io/s/voyager-annotations-demo-forked-rqivl4?file=/index.html

Main adjustment was aligning attribute names.

[edsilv]

Sketchfab demo: https://codesandbox.io/s/sad-lena-b39r00?file=/src/index.js

[edsilv]

Google model-viewer demo: https://codesandbox.io/s/model-viewer-annotations-demo-3k5tqo

[edsilv]

modelviewer annos pasted into sketchfab:

sketchfab annos pasted into modelviewer:

@gjcope any chance you could add a text field under Voyager to copy/paste annotation json into/out of?

[JulieWinchester]

Aleph demo: https://codesandbox.io/s/aleph-annotation-demo-common-annotation-json-8rbos9

I also added a text field similar to what the Model Viewer demo uses to allow for interactive experimentation with annotation JSON.

[edsilv]

Tried copying/pasting annotations between the aleph and modelviewer demos and they appear in their correct locations.

[vincentmarchetti]

have modified the X3D viewer to read annotations from a local copy of the canonical json at https://github.com/IIIF/3d/blob/main/demo/json/label-annotation-issue-17.json at commit c353301

X3D demo is at https://codesandbox.io/p/github/vincentmarchetti/x3d-remote-annotation

[JulieWinchester]

This task and this project have been successfully completed, good work all! Thanks to everyone for all of the effort and great results.