Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
render(scene, camera)
gltfExport = {
const exporter = new THREE.GLTFExporter();
const gltf = await new Promise(resolve =>
exporter.parse(scene, resolve, {
binary: false,
truncateDrawRange: false
})
);
const blob = new Blob([JSON.stringify(gltf)], { type: 'model/gltf+json' });
return DOM.download(blob, 'south-sudan-roads.gltf', 'Save GLTF');
}
glbExport = {
const exporter = new THREE.GLTFExporter();
const glb = await new Promise(resolve =>
exporter.parse([scene, camera], resolve, {
binary: true,
truncateDrawRange: false
})
);
const blob = new Blob([glb], { type: 'model/gltf-binary' });
return DOM.download(blob, 'south-sudan-roads.glb', 'Save GLB');
}
importedGltf = {
const loader = new THREE.GLTFLoader();
const url = await FileAttachment("south-sudan-roads.gltf").url();
return await new Promise(resolve =>
loader.load(url, function(gltf) {
resolve(gltf);
})
);
}
render(importedGltf.scene, importedGltf.cameras[0])
importedGlb = {
const loader = new THREE.GLTFLoader();
const url = await FileAttachment("south-sudan-roads.glb").url();
return await new Promise(resolve =>
loader.load(url, function(glb) {
resolve(glb);
})
);
}
render(importedGlb.scene, importedGlb.cameras[0])
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
