JavaScript | Python | Data Visualization | Web Development | Geology | Space | Analytics | IoT |
Learn, Build Stuff, and Figure Things Out
Published
Edited
Dec 10, 2018
1 star
renderer = {
const renderer = this || new T.WebGLRenderer({antialias: true});
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(width, height);
return renderer;
}
scene = {
const scene = this || new T.Scene();
scene.background = new T.Color(background);
return scene;
}
sphereGeom = {
if (this) this.dispose();
return new T.SphereBufferGeometry(10, globeDetail, globeDetail);
}
textures = {
const textureLoader = new T.TextureLoader;
function texture(name) {
return new T.MeshLambertMaterial({map: textureLoader.load(urls[name])})
}
return {
"light-pollution": texture("light-pollution"),
"night-lights": texture("night-lights"),
};
}
globe = {
let globe = this;
if (!globe) {
globe = new T.Mesh();
scene.add(globe);
}
globe.geometry = sphereGeom;
globe.material = textures[display];
return globe;
}
light = {
if (this) scene.remove(this);
const l = new T.AmbientLight(ambientLight)
scene.add(l);
return l;
}
camera = {
let camera = this;
if (!camera) {
camera = new T.PerspectiveCamera(30, 1, 1, 1000);
camera.position.set(0, 15, 37);
}
camera.aspect = aspectRatio;
camera.updateProjectionMatrix();
return camera;
}
controls = {
const controls = this || new T.OrbitControls(camera, renderer.domElement);
controls.enablePan = false;
controls.minDistance = 20;
controls.maxDistance = 500;
controls.enableZoom = allowZoom == "on";
controls.autoRotate = autoRotate == "on";
controls.autoRotateSpeed = rotationSpeed;
return controls;
}
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.
