Forex Assets
The Forex Assets page provides a comprehensive view of foreign exchange currency pairs with real-time market data, interactive charts, and currency conversion tools.
Dashboard Overview
The forex dashboard features:
- Amber/Gold gradient header with currency exchange theming
- Analytics summary cards showing pair counts and categories
- Currency reference guide with flags and names
- Interactive tabbed interface for different views
Key Features
📊 Summary Analytics
| Metric | Description |
|---|---|
| Total Pairs | Complete count of all currency pairs |
| Major Pairs | High-liquidity pairs (EUR/USD, GBP/USD, USD/JPY, etc.) |
| Minor Pairs | Cross-currency pairs without USD |
| Top Currencies | Most traded currencies with flag indicators |
🌍 Currency Categories
Major Pairs:
- EUR/USD, GBP/USD, USD/JPY, USD/CHF
- USD/CAD, AUD/USD, NZD/USD
Minor Pairs (Crosses):
- EUR/GBP, EUR/JPY, GBP/JPY
- EUR/CHF, EUR/AUD, EUR/CAD
Exotic Pairs:
- USD/SGD, USD/HKD, EUR/TRY
- USD/MXN, USD/ZAR
Interactive Components
📈 TradingView Cross Rates
Real-time currency cross rates widget featuring:
- Live bid/ask prices
- Daily change percentages
- Comprehensive currency matrix
- Auto-updating data stream
🔥 Forex Heatmap
Visual representation of currency strength:
- Color-coded performance indicators
- Quick overview of market momentum
- Relative strength comparison
- Multi-timeframe analysis
💱 Currency Converter
Built-in currency conversion tool:
- Real-time exchange rates
- Instant conversion calculations
- Support for all major currencies
- Simple, intuitive interface
Currency Reference
The dashboard includes a reference panel showing:
| Currency | Code | Name |
|---|---|---|
| 🇺🇸 | USD | US Dollar |
| 🇪🇺 | EUR | Euro |
| 🇬🇧 | GBP | British Pound |
| 🇯🇵 | JPY | Japanese Yen |
| 🇨🇭 | CHF | Swiss Franc |
| 🇦🇺 | AUD | Australian Dollar |
| 🇨🇦 | CAD | Canadian Dollar |
| 🇳🇿 | NZD | New Zealand Dollar |
| 🇨🇳 | CNY | Chinese Yuan |
| 🇮🇳 | INR | Indian Rupee |
Data Sources
- TradingView: Real-time forex quotes, cross rates, and heatmaps
- X-Rates: Currency conversion calculations
- Internal Database: Currency pair metadata and categorization
Technical Implementation
Technology Stack
| Component | Technology |
|---|---|
| Frontend | Angular 18 with Infragistics UI |
| Charts | TradingView embedded widgets |
| Converter | X-Rates iframe integration |
| Styling | SCSS with amber/gold theme |
UI Components Used
IgxCardModule- Dashboard cardsIgxTabsModule- Tabbed navigationIgxChipsModule- Category badgesIgxIconModule- Material iconsIgxTooltipModule- Hover information
Screenshot
Related Pages
- Quotes Dashboard - Stock quotes and market data
- ETF Analytics - Exchange-Traded Funds
- Bond Analytics - Bond market data

