UV Realtime Crypto Dashboard

Description

The UV Realtime Crypto Dashboard is the easiest way to embed live, self-updating cryptocurrency charts directly into your WordPress posts and pages.

Perfect for crypto bloggers, financial news sites, and trading portfolios, this block connects directly to live market data streams. Because it establishes a direct WebSocket connection on the visitor’s browser, you get millisecond-accurate data updates without putting any additional load on your WordPress server.

Why use UV Realtime Crypto Dashboard?

• Zero Server Load: Your web server does zero work. The visitor’s browser securely handles the live stream, keeping your website lightning fast.
• Free Live Data (No API Keys!): By default, the block connects to the public Binance WebSocket API. It is 100% free and requires no authentication.
• Auto-Healing Hooks: Built-in logic to detect when a user’s computer wakes from sleep or changes Wi-Fi, automatically reconnecting the stream without a page refresh.
• No-Conflict Architecture: Works alongside any theme or plugin. It doesn’t use the WordPress database for price storage, ensuring zero database bloat.
• Mobile Optimized & Smart Throttling: Built-in performance throttling saves battery life and CPU power for users viewing your charts on mobile devices.
• Accessible (WCAG 2.2): Fully compatible with screen readers (using ARIA Live Regions) and respects “reduced motion” settings for visually sensitive users.
• Highly Customizable: Easily change the chart title, adjust the refresh rate, or input any custom public wss:// data stream URL directly within the WordPress editor.

For Developers

Engineered for high-traffic environments, this plugin uses React and Recharts with strict memory management. It features automatic network drop detection, “zombie” connection killing, and auto-healing capabilities to ensure a flawless 60fps UI experience, even with high-frequency data.

This plugin is built with extensibility in mind. It exposes both PHP hooks for server-side defaults and JavaScript hooks so theme developers can extend the Gutenberg block’s UI controls.

PHP Filters (Server-Side Defaults)

add_filter( 'uv_realtime_crypto_dashboard_default_stream', function() { return 'wss://stream.binance.com:9443/ws/ethusdt@trade'; } );

Overrides the global fallback WebSocket data stream output on the frontend.

add_filter( 'uv_realtime_crypto_dashboard_default_refresh', function() { return 3000; } );

Overrides the global fallback refresh rate in milliseconds.

JavaScript Filters (Editor UI Extensibility)

You can easily extend the block’s sidebar dropdowns by hooking into the React rendering cycle using @wordpress/hooks in your theme’s admin JavaScript.

wp.hooks.addFilter( 'uvRealtimeCryptoDashboard.streamOptions', 'my-theme', function( options ) {
    return [
        ...options,
        { label: 'Solana (SOL/USDT)', value: 'wss://stream.binance.com:9443/ws/solusdt@trade' },
        { label: 'Cardano (ADA/USDT)', value: 'wss://stream.binance.com:9443/ws/adausdt@trade' }
    ];
} );

Appends new cryptocurrency pairs to the “Select Live Market” dropdown inside the block settings sidebar.

wp.hooks.addFilter( 'uvRealtimeCryptoDashboard.refreshRateOptions', 'my-theme', function( options ) {
    return [
        ...options,
        { label: 'Ultra Slow (5000ms)', value: 5000 }
    ];
} );

Appends custom millisecond options to the “Chart Refresh Rate” dropdown.

External Services

This plugin connects to a third-party service to fetch real-time market data.

Binance WebSocket API (stream.binance.com)

• What it is and what it’s used for: A public, high-frequency data stream used for tracking real-time cryptocurrency price.
• When the connection occurs: A secure WebSocket is opened only when a visitor views a page where the block is actively displayed.
• What data is exchanged: No user data, IP addresses, or site credentials are ever transmitted. The connection is strictly read-only.
• Terms & Privacy: This service is provided by Binance. No API key or account registration is required to access this public data stream.

Privacy

UV Realtime Crypto Dashboard is designed with a “Privacy First” architecture.

• No Telemetry: We do not track usage, site URLs, or admin activity.
• No Cookies: This plugin does not set any cookies for visitors or admins.
• Zero Server-Side Logging: Because the WebSocket connection happens in the user’s browser, your WordPress server never sees or logs the data traffic.