Skip to Content
Dashboard and EmbedPublic Event Pages

Public Event Pages

Chirpier exposes hosted public event pages at https://www.chirpier.co/events/:eventId?share=:shareToken for shareable events.

Enable public sharing

To make an event publicly accessible, update the event definition to set public: true. Chirpier auto-generates a share_token when the event is created — you use this token alongside the event_id for public access.

const event = await client.getEvent(eventID); // Make the event public await client.updateEvent(eventID, { public: true }); // The share_token is available on the event definition const shareURL = `https://www.chirpier.co/events/${event.event_id}?share=${event.share_token}`;

Public dashboard page

Public access uses both:

  • event_id
  • share_token

That pair is required for hosted public reads. Share the URL directly or use it as the basis for embedded charts.

What the hosted page supports

  • Range selection: 1h, 1d, 1w, 1m
  • Compare mode: overlay the previous period for visual comparison
  • Chart variants: line and bar
  • Summary and tracker views
  • Embedded mode with header suppression

Embedding the public page

Both @chirpier/charts (React) and @chirpier/embed (framework-agnostic) use the hosted public page as the runtime surface. They render it in an iframe and communicate via postMessage.

To embed a chart, you need the eventId and shareToken from the event definition:

<ChirpierChart eventId="your-event-id" shareToken="your-share-token" range="1d" compare view="timeseries" variant="line" />

For full embed usage, see React or Framework-Agnostic.

Last updated on