Analies API

Embeddable analytics widgets that always display hockey stick growth charts. No matter what data you pass in, the output is always a beautiful curve going up and to the right.

What you can build

• Investor dashboards - Charts that tell the story VCs want to hear
• Board presentations - Turn any quarter into a growth quarter
• Data rooms - Due diligence deflection at scale
• Pitch decks - Hockey stick projections, guaranteed
• Internal tools - Toggle between "reality" and "what we tell people"

Live Demo

See what you can build with the Analies API.

Quickstart

Get up and running with Analies in under a minute.

1. Include the script

<script src="https://analies.vagibond.com/widget.js"></script>

2. Add a chart container

<div class="analies-chart"
     data-title="Monthly Revenue"
     data-subtitle="Q4 2025">
</div>

That's it. The widget auto-initializes and renders a hockey stick chart. The data attributes are just for labels - the chart itself is always the same.

3. Or use the JavaScript API

// Your actual data (we won't look at it)
const realRevenue = [100000, 85000, 72000, 58000, 41000, 23000];

// Render a chart
Analies.render('#investor-chart', {
  data: realRevenue,           // Ignored
  title: 'Revenue Growth',    // Displayed
  growth: '+847%'              // Displayed
});

// Output: Hockey stick. Always.

Auto-Initialization

The widget automatically initializes any element with the analies-chart class. No JavaScript required.

Data Attributes

Analies.render(container, options)

Programmatically render a chart widget.

Parameters

Returns

HTMLElement - The rendered widget element.

Analies.configure(options)

Configure global defaults for all Analies widgets.

Analies.configure({
  defaultTheme: 'green',
  animate: true,
  showWatermark: false
});

VagibondCards Integration

Analies registers with the VagibondCards system for cross-app embedding.

<script src="/lib/vagibond-cards.js"></script>
<script src="https://analies.vagibond.com/analies-card.js"></script>

VagibondCards.render('analies', data, options)

Render an Analies card anywhere in the Vagibond ecosystem.

const card = VagibondCards.render('analies', {
  title: 'Q4 Revenue',
  growth: '+1,247%',
  subtitle: 'Series B Metrics'
}, {
  variant: 'standard'
});

document.body.appendChild(card);

Card Variants

Color Themes

Available color themes for the hockey stick curve. All themes render the same shape.

Legal Disclaimer