Embed Sinusoidal History

The /embed routes are iframe-safe and URL-driven. Set the view, range, cycle filter, and any calibration overrides via query string. All embeds link back to the main site and to methods.

Query params

view — facets (default), overlay, or state-only. State-only is the single summary panel.
range — preset name (all, industrial, modern,living, now) or explicit 1900-2050.
cycles — comma-separated cycle ids (e.g. cycles=turchin,dalio). Omit for all.
peak.<id> and period.<id> — per-cycle calibration overrides. E.g. peak.huntington=1968&period.huntington=58.

Available cycle ids: khaldun · kondratiev · huntington · perez · turchin · dalio · strauss_howe

Copy-paste snippets

State of the cycles (most embeddable)

Just the summary panel. Small, scannable, shareable. Ideal for inline Substack embeds.

<iframe
  src="https://sinusoidalhistory.skylarkcreations.com/embed?view=state-only"
  width="100%"
  height="360"
  style="border:1px solid #e5e7eb;border-radius:8px"
  loading="lazy"
></iframe>

preview: /embed?view=state-only

Full facets, modern window

The facet stack zoomed to 1900+. Interactive where the iframe allows.

<iframe
  src="https://sinusoidalhistory.skylarkcreations.com/embed?view=facets&range=modern"
  width="100%"
  height="900"
  style="border:1px solid #e5e7eb;border-radius:8px"
  loading="lazy"
></iframe>

preview: /embed?view=facets&range=modern

Huntington only, with calibration

Filter to a single cycle and override its peak year — useful for arguing a specific claim in prose.

<iframe
  src="https://sinusoidalhistory.skylarkcreations.com/embed?view=facets&cycles=huntington&peak.huntington=1968"
  width="100%"
  height="280"
  style="border:1px solid #e5e7eb;border-radius:8px"
  loading="lazy"
></iframe>

preview: /embed?view=facets&cycles=huntington&peak.huntington=1968

Classic overlay

Phase 1 single-SVG view with every cycle and data series.

<iframe
  src="https://sinusoidalhistory.skylarkcreations.com/embed?view=overlay&range=modern"
  width="100%"
  height="620"
  style="border:1px solid #e5e7eb;border-radius:8px"
  loading="lazy"
></iframe>

preview: /embed?view=overlay&range=modern

Cross-origin

The app sets Content-Security-Policy: frame-ancestors * and omits X-Frame-Options on /embed/* routes. You can embed from any origin.