Public
Edited
Dec 16, 2022
2 forks
Importers
40 stars
Insert cell
Insert cell
Insert cell
hyperbolic_paraboloid = show_x3d([
create_surface((x, y) => [x, y, x ** 2 - y ** 2], [-1, 1], [-1, 1])
])
Insert cell
Insert cell
Insert cell
show_x3d(
[
create_indexedFaceSet(
[
[
[0, 0, 0],
[5, 0, 0],
[5, 5, 0],
[0, 5, 0]
],
[
[0, 0, 0],
[0, 5, 0],
[0, 5, 5],
[0, 0, 5]
],
[
[0, 0, 0],
[5, 0, 0],
[5, 0, 5],
[0, 0, 5]
]
],
{
color: "#ccc"
}
),
create_cylinder([2.5, 2.5, 0.01], [0, 0, 1], 0.5, 5),
create_hollow_cylinder([2.5, 2.5, 0.01], [0, 0, 1], 1, 2, 3, {
transparency: 0.6
})
],
{
show_axes: false,
viewpoint: {
position: "6.626 13.22 8.965",
orientation: "-0.524 -0.274 -0.806,1.957"
}
}
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {
show_x3d,
create_pointSet,
create_indexedFaceSet,
create_indexedLineSet,
create_sphere,
create_text,
create_cylinder,
create_torus,
create_arrow,
create_box,
create_transform,
style
} from "@mcmcclur/x3dom-primitives"
Insert cell
import { create_surface } from "@mcmcclur/parametric-surfaces"
Insert cell
import { create_tube } from "@mcmcclur/space-curves-and-tubes"
Insert cell
import { create_hollow_cylinder } from "@mcmcclur/hollow-cylinder"
Insert cell
style
Insert cell
problem_pic = show_x3d(
[
create_box([4, 2, 2], { translation: "2 1 1" }),
create_indexedFaceSet(
[
[
[6, 0, 0],
[0, 12, 0],
[0, 0, 12]
]
],
{ transparency: 0.5 }
),
create_sphere([4, 2, 2], 0.1, { color: "black" })
],
{
extent: [
[-1, 6],
[-1, 12],
[-1, 12]
]
}
)
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