3f:null 40:["$","title",null,{"children":"Brain Atlas Gallery | Chuncheng | Observable"}] 46:[{"id":"e7d206008092e327d95c5265e3701f4b3d6f02b82e1ff5df31e6b8cf52efde59a324febed49b441192a749b3b9fb219e1d5fcfb31f6f16b9fcf528dc48bd17e4","href":"https://static.observableusercontent.com/files/e7d206008092e327d95c5265e3701f4b3d6f02b82e1ff5df31e6b8cf52efde59a324febed49b441192a749b3b9fb219e1d5fcfb31f6f16b9fcf528dc48bd17e4","name":"atlas_table.csv","type":"text/csv","lastModified":1652337022250.022,"size":5296},{"id":"c5459e39d9649696c72069293539480b9ace7ac27295d63d44ea001c3fb3684520c7fcfd6ba68d57cc0660b475f3b7345169cc51acc1b57091f4c461149d0bdd","href":"https://static.observableusercontent.com/files/c5459e39d9649696c72069293539480b9ace7ac27295d63d44ea001c3fb3684520c7fcfd6ba68d57cc0660b475f3b7345169cc51acc1b57091f4c461149d0bdd","name":"vertices-all.csv","type":"text/csv","lastModified":1652337027105.081,"size":3264712},{"id":"1a5c65c2383d3372fea165664252f61a7e499d05bb91c9d0b8259952d9037707a87c1e5f3707710a194fabe44cdf5a3cf202b4d3926c046670ef438b179a17aa","href":"https://static.observableusercontent.com/files/1a5c65c2383d3372fea165664252f61a7e499d05bb91c9d0b8259952d9037707a87c1e5f3707710a194fabe44cdf5a3cf202b4d3926c046670ef438b179a17aa","name":"cells-all.csv","type":"text/csv","lastModified":1652337028148.589,"size":5012623},{"id":"bd6238e71b5efa10e74ed3c50c7de1008a5617fe5dfeb8b044780f433295d7dc866c8397f2846bb73a2cde86e726e1d904c06c095557c4d4b0627e880916461c","href":"https://static.observableusercontent.com/files/bd6238e71b5efa10e74ed3c50c7de1008a5617fe5dfeb8b044780f433295d7dc866c8397f2846bb73a2cde86e726e1d904c06c095557c4d4b0627e880916461c","name":"vertices-0-1.csv","type":"text/csv","lastModified":1652323184115.649,"size":956087},{"id":"a48867aeb06dabedfe73ba68b8ef84df2dd97f555d1b1168ece20b3e232dbea10c6adc34eb97a03e44d1d3ef6960b8ee589157974f408b1d8de917aa6c1cf3e3","href":"https://static.observableusercontent.com/files/a48867aeb06dabedfe73ba68b8ef84df2dd97f555d1b1168ece20b3e232dbea10c6adc34eb97a03e44d1d3ef6960b8ee589157974f408b1d8de917aa6c1cf3e3","name":"cells-0-1.csv","type":"text/csv","lastModified":1652323184391.7,"size":1748081}] 44:{"id":"79befba8d16e79fc","slug":"brain-atlas-gallery","title":"Brain Atlas Gallery","thumbnail":"f82700ccb65a9a4dfb20d579a3b8be320b467a604192a66a8f796343bbf4eb25","access_level":"public","create_time":"$D2022-05-12T01:49:26.248Z","update_time":"$D2023-04-12T02:11:10.813Z","view_time":null,"first_public_time":"$D2022-05-12T07:11:56.016Z","has_unpublished_edits":null,"fork":{"id":"4d9b7665f00a916c","slug":"three-js","title":"Three.js","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"bcd65cef1cb4d2ed","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":"starter_2024","bio":"","following":false},"version":917,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"16328058352682a8","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"16328058352682a8","login":"listenzcc","name":"Chuncheng","avatar_url":"https://avatars-next.observableusercontent.com/bb3c68e77a708a587ffc2d663bb83421f20d67991dbe6c1623c6e5d2fb73d15e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Brain Atlas Gallery","cells":[{"id":242,"value":"# Brain Atlas Gallery\n\nIt's an initial job for neuroimaging analysis.\nContact me if the work can help you in any way.\nEmail: chuncheng.zhang@ia.ac.cn","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"viewof selectAtlas = Inputs.select(\n atlasTable.map((e) => e.name),\n { label: \"Select atlas\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"

${selectAtlas}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":866,"value":"renderer.domElement","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"viewof atlasColor = Inputs.color({ label: \"Atlas color\", value: \"#FF0000\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"viewof checkboxes = Inputs.checkbox([\"ShowHelpers\", \"Animation\"], {\n label: \"Options\",\n value: [\"\", \"Animation\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":766,"value":"

Explore more

Keyword: ${keyword}

\n\nPubmed: https://pubmed.ncbi.nlm.nih.gov/?term=${keyword}\n
\nRadio Paedia: https://radiopaedia.org/articles/${keyword}\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":433,"value":"viewof redrawButton = Inputs.button(\"Redraw\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"viewof atlasTableSearch = Inputs.search(atlasTable, {\n placeholder: \"Search atlas\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"viewof table1 = Inputs.table(atlasTableSearch)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":654,"value":"options = {\n const toggleHelpers = checkboxes.includes(\"ShowHelpers\");\n const toggleAnimation = checkboxes.includes(\"Animation\");\n return {\n toggleHelpers,\n toggleAnimation\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":741,"value":"keyword = {\n let keyword = selectAtlas.slice(0, -2);\n keyword = keyword.split(\",\")[0];\n keyword = keyword.split(\"(\")[0];\n while (keyword.endsWith(\" \")) {\n keyword = keyword.slice(0, -1);\n }\n keyword = keyword.replaceAll(\" \", \"-\");\n keyword = keyword.toLowerCase();\n return keyword;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":844,"value":"// {\n// let list = document.getElementById(\"webgl\").childNodes;\n// for (const c of list) {\n// document.getElementById(\"webgl\").removeChild(c);\n// }\n// document.getElementById(\"webgl\").appendChild(renderer.domElement);\n// // document.getElementById(\"webgl\").appendChild(stats.domElement);\n// return md`## Add renderer to webgl`;\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"// Continuously updates\n{\n while (true) {\n cube.rotation.z += 0.03;\n cube.rotation.y += 0.02;\n\n if (options.toggleAnimation) {\n brain.rotation.y += 0.01;\n atlas.rotation.y = brain.rotation.y;\n spheres.rotation.y = brain.rotation.y;\n\n if (options.toggleHelpers) {\n helpBrain.update();\n helpAtlas.update();\n }\n }\n\n renderer.render(scene, camera);\n // stats.update();\n yield null;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"// {\n// function loop() {\n// cube.rotation.z += 0.03;\n// cube.rotation.y += 0.02;\n\n// if (options.toggleAnimation) {\n// brain.rotation.y += 0.01;\n// atlas.rotation.y = brain.rotation.y;\n// spheres.rotation.y = brain.rotation.y;\n\n// if (options.toggleHelpers) {\n// helpBrain.update();\n// helpAtlas.update();\n// }\n// }\n\n// renderer.render(scene, camera);\n\n// requestAnimationFrame(loop);\n// }\n// loop();\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"## Meshes","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":277,"value":"cube = {\n const material = new THREE.MeshNormalMaterial();\n const geometry = new THREE.BoxGeometry(10, 10, 10);\n const cube = new THREE.Mesh(geometry, material);\n cube.position.y = 0;\n cube.position.x = 100;\n cube.position.z = 100;\n return cube;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"spheres = {\n const table = atlasTable;\n\n const material = new THREE.MeshNormalMaterial();\n\n const mkSphere = (e) => {\n const { x, y, z } = e;\n const geometry = new THREE.SphereGeometry(1);\n geometry.translate(-45, -50 * 0, -45);\n const sphere = new THREE.Mesh(geometry, material);\n sphere.position.x = parseInt(x);\n sphere.position.y = parseInt(z);\n sphere.position.z = parseInt(y);\n return sphere;\n };\n\n const spheres = table.map(mkSphere);\n\n const group = new THREE.Group();\n\n spheres.map((e) => group.add(e));\n // group.translate(-45, -50 * 0, -45);\n\n // group.add(spheres[0]);\n\n return group;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":692,"value":"{\n // for (const sphere of spheres) {\n // scene.add(sphere);\n // }\n scene.add(spheres);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"brainGeometry = {\n const vertices = mkVertices(brainModel);\n const geometry = mkGeometry(vertices);\n // geometry.computeVertexNormals();\n geometry.translate(-45, -50 * 0, -45);\n return geometry;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"brain = {\n const material = new THREE.MeshPhongMaterial({\n color: \"hsl(0,100%,100%)\",\n opacity: 0.3,\n transparent: true,\n depthWrite: false,\n side: THREE.DoubleSide\n });\n\n const mesh = new THREE.Mesh(brainGeometry, material);\n\n return mesh;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":639,"value":"helpBrain = {\n const help = new THREE.BoxHelper(brain);\n return help;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"atlasGeometry = {\n const vertices = mkVertices(atlasModel);\n const geometry = mkGeometry(vertices);\n // geometry.computeVertexNormals();\n geometry.translate(-45, -50 * 0, -45);\n return geometry;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"atlas = {\n const material = new THREE.MeshPhongMaterial({\n color: atlasColor,\n opacity: 0.3,\n transparent: true,\n depthWrite: false,\n side: THREE.DoubleSide\n });\n\n const mesh = new THREE.Mesh(atlasGeometry, material);\n\n mesh.rotation.y = brain.rotation.y;\n\n return mesh;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"helpAtlas = {\n const help = new THREE.BoxHelper(atlas);\n return help;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"{\n scene.add(brain);\n\n scene.add(atlas);\n\n if (options.toggleHelpers) {\n scene.add(helpBrain);\n scene.add(helpAtlas);\n }\n\n return md`### Brain`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"{\n scene.add(cube);\n return md`### Cube`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"{\n let color = 0xffffff;\n const intensity = 1;\n const light = new THREE.AmbientLight(color, intensity);\n\n scene.add(light);\n\n color = 0x00ff00;\n const light1 = new THREE.SpotLight(color);\n light1.position.y = 100;\n scene.add(light1);\n\n if (options.toggleHelpers) {\n const helper1 = new THREE.SpotLightHelper(light1);\n scene.add(helper1);\n }\n\n return md`### Lights`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"{\n // GRID HELPER\n var size = 200;\n var divisions = 8;\n const helper = new THREE.GridHelper(size, divisions);\n // helper.position.y = -70;\n scene.add(helper);\n\n return md`### Floor grid`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":467,"value":"## Scene & Camera & Render","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":810,"value":"stats = {\n const stats = new Stats();\n stats.domElement.style.left = \"100px\";\n return stats;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"scene = {\n redrawButton;\n atlasColor;\n checkboxes;\n selectAtlas;\n const scene = new THREE.Scene();\n scene.background = new THREE.Color(0x001b42);\n return scene;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"height = width / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"camera = {\n const fov = 45;\n const aspect = width / height;\n const near = 1;\n const far = 1000;\n const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);\n camera.position.set(150, 200, -150);\n camera.lookAt(new THREE.Vector3(0, 0, 0));\n return camera;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"renderer = {\n const renderer = new THREE.WebGLRenderer({antialias: true});\n renderer.setSize(width, height);\n renderer.setPixelRatio(devicePixelRatio);\n const controls = new THREE.OrbitControls(camera, renderer.domElement);\n controls.addEventListener(\"change\", () => renderer.render(scene, camera));\n invalidation.then(() => (controls.dispose(), renderer.dispose()));\n return renderer;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"## Mesh models","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":397,"value":"brainModel = mkBrainModel()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":574,"value":"atlasModel = mkSelectAtlasModel()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"## Toolbox","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":371,"value":"mkGeometry = (vertices) => {\n const positions = [];\n const normals = [];\n const uvs = [];\n for (const vertex of vertices) {\n positions.push(...vertex.pos);\n normals.push(...vertex.norm);\n uvs.push(...vertex.uv);\n }\n\n const geometry = new THREE.BufferGeometry();\n const positionNumComponents = 3;\n const normalNumComponents = 3;\n const uvNumComponents = 2;\n const positionAttr = new THREE.BufferAttribute(\n new Float32Array(positions),\n positionNumComponents\n );\n const normalAttr = new THREE.BufferAttribute(\n new Float32Array(normals),\n normalNumComponents\n );\n const uvAttr = new THREE.BufferAttribute(\n new Float32Array(uvs),\n uvNumComponents\n );\n\n geometry.setAttribute(\"position\", positionAttr);\n geometry.setAttribute(\"normal\", normalAttr);\n geometry.setAttribute(\"uv\", uvAttr);\n\n return geometry;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"mkVertices = (meshModel) => {\n const { positions, cells } = meshModel;\n const norms = normals(cells, positions);\n\n const vertices = [];\n\n const uv3 = [\n [0, 0],\n [0, 1],\n [1, 0]\n ];\n\n let pos, norm, uv;\n for (const cell of cells) {\n // vertices.push(cell);\n for (let i = 0; i < 3; i++) {\n pos = positions[cell[i]];\n norm = norms[cell[i]];\n uv = uv3[i];\n vertices.push({ pos, norm, uv });\n }\n }\n\n return vertices;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":568,"value":"mkSelectAtlasModel = () => {\n const atlas = atlasTable.filter((e) => e.name === selectAtlas);\n const value = parseInt(atlas[0].idx);\n const _cells = rawCellsAll.filter((e) => parseInt(e.idx) === value);\n const _vertices = rawVerticesAll.filter((e) => parseInt(e.idx) === value);\n\n const cells = _cells.map((e) => [\n parseInt(e.v2),\n parseInt(e.v1),\n parseInt(e.v0)\n ]);\n\n const positions = _vertices.map((e) => [\n parseFloat(e.z),\n parseFloat(e.x),\n parseFloat(e.y)\n ]);\n\n const colors = _cells.map((e) => [0.8, 0.2, 0.2, 0.5]);\n\n return { cells, positions, colors };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"mkBrainModel = () => {\n const _cells = rawCells0;\n const _vertices = rawVertices0;\n\n const cells = _cells.map((e) => [\n parseInt(e.v2),\n parseInt(e.v1),\n parseInt(e.v0)\n ]);\n\n const positions = _vertices.map((e) => [\n parseFloat(e.z),\n parseFloat(e.x),\n parseFloat(e.y)\n ]);\n\n const colors = _cells.map((e) => [0.4, 0.4, 0.4, 0.5]);\n\n return { cells, positions, colors };\n\n return bunny;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"## Requirements","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":356,"value":"normals = (await import(\"https://cdn.skypack.dev/angle-normals@1.0.0\")).default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"THREE = {\n const THREE = (window.THREE = await require(\"three@0.130.0/build/three.min.js\"));\n await require(\"three@0.130.0/examples/js/controls/OrbitControls.js\").catch(\n () => {}\n );\n await require(\"three@0.130.0/examples/js/libs/stats.min.js\").catch(() => {});\n return THREE;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"## Resources","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":321,"value":"bunny = (await import(\"https://cdn.skypack.dev/bunny@1.0.1\")).default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"atlasTable = await FileAttachment(\"atlas_table.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"rawCellsAll = await FileAttachment(\"cells-all.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"rawVerticesAll = await FileAttachment(\"vertices-all.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"rawCells0 = await FileAttachment(\"cells-0-1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"rawVertices0 = await FileAttachment(\"vertices-0-1.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 45:"$44:body"