Published
Edited
Feb 2, 2020
Insert cell
Insert cell
Insert cell
Insert cell
Assembly(Square(30),
Circle(10))
.withOutline()
.topView();
Insert cell
Insert cell
Assembly(Square(30),
Circle(10))
.Page()
.topView();
Insert cell
Insert cell
Assembly(Cube(30, 10, 10).moveX(10),
Sphere(10).moveX(-5))
.topView();
Insert cell
Assembly(Cube(30, 10, 10).moveX(10),
Sphere(10).moveX(-5))
.moveX(20)
.rotateY(-45)
.topView();
Insert cell
Insert cell
Assembly(Cube(30, 30, 10).as('cube'),
Cylinder(5, 10).as('cylinder'))
.view();
Insert cell
Assembly(Cube(30, 30, 10).as('cube'),
Cylinder(5, 10).as('cylinder'))
.keep('cube')
.view();
Insert cell
Assembly(Cube(30, 30, 10).as('cube'),
Cylinder(5, 10).as('cylinder'))
.drop('cube')
.view();
Insert cell
Insert cell
Cube(30, 30, 10).as('cube')
.with(Cylinder(5, 10).as('cylinder'))
.keep('cube')
.view();
Insert cell
Insert cell
Assembly(Square(30), Circle(10)).Item('square with hole').Page().topView();
Insert cell
Insert cell
{
Circle(10).cut(Square(5)).Item('toit');
return Layers(Item('toit'), Item('toit'), Item('toit')).Page().topView();
}
Insert cell
Insert cell
Insert cell
Insert cell
Layers(Sphere(15),
Cube(20).moveX(20),
Circle(30))
.view();
Insert cell
Insert cell
Layers(Sphere(15),
Cube(20).moveX(20),
Circle(30))
.Page()
.view({ position: [0, 0, 150] });
Insert cell
Insert cell
Insert cell
Path([0, 0, 0], [1, 0, 0], [0, 1, 0], [0, 0, 1])
.scale(20)
.topView();
Insert cell
Insert cell
Path([0, 0, 0], [1, 0, 0], [0, 1, 0], [0, 0, 1])
.scale(20)
.view();
Insert cell
Insert cell
Layers(Cylinder(10, 10).rotateY(45),
Circle(20).rotateX(45))
.outline()
.Page()
.topView();
Insert cell
Insert cell
Circle(20)
.outline()
.interior()
.topView();
Insert cell
Insert cell
Insert cell
Plan.Radius(20)
.with(Sphere(10))
.topView();
Insert cell
Insert cell
Sphere(20)
.with(Cylinder(20, 30).sketch())
.frontView();
Insert cell
Insert cell
Insert cell
Layers(Cube(20).rotateX(45),
Cylinder(10, 30).rotateX(45),
Sphere(10).rotateX(45))
.Page()
.topView();
Insert cell
Insert cell
Cylinder(10, 30)
.rotateX(45)
.section()
.withOutline()
.topView();
Insert cell
Cylinder(10, 30)
.rotateX(45)
.squash()
.withOutline()
.topView();
Insert cell
Insert cell
Insert cell
Layers(
Circle(10).cut(Triangle(8)),
Square(20).cut(Circle(5)),
Triangle(20).cut(Square(3)))
.Page()
.topView();
Insert cell
Insert cell
import { Assembly, Circle, Cube, Cylinder, Item, Layers, Path, Plan, Sphere, Square, Triangle } from '@pentacular/jsxcad-shapes';
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