minimal Examples

The theatre provides a presentation layer for files in the theatre/ directory

The theatre files showcase Polypoint features.

The files within this directory are just standard JavaScript files. They work in a standard setup, but the Polypoint site will access additional meta data within the file, such as title and imports.

Checkout the source code within the theatre directory or run one of the examples.

Browse categories

minimal: 17 Examples

Theatre files

updimension

Transforms 2D plots into dynamic 3D perspectives using radius-based depth and camera distance.
vad-example

Visualizes real-time voice activity by dynamically scaling and coloring a point based on speech input.
starfield-example

Create a dynamic starfield with parallax motion and velocity-based point rendering.
stage-only

A minimal foundation for building custom scenes by extending the core Stage class.
sin-wave-plot

Create a dynamic sine wave animation using a list of points to generate fluid, rhythmic motion.
shuffled-grid

Interactive grid of draggable points with random shuffling and dynamic radius scaling.
rectangle-example

Draw and style rectangles on a canvas using points as anchors for shapes and stroke properties.
phat-leg-example

Create dynamic, rhythmic patterns using a list of points that shift radius based on trigonometric math.
ngon-example

Generate and render dynamic N-Sided Polygons using the core point and stage mechanics.
minimal-example

A minimalist foundation for creating point-based animations on a canvas stage.
minimal-add-example

A minimal boilerplate for creating and dragging points on a stage using the basic core modules.
hyperway-stepper-example

Create dynamic step animations by animating a highlighted point along a generated list of points.
draggable-ngon-example

Create a draggable polygon shape with dynamic rotation and custom styling using minimal core components.
draggable-bounding-box

Interactive click-drag bounding box featuring geometric shapes and dynamic radius scaling.
connect-lights

An interactive grid of light points that allows users to draw and connect dynamic neural-like paths.
grid-flag

A dynamic grid of pulsating points with interactive color and growth controls.
bubble-box-example

A dynamic "Bubble Box" animation featuring 1,000 velocity-driven points with HSL color scaling.