Embed Ojarim — Add Pollinators to Your Website

Two lines. That's it.

Paste this into any website — WordPress, Squarespace, Wix, static HTML, whatever you run. No accounts. No API keys. No cost. Live research-grade pollinator data shows up on your page.

Copy this into your page

Works anywhere you can paste HTML.

HTML

<script src="https://ojarim.com/assets/js/embed.js"></script>
<ojarim-map height="500px"></ojarim-map>

Customize

Every embed is optional and configurable. Use one or use all of them.

Map

Interactive observation map with species filters.

Example — centered on North America, bees + butterflies only

<ojarim-map
  height="600px"
  groups="bumble-bees,solitary-bees,butterflies"
  lat="39"  lng="-98"  zoom="4"
  theme="dark"
></ojarim-map>

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

Species Profiles

Browsable species cards with conservation status.

Example

<ojarim-species></ojarim-species>

<!-- Or filtered -->
<ojarim-species group="bumble-bees" limit="12"></ojarim-species>

Bloom Calendar

What's blooming by region and which pollinators it supports.

Example

<ojarim-bloom></ojarim-bloom>

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

Good to know

Works everywhere. WordPress (Custom HTML block), Squarespace (Code block), Wix (HTML embed), Webflow, Hugo, Jekyll, plain HTML. If you can paste HTML, it works.

Style isolation. Each component uses Shadow DOM. Your site's styles won't break the embeds. The embeds won't break your site.

Open data. Everything pulls from the open Ojarim dataset on Codeberg. AGPL-3.0. Attribution is built into each component.

Want to contribute data? Read the VODS protocol.