> For the complete documentation index, see [llms.txt](https://symmdocs.gitbook.io/frontend-sdk-technical-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://symmdocs.gitbook.io/frontend-sdk-technical-docs/frontend-sdk/cloverfield-app/components/chart.md).

# Chart

Displays real-time price data for the chosen token pair, featuring an interactive interface for historical analysis and charting tool access.

The `Chart` component integrates trading view charts into your application, offering users real-time insights into market trends and asset performance. It's important to note that the data on the chart may not reflect the `markPrice` of the symbol.

**Overview:**

* **Component Purpose:** Displays a trading view chart for the currently active market, allowing users to analyze market data through a visual interface.
* **Dependencies:**
  * `useActiveMarket` from `@symmio/frontend-sdk/state/trade/hooks` to access the currently selected market.
  * `useDetectAdBlock` from `adblock-detect-react` to detect the presence of an ad blocker that might prevent the chart from loading.
  * `TVChart` component to render the TradingView chart.
  * `Image` from `next/legacy/image` for loading and displaying static images.<br>