Circles demos

Self-contained pages to inspect and copy from, on top of the many executable examples in the API reference. Every page loads the library with a classic script tag and keeps its own code in a module script, with no other dependencies.

Simple embedding

The simplest embedding, with all options at their defaults.

Settings panel

Tune every option live, try presets and data sets, export the options as code.

Simple pie chart

A flat pie chart with fixed colors; click a slice to extrude it.

Touch and mobile

A feature showcase tuned for touch screens, with a reflection effect.

Infographics

Three linked visualizations, model adapters and callback hooks.

Scrollable page

Passing touch and mouse events through, so that the page scrolls.

Spiral

An abuse of the ring shape callback: every group on its own radius.

Angles

Snapshots of many combinations of the start angle and the angle width.

Built-in title bar

Title bars above and below the circle, decorated on hover.

External title bar

An HTML title bar driven by the hover and selection events.

Group shapes

Connections drawn between groups on an overlay, from the groups' shapes.

Removing groups

Removing groups from the view with a modified click.

Access logs

Download statistics of the Carrot² project, by package or by location.

DejaVu web font

Labels in a self-hosted web font, loaded before the data is shown.

Documents in groups

A dot per document, highlighting the ones in the hovered and selected groups.

Strict Content Security Policy

Embedding in a page that forbids inline scripts and styles.

Custom expanders

Expanders in the color of their group, as semi-circles or as dots, from the shape callback.