Mini Chart Widget — Compact Price Chart
Sometimes you want a chart, but not a big one. The mini chart is a compact block: the symbol's logo and name, its live price and today's change on top, and a clean price trend underneath — small enough for a sidebar, a card, or beside a paragraph, yet still live. It is the lightweight cousin of the Vunelix symbol overview: same live feed, less space. Embed it on any investing, news or finance site — no signup, no API key.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
The asset shown in the mini chart.
How much history the sparkline shows.
Height of the sparkline area in pixels.
The asset logo at the start of the header.
The percent change next to the price.
The short symbol in the header, e.g. EURUSD.
The full name, e.g. "Euro / US Dollar". Shows small under the symbol.
How live price changes are highlighted when prices update in real time.
How long the color highlight stays visible after a price change (e.g. 1500 = 1.5 seconds).
Auto matches your site's language — when visitors switch it, the widget follows. Pick a language to keep it fixed.
Auto matches your site's dark/light mode — when visitors switch your site theme, the widget follows automatically. Choose Light or Dark to keep it fixed.
Remove the widget background color so it blends with your page.
If you have your own loading spinner or skeleton on the page, enter its ID or class here (e.g. #my-loader). The widget will remove it once data is ready.
Add your own CSS code to change fonts, colors, spacing, or any other styling in the widget.
Color for positive values (gains, up arrows).
Color for negative values (losses, down arrows).
Main background color of the widget.
Background color for cards, rows, and hover states.
Primary text color for headings and values.
Color for labels, descriptions, and muted text.
Color for borders, dividers, and outlines.
A Chart That Fits Anywhere
The mini chart is built for tight spaces. Drop it in a sidebar next to an article, inside a card on a dashboard, or between paragraphs to show the asset you are writing about — it takes the width it is given and stays readable at small sizes. The trend line has a soft gradient fill so the direction reads at a glance, even in a strip only a couple of hundred pixels tall.
Price and Trend in One Glance
A number alone says "how much"; the mini chart adds "which way". Above the chart sit the symbol's name, its current price and today's change — green when up, red when down. Below, the recent price history draws the move that got it there. The quote keeps updating over WebSocket while the reader is on the page, so it never goes stale.
Any Market, Any Symbol
Point it at a crypto pair, a stock, an index, a forex pair or a commodity — the mini chart works the same for all of them, pulling the logo and name automatically from the symbol. Set the timeframe so the chart shows the window that matters for your context, from an intraday move to a full year.
Key Features
- Compact by design — a full chart in the space of a card or sidebar.
- Live quote — price and change update over WebSocket, no refresh.
- Gradient trend line — direction obvious even at small sizes.
- Any asset — crypto, stocks, indices, forex, commodities.
- Adjustable timeframe — from intraday to one year.
- Light and dark themes — follows the host page automatically.
- Responsive — adapts to the width it is given, not the window.
- Free to embed — no signup, no API key, no monthly fees.
Mini Chart or Symbol Overview?
Both show a symbol with a live price and a chart — the difference is size and detail. The mini chart is small and quiet, right for a sidebar or an inline mention. The symbol overview is larger, with line/candlestick switching and full OHLC on hover, right when a single symbol is the main event. For a bare one-line quote with no chart, use the single ticker; for a full trading chart, the advanced chart.
Who Uses This Widget?
News and finance sites put it in the sidebar next to related coverage. Crypto projects drop it into cards on a landing page. Bloggers embed it beside a paragraph to show the asset they just mentioned, without handing over a whole section to a big chart.