The avatar for @helloeujin
Youjin Shin | 신유진
Data Visualization Specialist | Previously @WashingtonPost @WallStreetJournal @MITSenseableCity
Public
3D
Edited
Nov 9, 2023
3D
deck.gl | population density map of South Koreathree.js | Physics basicthree.js | Shader (galaxy)
three.js | Shader patterns
three.js | Shader (Sea)three.js | Shader basicdeck.gl | LineLayer + Tooltipdeck.gl | TripsLayer + Animationdeck.gl | HexagonLayer + Camera Animationthree.js | FontLoaderthree.js | Camera animationthree.js | GLTFLoaderthree.js | OrbitControls
Insert cell
Insert cell
Insert cell
renderer.domElement
Insert cell
{
while (true) {
renderer.render(scene, camera);

yield null;
}
}
Insert cell
Insert cell
Insert cell
Insert cell
material = new THREE.ShaderMaterial({
vertexShader: vertextShaderTxt,
fragmentShader: fragmentShaderTxt,
side: THREE.DoubleSide
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more