Initialization & Configuration
The Pulse Deck SDK enables zero-config declarative embedding into your frontend application using simple HTML data attributes. Bind interactions natively to your market components without writing boilerplate JavaScript.
Include the Pulse Deck SDK script at the end of your document body and configure it globally using your publishable API key.
<script src="https://cdn.pulsedeck.com/sdk/v1/pulse-deck-sdk.js"></script>
<script>
PulseDeck.configure({
publishableKey: 'pk_live_YOUR_PUBLISHABLE_KEY'
});
</script>
Inline Embedded Graphs
data-pdkg-market-embed="[market_id]"
Defines the container scope for an inline embedded knowledge graph. Attach this to the wrapper div of a market card.
<div data-pdkg-market-embed="pd-mkt-3022" class="market-card">
<!-- Market Content -->
</div>
data-pdkg-btn-embed="[market_id]"
Declares the specific trigger element (such as a generic span or button) within the market container that activates the inline embedded pulse graph.
<span data-pdkg-btn-embed="pd-mkt-3022"></span>
Pop-up Modal Graphs
data-pdkg-market-pop="[market_id]"
Defines a market container that will launch a full-screen pop-up modal view of the knowledge graph. Ideal for compact grid layouts or tight mobile lists.
<div data-pdkg-market-pop="33345" class="grid-card">
<!-- Card Content -->
</div>
data-pdkg-btn-pop="[market_id]"
Initializes the explicit trigger element for the modal pop-up graph experience.
<span data-pdkg-btn-pop="33345"></span>