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.

Access Forex Dashboard →

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 cards
IgxTabsModule - Tabbed navigation
IgxChipsModule - Category badges
IgxIconModule - Material icons
IgxTooltipModule - Hover information

Screenshot

Quotes Dashboard - Stock quotes and market data
ETF Analytics - Exchange-Traded Funds
Bond Analytics - Bond market data