Skip to content

Pibbl

Read as Markdown

Pibbl is a component runtime for Canvas 2D. Author drawing with synchronous functions, use signals to update it, and compose effects without managing a separate animation loop.

Build interactive charts, financial workspaces, and scientific figures with @pibbl/core/viz. Compose scales, axes, marks, inspection, and navigation with the same layout, signals, and events as the rest of your Canvas application.

Explore charts and data visualization — start with runnable examples, find the chart family you need, and open the API reference.

Section Use it to
Start Install, choose an authoring style, and mount a scene
Data Visualization Build charts, inspect data, and explore financial and scientific examples
Reference Find individual APIs by capability or alphabetically
Visual Catalogs Compare shapes, filters, textures, and reaction-diffusion
Guides Understand ownership and compose capabilities
Examples Run focused examples and a larger composition
Agents & Skills Retrieve Markdown and detailed implementation guidance
Playground Edit examples and run live previews

The reference brings the existing public API documents into capability groups and an alphabetical index. The guide library covers authoring, lifecycle, layout, animation, textures, input, physics, visualization, and Three.js. Detailed agent topics explain implementation decisions, failure modes, and verification.

Explore the showcases and focused examples, then open the playground to edit learning examples and tutorial steps within this site. Search documentation to find guides, APIs, and examples, including descriptions generated from JSDoc. API references link directly to the corresponding source lines.

Documentation built with @pibbl/core 0.0.2, revision dd39ce2. ALPHA — NOT FOR PRODUCTION USE.