Add QuakeFYI entity cards, glossary terms, interactive tools, and inline badges to any website with a single line of HTML. No build tools. No dependencies. Live geographic data from the QuakeFYI database.
Entity Card Preview
Two lines of HTML. That's all it takes.
Select a widget type to see both design styles in Light and Dark. Every widget includes Shadow DOM isolation and a "Powered by QuakeFYI" backlink.
Definition of the geographic term with relevant context and cross-references to related concepts.
Definition of the geographic term with relevant context and cross-references.
Definition with geographic context and related concepts from the QuakeFYI glossary.
Definition with geographic context and related concepts from the QuakeFYI glossary.
Answer about Earthquakes from the QuakeFYI FAQ database.
Data comes directly from authoritative geographic sources.
Answer from the QuakeFYI FAQ database.
Data from authoritative geographic sources.
Configure each widget with data-* attributes.
| Attribute | Values | Default | Description |
|---|---|---|---|
| data-quakefyi | entity, glossary, faq, search | required | Widget type to render |
| data-slug | e.g. "earthquakes" | — | Entity slug from the QuakeFYI database |
| data-theme | light, dark, sepia, auto | light | Visual theme (auto follows OS preference) |
| data-style | modern, clean | modern | Widget design style |
| data-size | default, compact, large | default | Widget size |
| data-placeholder | any string | "Search..." | Search box placeholder text |
2 design styles × 4 themes = 8 combinations for any site.
Clean white background. Ideal for light-themed websites.
data-theme="light"
Deep slate background. Perfect for dark-mode websites.
data-theme="dark"
Warm tone. Great for editorial and content-rich sites.
data-theme="sepia"
Follows OS dark/light preference with live updates.
data-theme="auto"
Multiple delivery options for production or development.
Free global CDN. Auto-versioned. 110+ PoPs worldwide.
Use as an ESM module in your build pipeline.
Download and serve from your own infrastructure.
Part of the FYIPedia open-source developer tools ecosystem.
| Site | Domain | Focus | Embed |
|---|---|---|---|
| DistanceFYI | distancefyi.com | 33,336 cities, Haversine distance, travel times | distancefyi-embed |
| MountainFYI | mountainfyi.com | 2,000 mountains, elevation, difficulty grades | mountainfyi-embed |
| QuakeFYI | quakefyi.com | 20,702 earthquakes, magnitude scale, USGS alerts | quakefyi-embed |
| ZipFYI | zipfyi.com | 41,488 postal codes, demographics, median income | zipfyi-embed |
Open-source embed widgets across the FYIPedia ecosystem.
| Family | Packages | Focus |
|---|---|---|
| Geo FYI | distancefyi/mountainfyi/quakefyi/zipfyi-embed | Cities, mountains, earthquakes, postal codes |
| Transport FYI | airportfyi/airlinefyi/planefyi/trainfyi-embed | Airports, airlines, aircraft, train stations |
| Health FYI | anatomyfyi/pillfyi/drugfyi/nutrifyi-embed | Anatomy, drugs, pills, nutrition data |
| Network FYI | cablefyi/ipfyi/statuscodefyi-embed | Cables, IP networks, HTTP status codes |
| Science FYI | chemfyi/alloyfyi/gemfyi/starfyi/mineralfyi-embed | Chemistry, alloys, gems, stars, minerals |
| Creative FYI | colorfyi/emojifyi/fontfyi/symbolfyi/unicodefyi-embed | Colors, emojis, fonts, symbols, unicode |