Market Indices

World Market Indices

The Market Indices page provides a comprehensive view of global stock market indices with real-time performance data, regional analytics, and interactive visualizations.


Dashboard Overview

The indices dashboard features:

  • Indigo/purple gradient header with analytics theming
  • Analytics summary cards showing totals and market sentiment
  • Top movers sections highlighting gainers and losers
  • Regional coverage with geographic distribution
  • Interactive tabbed interface for different views

Key Features

πŸ“Š Summary Analytics

MetricDescription
Total IndicesComplete count of all tracked indices
Major IndicesFlagship indices (S&P 500, Dow Jones, NASDAQ, etc.)
Market SentimentOverall market direction (bullish/bearish/neutral)
Average ChangeMean percentage change across all indices

πŸ“ˆ Top Movers

Top Gainers:

  • Indices with highest positive percentage changes
  • Ranked display with country information
  • Real-time performance tracking

Top Losers:

  • Indices with largest negative percentage changes
  • Quick identification of underperforming markets
  • Regional context for analysis

Regional Coverage

The dashboard tracks indices across major regions:

RegionCoverage
🌎 North AmericaS&P 500, Dow Jones, NASDAQ, TSX
🌍 EuropeFTSE 100, DAX, CAC 40, Euro Stoxx
🌏 AsiaNikkei 225, Hang Seng, Shanghai Composite
🌏 OceaniaASX 200, NZX 50
🌍 EmergingBovespa, SENSEX, JSE

Interactive Components

πŸ“‹ World Indices Grid

Comprehensive data grid featuring:

  • Real-time index values
  • Daily change (absolute and percentage)
  • Country and exchange information
  • Sortable and filterable columns
  • Export capabilities

πŸ—ΊοΈ Global Map

Geographic visualization showing:

  • Bubble markers for each index
  • Size proportional to market cap or performance
  • Color-coded by daily change
  • Interactive hover details
  • Regional zoom capabilities

πŸ“„ Asset Details

Detailed asset information including:

  • Full index specifications
  • Exchange and ticker symbols
  • Historical data access
  • Related indices

Major Indices Tracked

IndexCountryExchange
S&P 500USANYSE
Dow JonesUSANYSE
NASDAQ CompositeUSANASDAQ
FTSE 100UKLSE
DAXGermanyXETRA
CAC 40FranceEuronext
Nikkei 225JapanTSE
Hang SengHong KongHKEX
Shanghai CompositeChinaSSE
ASX 200AustraliaASX

Data Sources

  • Real-time Quotes: Live market data with regular updates
  • Historical Data: Historical price and volume information
  • Geographic Data: Country and regional classifications
  • Internal Database: Index metadata and relationships

Technical Implementation

Technology Stack

ComponentTechnology
FrontendAngular 18 with Infragistics UI
Data GridIgxGrid with real-time updates
MapInfragistics Geographic Map
StylingSCSS with indigo/purple theme

UI Components Used

  • IgxCardModule - Dashboard cards
  • IgxTabsModule - Tabbed navigation
  • IgxListModule - Top movers lists
  • IgxChipsModule - Regional badges
  • IgxIconModule - Material icons
  • Geographic Map - World visualization

Screenshot

Sravz-Index