3f:null 40:["$","title",null,{"children":"Using the ‹model-viewer› web component | Olivier Lange | Observable"}] 46:T9ac,modelViewerElem = html`

Astronaut

By Poly

`47:[] 44:{"id":"be8b68165448c76c","slug":"using-the-model-viewer-web-component","title":"Using the ‹model-viewer› web component","thumbnail":"4419ca0f6d18595b1bdf3ea0814d78f6f5a5b3af9548562d172576daaf5e4aae","access_level":"public","create_time":"$D2019-02-07T23:31:00.222Z","update_time":"$D2019-02-08T20:36:10.150Z","view_time":null,"first_public_time":"$D2019-02-07T23:35:59.058Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"3febe0974a7138cb","login":"olange","name":"Olivier Lange","avatar_url":"https://avatars-next.observableusercontent.com/52639e5630d4e3e4e2772fe77680883002a0b9352d8dd7a649dbcb67b1e1fb3a","tier":"starter_2024","bio":"Software artisan · Data is alive, flows, and belongs to you","following":false},"version":66,"publish_version":66,"role":null,"authored":false,"authors":[{"type":"individual","id":"deea7e78e25caede","login":"olange","name":"Olivier Lange","avatar_url":"https://avatars-next.observableusercontent.com/05f7623b298d024c8fdb05b03c59e2d52fe0349b7c85bced7cdea69e7dcb847a","tier":null,"bio":"Software artisan · Data is alive, flows, and belongs to you","following":false}],"members":[{"type":"individual","id":"deea7e78e25caede","login":"olange","name":"Olivier Lange","avatar_url":"https://avatars-next.observableusercontent.com/05f7623b298d024c8fdb05b03c59e2d52fe0349b7c85bced7cdea69e7dcb847a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Using the ‹model-viewer› web component","cells":[{"id":0,"value":"md`# Using the ‹model-viewer› web component`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"md`An example of using a custom element in an Observable notebook:\n\n html\\`\n \n \n\n \n \n \\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"md`### Sources\n\n* [Glitch › \\`model-viewer\\` app](http://model-viewer.glitch.me/)\n* [GitHub › \\`GoogleWebComponents/model-viewer\\`](https://github.com/GoogleWebComponents/model-viewer)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"md`---\n\n### Dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"modelViewer = require( \"https://unpkg.com/@google/model-viewer@0.0.7/dist/model-viewer.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"