Add building visualizerson monad blog assets

blog/2025-06-24-building-visualizers-and-dashboards-on-monad.md

@@ -0,0 +1,170 @@
+---
+title: Building Visualizers and Dashboards on Monad
+sidebar_label: Building Visualizers and Dashboards on Monad
+slug: /how-to-build-visualizers-and-dashboards-on-monad-using-envio
+---
+
+<img src="/blog-assets/building-visualizers-and-dash-monad.png" alt="Cover Image Building Visualizers and Dashboards on Monad" width="100%"/>
+
+<!--truncate-->
+
+As part of Mission 4 from the [Monad Developers](https://discord.gg/monaddev) community, we challenged builders to create the most innovative real-time dashboards and visualizers on [Monad](https://www.monad.xyz/) using Envio. The results were exceptional. The developers delivered powerful tools that showcased not only creative visualizers and dashboards but also the power of Envio’s indexing stack.
+
+Monad’s rapid growth has created a strong need for scalable, real-time data infrastructure. Whether tracking protocol activity, analyzing transaction flows, or building live analytics dashboards, a high-performance indexer is critical.
+
+Envio is helping developers meet this demand with a robust suite of indexing tools that are purpose-built for high-throughput chains like Monad. These submissions highlight how Envio simplifies data indexing on Monad, enabling rich, real-time applications with speed, accuracy, and ease.
+
+Let’s dive into some of the submissions built during Mission 4.
+
+
+## Monad Super Visualizer
+
+By [@monadicoo](https://x.com/monadicoo)
+
+<img src="/blog-assets/monad-visualizer.gif" alt="monad visualizer" width="100%"/>
+
+This immersive dashboard allows users to explore live activity across the entire Monad chain. It provides deep visibility into data from specific protocols, contracts, or addresses. Envio powers two core functionalities: streaming live, chain-wide activity to the homepage, and offering a filtered data feed for targeted protocol analysis.
+
+Check it out [here](https://monadviewer.vercel.app/)
+
+
+## Monad Genki Dama
+
+By [@sifu_lam](https://x.com/sifu_lam)
+
+<img src="/blog-assets/monad-genki.gif" alt="monad genki" width="100%"/>
+
+A unique Dragon Ball Z-inspired visual experience that depicts each Monad testnet block as energy contributing to a Genki Dama. Monanimals generate power balls representing transaction types, visually charging the Monad mainnet. Envio’s HyperSync ensures real-time accuracy and high throughput with minimal latency.
+
+Check it out [here](https://monad-genki-dama.vercel.app/)
+
+
+## LendHub Stats Page
+
+By [@bossonormal1](https://x.com/bossonormal1)
+
+<img src="/blog-assets/lendhub.png" alt="lendhub" width="100%"/>
+
+LendHub’s dashboard presents real-time analytics for a peer-to-peer NFT lending protocol. It tracks metrics such as loans listed, funded, repaid, claimed, and withdrawn. Custom-built with Envio’s config.yaml, schema.graphql, and event handlers, this tool uses a GraphQL endpoint to update dynamically based on key smart contract events.
+
+Check it out [here](https://www.lendhub.xyz/stats)
+
+
+## Miris
+
+By [@velkan_gst](https://x.com/velkan_gst)
+
+<img src="/blog-assets/miris.gif" alt="miris" width="100%"/>
+
+
+Miris is a fully featured chain visualizer offering insights into blocks, transactions, and overall network health. Envio handles the indexing of core protocols like Wormhole and Apr Labs, and the Explorer page also uncovers activity from additional Monad projects. Built using Apollo Client and Next.js.
+
+Check it out [here](https://miris.vercel.app/)
+
+
+## Monad Frens
+
+By [@WagmiArc](https://x.com/WagmiArc)
+
+<img src="/blog-assets/monad-frens.gif" alt="monad frens" width="100%"/>
+
+
+Monad Frens delivers real-time and historical chain insights in a visually engaging format, including a pizza-themed chain status display. Envio’s HyperSync feeds accurate block and transaction data, while a custom API calculates cumulative transactions since Block 0. The dashboard filters transactions by timestamp, ensuring comprehensive tracking.
+
+Check it out [here](https://dashboard.monadfrens.fun/)
+
+
+## MonLake
+
+By [@YOUZYPOOR](https://x.com/YOUZYPOOR)
+
+<img src="/blog-assets/monlake.gif" alt="monlake" width="100%"/>
+
+An aquarium-themed visualization of the Monad testnet, where Monanimals represent blocks and treasure chests symbolize various transaction types. Failed transactions appear as jellyfish. Real-time metrics like gas price and transaction distribution are updated using Envio, which indexes all relevant data without stressing RPC endpoints.
+
+Check it out [here](https://monlake.vercel.app/)
+
+
+## Animonad
+
+By [@Samruddhi_Krnr](https://x.com/Samruddhi_Krnr)
+
+<img src="/blog-assets/animonad.gif" alt="animonad" width="100%"/>
+
+Animonad tracks live transactions per second across Monad-based dApps like Magma, PancakeSwap, and Narwhal Finance. Each transaction is categorized by address and function signature. Envio’s HyperSync facilitates rapid data retrieval to update the UI every second, powering dynamic graphs and protocol rankings.
+
+Check it out [here](https://animonad.vercel.app/)
+
+
+## NadMetrics
+
+By [@yomax75](https://x.com/yomax75)
+
+<img src="/blog-assets/nadmetrics.gif" alt="nadmetrics" width="100%"/>
+
+Built with React, TypeScript, Node.js, and WebSockets, NadMetrics is a robust analytics platform offering real-time and historical data for Monad. The dashboard is ideal for developers and analysts monitoring chain volume, transaction flow, and usage trends. Envio serves as the foundation for its high-speed data ingestion.
+
+Check it out [here](https://nadmetrics.com/live)
+
+
+## Monalytics
+
+By [@gabriell_santi](https://x.com/gabriell_santi)
+
+<img src="/blog-assets/monalytics.gif" alt="monalytics" width="100%"/>
+
+An interactive dashboard for real-time visualization of activity on the Monad testnet. It leverages Envio for continuous on-chain event streaming and HyperRPC for fast, low-latency data access. The platform delivers both a global view of the network, including metrics like TPS, gas usage, and block entropy, and protocol-specific panels for apps like MonTools, Castora, Ambient, and more.
+
+Check it out [here](https://analytics.montools.xyz/chain)
+
+
+## Monanimals Blast Mayhem
+
+By [@Pradeeppilot2k5](https://x.com/Pradeeppilot2k5) & [@vidit_0](https://x.com/vidit_0)
+
+<img src="/blog-assets/monanimals-blast.gif" alt="monanimals blast" width="100%"/>
+
+A gamified dashboard transforming real-time blockchain stats into interactive graphics. Monanimals symbolize block numbers, and animated graphs display key metrics such as gas usage, TPS, and block peers. Envio’s HyperRPC ensures seamless data delivery for a high-performance user experience.
+
+Check it out [here](https://monanimalblastmayhem.vercel.app/)
+
+
+## Index Monad Data Using Envio
+
+Envio offers a modular indexing solution for developers and analysts seeking to build scalable, real-time applications on Monad. Whether you’re building visual dashboards or analytics platforms, Envio’s indexing stack provides the essential building blocks to transform raw blockchain data into accessible, actionable insights. Here's how each component supports efficient and high-speed indexing on Monad:
+
+
+### HyperIndex
+
+A full-featured blockchain indexing framework that transforms on-chain events into structured, queryable databases with GraphQL APIs. It offers Monad developers a complete indexing solution with schema management and event handling, making data on Monad easily accessible and developer-friendly.
+
+[Learn more](https://docs.envio.dev/docs/HyperIndex/overview)
+
+
+### HyperSync 
+
+A high-performance data retrieval layer that gives developers unprecedented access to data on Monad. It directly replaces traditional RPC endpoints, delivering up to 10,000x faster data access. HyperSync enables rapid and cost-effective retrieval of both real-time and historical blockchain data and can be used directly for custom data pipelines and specialized applications.
+
+
+[Learn more](https://docs.envio.dev/docs/HyperSync/overview)
+
+
+### HyperRPC
+
+A local RPC proxy that supercharges blockchain data access by mapping standard RPC requests to HyperSync’s ultra-fast data engine. HyperRPC accepts typical RPC calls and translates them into HyperSync queries, dramatically reducing latency and eliminating the bottlenecks of traditional RPC endpoints. 
+
+[Learn more](https://docs.envio.dev/docs/HyperSync/overview-hyperrpc)
+
+Envio makes it easy to define events, build handlers, and deploy powerful indexers that power dashboards, data tools, analytics platforms, and more at scale.
+
+
+## Getting Support
+
+Data indexing can be challenging, especially for complex use cases. Our engineers are always ready to assist you with your data availability needs. Join our growing community of elite builders and experience peace of mind with Envio. Feel free to reach out to us on Discord or email us at hello@envio.dev.
+
+
+## About Envio
+
+[Envio](https://envio.dev/) is a modern, multi-chain EVM blockchain indexer designed for real-time and historical data access. If you’re building on Monad or any other EVM-compatible network, Envio is here to make your development process faster and more efficient. Explore our [documentation](https://docs.envio.dev/docs/HyperIndex/overview), join the community, and let’s connect about your data needs.
+
+[Website](https://envio.dev/) | [X](https://twitter.com/envio_indexer) | [Discord](https://discord.com/invite/gt7yEUZKeB) | [Telegram](https://t.me/+5mI61oZibEM5OGQ8) | [GitHub](https://github.com/enviodev) | [YouTube](https://www.youtube.com/channel/UCR7nZ2yzEtc5SZNM0dhrkhA) | [Reddit](https://www.reddit.com/user/Envio_indexer)