Platform
Resources
Pricing
Sign in
Contact us
Radamés Ajna
Engineering @huggingface 🤗. Data visualization enthusiast. Creative technologist. Open for collaborations.
Workspace
Fork
Published
3 collections
By
Radamés Ajna
and
Fabian Iwand
Edited
May 13, 2022
11 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
3
Insert cell
gl
=
renderer
.
gl
Insert cell
mesh
=
new
OGL
.
Mesh
(
gl
,
{
geometry
,
program
}
)
Insert cell
renderer
=
new
OGL
.
Renderer
(
{
dpr
:
2
}
)
Insert cell
height
=
width
>
700
?
(
2
*
width
)
/
3
:
width
Insert cell
autoResize
=
{
// this changes with Observable reactive variable width
renderer
.
setSize
(
width
,
height
)
;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
mouse
=
new
OGL
.
Vec2
(
-
1
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
OGL
=
import
(
'https://unpkg.com/ogl@0.0.65/src/index.mjs?module'
)
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.
Try it for free
Learn more
Fork
View
Export
Listed in...
Observable's Instagram Shares
Observable
Experiments
Radamés Ajna
Libs
Radamés Ajna
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
flow
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
blend
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
animation
Edit
Show 3 comments
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
gl
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mesh
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
renderer
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
autoResize
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
vertex
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
texture
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
program
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fragment
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mouse
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
velocity
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
flowmap
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
geometry
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
points
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
OGL
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML