Add IPFYI Networks cards, network glossary terms, interactive tools, speed bars, and inline badges to any website — one script tag.
Detailed network infrastructure reference data with specifications and standards.
One script tag. Networks embedded in 30 seconds.
Include the embed script from jsDelivr CDN anywhere in your HTML.
Add a div with the data-ipfyi attribute.
The widget renders automatically — fully isolated by Shadow DOM with auto dark mode.
<!-- Step 1: Add embed script -->
<script src="https://cdn.jsdelivr.net/npm/ipfyi-embed@1/dist/embed.min.js"></script>
<!-- Step 2: Place the widget -->
<div data-ipfyi="entity"
data-slug="example-asn"
data-style="technical"
data-theme="auto"></div>6 widget types × 2 styles × 4 themes
Sample Network Entry
Infrastructure · IPFYI
Protocol
TCP/IP
Standard
IEEE 802.3
A standardized networking term from RFC or IEEE specification with technical definition.
Option A
100 Gbps
Layer 3
Option B
400 Gbps
Layer 2
What is the maximum bandwidth?
Maximum throughput depends on protocol, hardware, and network conditions.
Which RFC defines this protocol?
See the linked RFC documentation for the normative specification.
The submarine cable system spans 14,000 km with 400 Gbps capacity. HTTP status 200 OK indicates success. ASN AS15169
Sample Network Entry
Infrastructure · IPFYI
Protocol
TCP/IP
Standard
IEEE 802.3
A standardized networking term with technical definition and RFC references.
Option A
100 Gbps · L3
Option B
400 Gbps · L2
What is the maximum bandwidth?
Depends on protocol, hardware, and conditions.
Which RFC defines this protocol?
See the linked RFC documentation.
Cable spans 14,000 km with 400 Gbps capacity. Status 200 OK means success. ASN AS15169
<div data-ipfyi="entity"
data-slug="example-asn"
data-style="technical"
data-theme="auto"></div><div data-ipfyi="glossary"
data-slug="network-term"
data-theme="auto"></div><div data-ipfyi="search"
data-placeholder="Search Networks…"
data-theme="auto"></div><div data-ipfyi="compare"
data-slug-a="option-a"
data-slug-b="option-b"
data-theme="auto"></div><div data-ipfyi="faq"
data-slug="example-asn"
data-theme="auto"></div><!-- Speed bar (CableFYI) -->
<span data-cablefyi="speed-bar" data-slug="marea"></span>
<!-- ASN badge (IPFYI) -->
<span data-ipfyi="asn-badge" data-slug="AS15169"></span>
<!-- Status badge (StatusCodeFYI) -->
<span data-statuscodefyi="status-badge" data-slug="200"></span>| Attribute | Values | Default | Description |
|---|---|---|---|
| data-ipfyi | entity · glossary · search · compare · faq | required | Widget type to render |
| data-slug | string | required | Entity slug from ipfyi.com |
| data-style | technical · modern | technical | Visual style variant |
| data-theme | light · dark · sepia · auto | auto | Color theme (auto follows OS preference) |
| data-lang | en · es · ja … | en | Display language |
| data-no-snippet | true | false | Disable rich snippet injection into host page |
2 styles × 4 themes = 8 combinations. Shadow DOM isolated.
Multiple delivery options for every use case.
Global CDN with automatic version resolution.
<script src="https://cdn.jsdelivr.net/npm/ipfyi-embed@1/dist/embed.min.js"></script>Install via npm and import in your build pipeline.
npm install ipfyi-embedHost on your own CDN for full control.
<script src="/assets/ipfyi-embed.min.js"></script>Part of FYIPedia. Hub: wirefyi.com
Embed widgets across 11 knowledge families
| Family | Sites | Widget Package |
|---|---|---|
| Network FYI | CableFYI · IPFYI · StatusCodeFYI | ipfyi-embed |
| Creative FYI | ColorFYI · FontFYI · EmojiFYI · SymbolFYI · UnicodeFYI | colorfyi-embed … |
| Health FYI | AnatomyFYI · PillFYI · DrugFYI · NutriFYI | anatomyfyi-embed … |
| Science FYI | ChemFYI · AlloyFYI · GemFYI · StarFYI · MineralFYI | chemfyi-embed … |
| Transport FYI | AirportFYI · AirlineFYI · PlaneFYI · TrainFYI | airportfyi-embed … |
| Geo FYI | DistanceFYI · MountainFYI · QuakeFYI · ZipFYI | distancefyi-embed … |
Plus: Nature FYI · Beverage FYI · Tag FYI · Utility FYI · Guide FYI — fyipedia.com/developers