Embed Ojarim — Add Pollinators to Your Website

Put the world's pollinator data on your site

One script tag. Zero accounts. No API keys. Drop an interactive observation map, species cards, bloom calendar, or your organization's profile onto any website — WordPress, Squarespace, Wix, static HTML, whatever you've got. Every embed pulls live data from the global Ojarim dataset.

Quick Start

Add the embed script to your page (once, anywhere):

HTML

<script src="https://ojarim.com/assets/js/embed.js"></script>

Drop in the component you want:

Map — Observation map with species filters

<ojarim-map height="500px"></ojarim-map>

That's it. The map loads live research-grade data and works on any device.

Observation Map

Interactive map showing research-grade pollinator observations from iNaturalist and GBIF. Filter by species group, set the default view, and configure the height to fit your layout.

Full example

<!-- Map centered on North America, showing only bees and butterflies -->
<ojarim-map
  height="600px"
  groups="bumble-bees,solitary-bees,butterflies"
  lat="39"
  lng="-98"
  zoom="4"
  theme="dark"
></ojarim-map>

Options

Attribute	Default	Description
`height`	`"500px"`	Map height. Any CSS value.
`groups`	`"all"`	Comma-separated species groups to show. Options: `bumble-bees`, `honey-bees`, `solitary-bees`, `butterflies`, `hoverflies`, `moths`, `beetles`, `wasps`, `hummingbirds`
`lat`	`20`	Initial latitude center.
`lng`	`0`	Initial longitude center.
`zoom`	`3`	Initial zoom level (1–18).
`theme`	`"dark"`	`"dark"` or `"light"`

Species Profiles

Browsable grid of native pollinator species with conservation status, descriptions, and links to the full profile on Ojarim. Filter to a specific group or show them all.

Example

<!-- Show all species -->
<ojarim-species></ojarim-species>

<!-- Show only bumble bees, limit to 12 -->
<ojarim-species group="bumble-bees" limit="12"></ojarim-species>

Options

Attribute	Default	Description
`group`	All	Filter to a species group (same values as map `groups`).
`limit`	All	Maximum number of species cards to display.
`theme`	`"dark"`	`"dark"` or `"light"`

Bloom Calendar

Monthly native plant bloom data by growing region. Shows which plants are blooming, which pollinators they support, and what to plant.

Example

<!-- Show bloom calendar with region selector -->
<ojarim-bloom></ojarim-bloom>

<!-- Pre-select a specific region -->
<ojarim-bloom region="southeast-us"></ojarim-bloom>

Options

Attribute	Default	Description
`region`	First region	Region index (number) or partial name match (e.g. `"southeast"`).
`theme`	`"dark"`	`"dark"` or `"light"`

Organization Profile

Show your organization's Ojarim partner profile on your own site. Displays your role, contributions, and verified partner badge. Great for grant applications and public visibility.

Example

<ojarim-org slug="your-org-name"></ojarim-org>

Options

Attribute	Default	Description
`slug`	—	Your organization's slug (lowercase name with hyphens). Required.
`theme`	`"dark"`	`"dark"` or `"light"`

Notes

Works everywhere. These are standard Web Components. They work in any HTML page — WordPress (Custom HTML block), Squarespace (Code block), Wix (HTML embed), Webflow, Hugo, Jekyll, plain HTML. If you can paste HTML, you can embed Ojarim.

Style isolation. Each component uses Shadow DOM. Ojarim styles don't leak into your site, and your site's styles don't affect the embeds. They just work.

No API keys. No accounts. No cost. The data comes from the open Ojarim dataset on Codeberg. AGPL-3.0 licensed. Attribution is built into each component.

Become a partner. If your organization wants to contribute data and have your own profile, read the VODS protocol or visit the atlas to learn more.