The Borderless Benchmark widget displays fiat/stablecoin exchange rates for the last 30 days.
The chart renders:
- Average buy/sell prices (lines)
- Min/Max bands across Borderless providers
Please use the following URL when embedding the widget or using it in additional context:
https://widget.borderless.xyz/rates
Quick start
Embed the widget via an iframe:
<iframe
src="https://widget.borderless.xyz/rates"
allow="clipboard-write"
width="100%"
height="800"
style="border: 0;"
loading="lazy"
referrerpolicy="no-referrer"
></iframe>
Query parameters
You can control defaults and UI visibility with URL params.
Core Parameters
UI Elements
Chart Elements
The specified local fiat currency. (e.g. ARS, USD, BRL, EUR)
The stablecoin to display and compare against. (e.g. USDC, USDT)
centralMetric
median | average
default:"average"
The metric value visualized in the widget. (e.g. average or median)
orientation
forward | reversed
default:"forward"
The direction the rates data is visualized. (e.g. sorting)
Hides all other elements except the chart object.
hideControls
boolean
default:"chartOnly"
Hides the top control bar. (i.e. the fiat and stablecoin selectors)
Hides the title and subtitles.
hideContainer
boolean
default:"chartOnly"
Removes the outer padding and framing to fit tight embeds.
hideBackground
boolean
default:"chartOnly"
Remove the background. This can be useful for seamless embedding.
curve
catmullRom | linear | monotoneX | monotoneY | natural | step | stepBefore | stepAfter | bumpY | bumpX
default:"monotoneX"
This parameter defines the shape of the line on the chart, and how it curves to connect between points.
buyColor
any hex,rgb,or css color
default:"#00a76f"
The color of the buy rate line. Please use encodeURIComponent or replace # to %23 to work in URL.
sellColor
any hex,rgb,or css color
default:"#ff5730"
The color of the sell rate line. Please use encodeURIComponent or replace # to %23 to work in URL.
xLabel
string | null
default:"null"
X-axis label text. (e.g. “Date”)
yLabel
string | null
default:"null"
Y-axis label text. (e.g.)
Available additional parameters: centralMetric, base, and quote. (e.g. “centralMetric-(base/quote)” will be shown like “Average - USD/USDC”)
yLabelPosition
left | right
default:"right"
Position of Y Label on Chart.
Boolean syntax supported: ?hideHeader=true/1/yes/on or false/0/no/off.
Preselected fiat/asset
<iframe
src="https://widget.borderless.xyz/rates?fiat=USD&asset=USDC"
allow="clipboard-write"
width="100%"
height="800p"
style="border: 0;"
loading="lazy"
referrerpolicy="no-referrer"
></iframe>
Only Chart with preselected values
<iframe
src="https://widget.borderless.xyz/rates?fiat=USD&asset=USDC&chartOnly"
allow="clipboard-write"
width="100%"
height="600"
style="border: 0;"
loading="lazy"
referrerpolicy="no-referrer"
></iframe>
Recommendations
-
Sizing: Set width=“100%” and adjust height (600-1000px recommended).
-
Background: If you pass hideBackground, also set style=“background:transparent;” on the iframe to match the host page.
-
Accessibility: Provide a descriptive title on the iframe, e.g., title=“Exchange Rates (ARS/USDC)”.
If you have any questions, please don’t hesitate to reach out to us via email or slack.