Market Overview Widget
A chart and a watchlist in one block. Pick the symbols that matter to your readers — an index, a currency pair, a stock, a coin — and they appear as a list under the chart. Click any one and the chart becomes that symbol. Range buttons run from a single day to five years. Free to embed on any investing, news, or finance site.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
The symbols listed under the chart. The first one is charted when the widget loads. Drag to reorder. Max 10 symbols.
Which range buttons appear above the list. Drag to reorder.
Which range the chart opens on. Must be one of the ranges above.
Turn off to show only the symbol list, without the chart above it.
Height of the chart area in pixels.
The 1D / 1M / 1Y buttons above the list. Turn off to lock the chart to the starting range.
The symbol logo at the start of each row.
The short symbol on each row, e.g. SPX or BTCUSD.
The full name under each symbol, e.g. "S&P 500 Index" under SPX.
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.
One Chart, Many Markets
Most price charts show one instrument. This one shows whichever the reader asks for: the list under the chart is the control. That makes it useful where a page covers a whole market rather than a single company — a morning report, a macro page, a broker's landing page.
Mixed Lists Are Fine
The S&P 500, EUR/USD, Bitcoin and a single stock can sit in the same list. Each row shows the current price, the change in points and the change in percent, coloured green or red. The logo and full name can be turned off if the list needs to stay compact.
Time Ranges
Choose which range buttons appear — one day, one week, one month, three months, six months, year to date, one year, five years — and which one the chart opens on. Shorter ranges use hourly candles and longer ones daily or weekly, so the line stays readable at every range.
Part of a Full Picture
This widget answers how has it moved. Others answer neighbouring questions: the world market summary shows which markets are moving today, the stock heatmap breaks one market down company by company, and the ticker tape keeps prices scrolling across the page.
Key Features
- Click to chart — any symbol in the list.
- Eight time ranges — one day to five years, pick which appear.
- Any market — stocks, indices, forex and crypto together.
- Adjustable chart height — or no chart at all, just the list.
- Light and dark — follows the host page theme.
- Responsive — adapts to the width it is given, not the window.
Who Uses a Market Overview?
News sites put it beside market commentary so a reader can check the move being described. Brokerages use it on landing pages to show the range of instruments they offer. Newsletter and research publishers embed it with their own watchlist, so the page reflects what they actually cover.