📊 Crypto Market Cap Dashboard

📖 How This Dashboard Works

Overview

This interactive dashboard displays cryptocurrency market cap data and correlation analysis for Bitcoin (BTC) and Ethereum (ETH). All data is fetched directly from the CoinGecko API and processed in your browser using JavaScript. This is a web-based sample of the main Python/Dash application.

Controls

Smoothing:

• No smoothing: Shows raw daily market cap data
• 7D SMA: 7-day Simple Moving Average - smooths out short-term volatility
• 14D EMA: 14-day Exponential Moving Average - gives more weight to recent data
• 30D SMA: 30-day Simple Moving Average - shows longer-term trends

View:

• Normalized (Linear): All coins start at 100, linear scale - best for comparing relative performance
• Normalized (Log): All coins start at 100, logarithmic scale - better for wide value ranges
• Market Cap (Log): Raw market cap values on logarithmic scale - shows actual dollar amounts

Correlation:

• Off: Disables correlation analysis
• Returns: Calculates correlation from daily percentage returns (price changes)

Correlation Analysis

When "Returns" mode is enabled, the dashboard calculates:

• Overall Correlation: How BTC and ETH move together across all days
• Positive Days: Correlation when BTC had positive returns (green markers on scatter plot)
• Negative Days: Correlation when BTC had negative returns (red markers on scatter plot)
• Beta: Measures how much ETH moves when BTC moves 1%. Example: beta=1.47 means if BTC goes up 10%, ETH typically goes up 14.7%

Chart Features

• Hover Tooltips: Hover over any point to see date, index/market cap, and price
• Interactive Zoom: Click and drag to zoom, double-click to reset
• Legend: Click legend items to show/hide coins
• Scatter Plot: Shows daily returns correlation with green (positive) and red (negative) markers

Data Updates

• Automatic Caching: Data is cached in your browser for 1 hour to reduce API calls
• Manual Refresh: Click "🔄 Refresh Data" to fetch fresh data from CoinGecko API
• Cache Indicator: Shows "(cached)" when using cached data

Market Cap Table

• Sortable: Click column headers to sort by Rank, Coin, Market Cap, Price, or 24h Change
• Color Coding: Green for positive 24h changes, red for negative
• Formatted Numbers: Large numbers shown as K (thousands), M (millions), B (billions), T (trillions)

Technical Details

• Data Source: CoinGecko Free API (public endpoint)
• Update Frequency: Data cached for 1 hour, manual refresh available
• Browser Storage: Uses localStorage for caching (no server required)
• Chart Library: Plotly.js for interactive visualizations
• Main Program: Full-featured Python/Dash application available at GitHub Repository

Tips

• Use "Normalized" view to compare relative performance regardless of market cap size
• Use smoothing to reduce noise and see trends more clearly
• Correlation analysis helps understand how closely two coins move together
• Green markers on scatter plot = days when BTC was up, Red = days when BTC was down