Transaction Visualization

[bmgentile]

Problem

• Community members regularly go to https://dragonglass.me/ in order to screenshot / visualize transactions on the network and posting them across social media — but in a number of cases, those visualizations and metrics aren't accurate. • HashScan does a good job of expressing tokenomics related information on the homepage, but is limited to that data. • Etherscan + network explorers across other EVM chains always have some basic data visualization (Charts & Stats) wrt transaction throughput across various types and it's expected by users to see this information.

Solution

• Create a dedicated page on HashScan that offers visualizations of transactions
• Add an option in the top navigation for "Charts & Stats"
• Include everything that is listed on Etherscan for visualizing (https://etherscan.io/charts)
• Allow for users to "download" a CSV of the raw data that is visualized, for them to perform their own analysis.

This should include, since genesis:

• Market Data: HBAR Daily Price (USD) Chart, HBAR Market Capitalization Chart, Total Supply & Market Cap Pie (should include the information broken out from (https://hedera.com/treasury-management-report)
• Blockchain Data: Daily transactions chart (broken out by service — HCS, HTS, SC, Crypto, File), Unique Addresses Count Chart, Average Gas Price / Fees Chart, Daily Gas Used Chart, Daily Active Hedera Addresses Chart, Daily Active Fungible Token Collections Chart, Daily Active Non-Fungible Tokens Chart, Daily Active non-fungible token collections chart.
• Contracts Data: Hedera Daily Verified Contracts Chart (can only be included after we finish work on the daily verified contracts chart)

Alternatives

Alternatively, we can do this via Metrika and link out from HashScan to Metrica.

[bmgentile]

Hey @SimiHunjan got hit up by Elaine from THF citing this as a common occurrence for them and folks in the ecosystem; was curious if/how we could push to prioritize this feature?

We're contracted with Patches/Splash of Hgraph.io (paying quarterly) under the umbrella of "data science" for some on-chain ecosystem marketing dashboards, if resources are thin and it's possible, we could have them support development of this.

Let me know your thoughts!

[SimiHunjan]

hey @bmgentile !

We can review this issue as part of our backlog grooming session for q4 items we can tackle. We have the following items as priority to deliver in q3 https://github.com/hashgraph/hedera-mirror-node-explorer/issues?q=is%3Aopen+is%3Aissue+label%3AP1.

This is an open source project so external contributions are always welcome.

Some features may depend on mirror node providing the data that is needed to create the visualizations.

The next steps would be to:

(1) Design the feature. This would include UI/UX, what mirror node rest APIs would be used to create the visualization, etc (2) Review the proposed design (3) Address feedback from the review (4) Implement the feature (5) Release to staging (6) Review the feature in staging (7) Release the feature to production

[elaine-thf]

To reiterate, in addition to the dashboarding and visualization outlined above, a pretty common use case is the ability to search HashScan via ticker. So, if I search USDC, I should be presented with https://hashscan.io/mainnet/token/0.0.456858

[bmgentile]

Thanks so much, Simi; the current timeline sounds great for Q3 to understand prioritization and appreciate the details on how that process works!

Fwiw, I have communicated this to Patches/Splash of HGraph.io and we have an ongoing engagement with them — they have agreed they could support us on the development side when the time comes if we are resource constrained.

My gut says they need to utilize the raw mirror node data (vs hgraph.io) for this — mostly because we want an open source functionality as part of the explorer to create visualizations of this data and not be reliant on a paid external tool.

[bmgentile]

Hey @SimiHunjan was curious if this is still prioritized for Q4?

cc/ @Reccetech @elaine-thf who had a recent discussion in Slack wrt this functionality.

[SimiHunjan]

Hi @bmgentile ! No we have not scoped this issue and are still working on features needed for smart contracts.

[SimiHunjan]

We need mirror node to provide the ability to get time series data to create these kinds of visualizations on the explorer. This would likely result in a specific API to provide.

Things like evolution of hbar price we can use other available services to get that data.

[SimiHunjan]

PRD required

[SimiHunjan]

Check for charting component that can be used in open source projects

• AM Chart
• Highchart

[SimiHunjan]

Spoke to the Hedera mirror node team and they can support most if not all of the queries we are looking for.

Follow-up conversations with other mirror node providers to see if we can get APIs sooner and later when the Hedera mirror node has the support we can update to use those APIs.

[SimiHunjan]

Need to submit HIP for the APIs we need from the mirror node team.