{"id":313692,"date":"2026-05-24T15:12:48","date_gmt":"2026-05-24T15:12:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/react-realtime-performance-dashboard\/"},"modified":"2026-05-24T15:12:12","modified_gmt":"2026-05-24T15:12:12","slug":"upesh-live-data-dashboard-block","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/upesh-live-data-dashboard-block\/","author":15057673,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"6.2","requires_php":"7.4","requires_plugins":null,"header_name":"UV Realtime Crypto Dashboard","header_author":"Upesh Vishwakarma","header_description":"A high-performance, real-time cryptocurrency data visualization block bridging WordPress and WebSockets.","assets_banners_color":"47586b","last_updated":"2026-05-24 15:12:12","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/upeshv\/uv-realtime-crypto-dashboard\/","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":0,"downloads":23,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"vishwaupesh","date":"2026-05-24 15:12:12"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3546367,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3546367,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3546367,"resolution":"1544x500","location":"assets","locale":"","width":1582,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3546367,"resolution":"772x250","location":"assets","locale":"","width":791,"height":250}},"assets_blueprints":{},"all_blocks":{"vishwaupesh\/uv-realtime-crypto-dashboard":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"vishwaupesh\/uv-realtime-crypto-dashboard","version":"1.0.0","title":"UV Realtime Crypto Dashboard","category":"widgets","icon":"chart-line","description":"A high-performance, real-time cryptocurrency data visualization block bridging WordPress and WebSockets.","attributes":{"dataStreamUrl":{"type":"string","default":"wss:\/\/stream.binance.com:9443\/ws\/btcusdt@trade"},"chartTitle":{"type":"string","default":"Live Crypto Market"},"refreshRateMs":{"type":"number","default":1000}},"supports":{"html":false,"align":["wide","full"],"customClassName":true},"textdomain":"uv-realtime-crypto-dashboard","editorScript":"file:.\/index.js","style":"file:.\/style-index.css","render":"file:.\/render.php","viewScript":"file:.\/view.js"}},"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3546367,"resolution":"1","location":"assets","locale":"","width":1486,"height":753},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3546367,"resolution":"2","location":"assets","locale":"","width":282,"height":736},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3546367,"resolution":"3","location":"assets","locale":"","width":752,"height":696},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3546367,"resolution":"4","location":"assets","locale":"","width":274,"height":159},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3546367,"resolution":"5","location":"assets","locale":"","width":1482,"height":750},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3546367,"resolution":"6","location":"assets","locale":"","width":639,"height":278}},"screenshots":{"1":"The live dashboard view rendering Bitcoin (BTC\/USDT) real-time data on the frontend.","2":"The WordPress editor view showing the custom URL input field and 'Connect Stream' validation.","3":"Block settings sidebar showing the refresh rate and performance throttling options.","4":"Example of a custom WebSocket stream (BNB\/USDT) rendering on the chart."}},"plugin_section":[],"plugin_tags":[1886,4121,21057,434,46380],"plugin_category":[45],"plugin_contributors":[147300],"plugin_business_model":[],"class_list":["post-313692","plugin","type-plugin","status-publish","hentry","plugin_tags-bitcoin","plugin_tags-blocks","plugin_tags-crypto","plugin_tags-dashboard","plugin_tags-websockets","plugin_category-ecommerce","plugin_contributors-vishwaupesh","plugin_committers-vishwaupesh"],"banners":{"banner":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/banner-772x250.png?rev=3546367","banner_2x":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/banner-1544x500.png?rev=3546367","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/icon-128x128.png?rev=3546367","icon_2x":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/icon-256x256.png?rev=3546367","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-1.png?rev=3546367","caption":"The live dashboard view rendering Bitcoin (BTC\/USDT) real-time data on the frontend."},{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-2.png?rev=3546367","caption":"The WordPress editor view showing the custom URL input field and 'Connect Stream' validation."},{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-3.png?rev=3546367","caption":"Block settings sidebar showing the refresh rate and performance throttling options."},{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-4.png?rev=3546367","caption":"Example of a custom WebSocket stream (BNB\/USDT) rendering on the chart."},{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-5.png?rev=3546367","caption":""},{"src":"https:\/\/ps.w.org\/upesh-live-data-dashboard-block\/assets\/screenshot-6.png?rev=3546367","caption":""}],"raw_content":"<!--section=description-->\n<p>The <strong>UV Realtime Crypto Dashboard<\/strong> is the easiest way to embed live, self-updating cryptocurrency charts directly into your WordPress posts and pages.<\/p>\n\n<p>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 <em>any<\/em> additional load on your WordPress server.<\/p>\n\n<h4>Why use UV Realtime Crypto Dashboard?<\/h4>\n\n<ul>\n<li><strong>Zero Server Load:<\/strong> Your web server does zero work. The visitor's browser securely handles the live stream, keeping your website lightning fast.<\/li>\n<li><strong>Free Live Data (No API Keys!):<\/strong> By default, the block connects to the public Binance WebSocket API. It is 100% free and requires no authentication.<\/li>\n<li><strong>Auto-Healing Hooks:<\/strong> 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.<\/li>\n<li><strong>No-Conflict Architecture:<\/strong> Works alongside any theme or plugin. It doesn't use the WordPress database for price storage, ensuring zero database bloat.<\/li>\n<li><strong>Mobile Optimized &amp; Smart Throttling:<\/strong> Built-in performance throttling saves battery life and CPU power for users viewing your charts on mobile devices.<\/li>\n<li><strong>Accessible (WCAG 2.2):<\/strong> Fully compatible with screen readers (using ARIA Live Regions) and respects \"reduced motion\" settings for visually sensitive users.<\/li>\n<li><strong>Highly Customizable:<\/strong> Easily change the chart title, adjust the refresh rate, or input any custom public <code>wss:\/\/<\/code> data stream URL directly within the WordPress editor.<\/li>\n<\/ul>\n\n<h3>For Developers<\/h3>\n\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<p><strong>PHP Filters (Server-Side Defaults)<\/strong><\/p>\n\n<pre><code>add_filter( 'uv_realtime_crypto_dashboard_default_stream', function() { return 'wss:\/\/stream.binance.com:9443\/ws\/ethusdt@trade'; } );\n<\/code><\/pre>\n\n<p>Overrides the global fallback WebSocket data stream output on the frontend.<\/p>\n\n<pre><code>add_filter( 'uv_realtime_crypto_dashboard_default_refresh', function() { return 3000; } );\n<\/code><\/pre>\n\n<p>Overrides the global fallback refresh rate in milliseconds.<\/p>\n\n<p><strong>JavaScript Filters (Editor UI Extensibility)<\/strong><\/p>\n\n<p>You can easily extend the block's sidebar dropdowns by hooking into the React rendering cycle using <code>@wordpress\/hooks<\/code> in your theme's admin JavaScript.<\/p>\n\n<pre><code>wp.hooks.addFilter( 'uvRealtimeCryptoDashboard.streamOptions', 'my-theme', function( options ) {\n    return [\n        ...options,\n        { label: 'Solana (SOL\/USDT)', value: 'wss:\/\/stream.binance.com:9443\/ws\/solusdt@trade' },\n        { label: 'Cardano (ADA\/USDT)', value: 'wss:\/\/stream.binance.com:9443\/ws\/adausdt@trade' }\n    ];\n} );\n<\/code><\/pre>\n\n<p>Appends new cryptocurrency pairs to the \"Select Live Market\" dropdown inside the block settings sidebar.<\/p>\n\n<pre><code>wp.hooks.addFilter( 'uvRealtimeCryptoDashboard.refreshRateOptions', 'my-theme', function( options ) {\n    return [\n        ...options,\n        { label: 'Ultra Slow (5000ms)', value: 5000 }\n    ];\n} );\n<\/code><\/pre>\n\n<p>Appends custom millisecond options to the \"Chart Refresh Rate\" dropdown.<\/p>\n\n<h3>External Services<\/h3>\n\n<p>This plugin connects to a third-party service to fetch real-time market data.<\/p>\n\n<h4>Binance WebSocket API (stream.binance.com)<\/h4>\n\n<ul>\n<li><strong>What it is and what it's used for:<\/strong> A public, high-frequency data stream used for tracking real-time cryptocurrency price.<\/li>\n<li><strong>When the connection occurs:<\/strong> A secure WebSocket is opened only when a visitor views a page where the block is actively displayed.<\/li>\n<li><strong>What data is exchanged:<\/strong> No user data, IP addresses, or site credentials are ever transmitted. The connection is strictly <strong>read-only<\/strong>.<\/li>\n<li><strong>Terms &amp; Privacy:<\/strong> This service is provided by Binance. No API key or account registration is required to access this public data stream.<\/li>\n<\/ul>\n\n<h3>Privacy<\/h3>\n\n<p><strong>UV Realtime Crypto Dashboard<\/strong> is designed with a \"Privacy First\" architecture.<\/p>\n\n<ul>\n<li><strong>No Telemetry:<\/strong> We do not track usage, site URLs, or admin activity.<\/li>\n<li><strong>No Cookies:<\/strong> This plugin does not set any cookies for visitors or admins.<\/li>\n<li><strong>Zero Server-Side Logging:<\/strong> Because the WebSocket connection happens in the user's browser, your WordPress server never sees or logs the data traffic.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Log into your WordPress admin dashboard.<\/li>\n<li>Navigate to <strong>Plugins &gt; Add New Plugin<\/strong>.<\/li>\n<li>Search for \"UV Realtime Crypto Dashboard\".<\/li>\n<li>Click <strong>Install Now<\/strong>, then click <strong>Activate<\/strong>.<\/li>\n<li>Open any page or post in the WordPress editor, type <code>\/crypto<\/code>, and add the \"Realtime Crypto Dashboard\" block!<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"will%20this%20slow%20down%20my%20wordpress%20website%3F\"><h3>Will this slow down my WordPress website?<\/h3><\/dt>\n<dd><p>Not at all. The block uses client-side WebSockets. Your server only delivers the initial script, and the user's browser handles the live stream directly. It has zero impact on your Core Web Vitals or server CPU.<\/p><\/dd>\n<dt id=\"do%20i%20need%20to%20create%20an%20account%20or%20get%20an%20api%20key%3F\"><h3>Do I need to create an account or get an API key?<\/h3><\/dt>\n<dd><p>No! The default stream uses a public, free endpoint. You can install the plugin and show live Bitcoin prices in seconds without signing up for anything.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20custom%20websocket%20data%20stream%3F\"><h3>Can I use my own custom WebSocket data stream?<\/h3><\/dt>\n<dd><p>Absolutely. You can paste any public <code>wss:\/\/<\/code> endpoint into the block settings. Just ensure your custom endpoint returns JSON with <code>p<\/code> (price) and <code>T<\/code> (timestamp) keys to render correctly on the chart.<\/p><\/dd>\n<dt id=\"is%20it%20secure%3F\"><h3>Is it secure?<\/h3><\/dt>\n<dd><p>Yes. The data connection is 100% read-only. No user data, site credentials, or sensitive headers are ever transmitted.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li><strong>Initial Release:<\/strong> High-performance crypto visualization block.<\/li>\n<li><strong>Live WebSocket Integration:<\/strong> Direct, zero-server-load connection to Binance market data.<\/li>\n<li><strong>Gutenberg Native:<\/strong> Built specifically for the Block Editor with full Inspector Controls support.<\/li>\n<li><strong>Developer Extensibility:<\/strong> Includes 4 distinct filters (2 PHP, 2 JS) for overriding default streams, refresh rates, and extending UI dropdown options.<\/li>\n<li><strong>Performance Engineering:<\/strong> Features automatic network drop detection, \"zombie\" connection killing, and CPU-friendly repaint throttling.<\/li>\n<li><strong>Reliability:<\/strong> Built-in auto-healing hooks to restore connections after system sleep or network changes.<\/li>\n<li><strong>Accessibility Ready:<\/strong> WCAG 2.2 compliant with ARIA Live Regions for real-time price updates and screen-reader support.<\/li>\n<li><strong>Modern UI:<\/strong> Variable-driven SCSS architecture with status indicators and CSS-based pulse animations.<\/li>\n<li><strong>Translation Ready:<\/strong> Fully internationalized with a shipped <code>.pot<\/code> template.<\/li>\n<\/ul>","raw_excerpt":"Display live cryptocurrency market data directly on your WordPress site with this ultra-fast, zero-server-load Gutenberg block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/313692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=313692"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/vishwaupesh"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=313692"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=313692"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=313692"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=313692"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=313692"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=313692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}