This Quick Bite is a test to see how different types of blocks work. It's a work in progress and will be updated as we add more features to the platform.
ETH/USD Switch (Quick Bites)
By default, the global ETH/USD switch is disabled on all /quick-bites pages, it has been enabled for this quick bite.
To enable it for a specific quick bite, set ethUsdSwitchEnabled: true in that quick bite config.
Toggleable Chart Group
This example bundles multiple chart configurations into a single block with a toggle so readers can explore different views.
Scatter Charts: How to Use
Use scatter charts when each chain should be represented by a single marker (x metric vs y metric).
- Top 10 chains: set top10ByMetric on the chart block. The renderer ranks chains by that metric and keeps only the top 10 visible series.
- Trendline: enable with scatterTrendline: { enabled: true, label: "Trendline" }. This adds a dashed trendline with an Avg ratio label.
- Legend controls: click chain pills to hide/show individual chains. Click the trendline pill to toggle the trendline on or off.
- Ratio formatting: ratio values inherit the y-series unit formatting (for example $ or gas/s) in tooltip and trendline label.
- Single-chain behavior: if only one chain remains active, the trendline still renders.
- Label visibility: when a trendline is active, the chart preserves right-side x-axis buffer and hides the trailing max tick label/gridline so the avg-ratio marker remains readable.
Dropdown Examples
With hardcoded options:
With options loaded from JSON:
Live Metrics Block
{"content":"Comparison of Layer 2 networks by key metrics","readFromJSON":true,"filterOnStateKey":{"stateKey":"ticker","columnKey":"ticker"},"columnDefinitions":{"contractaddress":{"label":"Contract Address","type":"address","minWidth":160,"isNumeric":false,"sortByValue":false,"addurl":"https://arbiscan.io/address/${cellValue}"},"ticker":{"label":"Ticker","type":"string","minWidth":80,"maxWidth":120,"isNumeric":false,"sortByValue":true},"name":{"label":"Name","type":"string","minWidth":120,"isNumeric":false,"sortByValue":true},"usdoutstanding":{"label":"USD Outstanding","type":"number","minWidth":150,"isNumeric":true,"sortByValue":true,"units":{"usd":{"decimals":2,"prefix":"$"}}},"stockstokenized":{"label":"Stocks Tokenized","type":"number","minWidth":150,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}},"usdstockprice":{"label":"USD Stock Price","type":"number","minWidth":150,"isNumeric":true,"sortByValue":true,"units":{"usd":{"decimals":2,"prefix":"$"}}}},"jsonData":{"url":"https://api.growthepie.com/v1/quick-bites/robinhood/stocktable.json","pathToRowData":"data.stocks.rows","pathToColumnKeys":"data.stocks.columns"}}
{"readFromJSON":true,"content":"Top agents by EIP-8004 activity — with responsive card view.","jsonData":{"url":"https://api.growthepie.com/v1/quick-bites/eip8004/topagents.json","pathToRowData":"data.topagents.rows","pathToColumnKeys":"data.topagents.columns"},"columnDefinitions":{"image":{"label":"","type":"image","minWidth":26,"isNumeric":false,"sortByValue":false},"agent":{"label":"Agent","type":"string","sourceKey":"name","expand":true,"minWidth":150,"maxWidth":200,"isNumeric":false,"sortByValue":true},"originkey":{"label":"Origin Chain","type":"chain","minWidth":200,"isNumeric":false,"sortByValue":true,"showLabel":true},"endpoints":{"label":"Endpoints","type":"badges","minWidth":140,"maxVisibleBadges":4,"isNumeric":false,"sortByValue":false,"badgeSources":[{"sourceKey":"servicewebendpoint","label":"Web","color":"#4A90D9"},{"sourceKey":"servicemcpendpoint","label":"MCP","color":"#10B981"},{"sourceKey":"servicea2aendpoint","label":"A2A","color":"#F59E0B"},{"sourceKey":"serviceoasfendpoint","label":"OASF","color":"#8B5CF6"},{"sourceKey":"serviceensendpoint","label":"ENS","color":"#EC4899"},{"sourceKey":"servicedidendpoint","label":"DID","color":"#14B8A6"},{"sourceKey":"serviceemailendpoint","label":"Email","color":"#F97316"}]},"events":{"label":"Events","type":"number","sourceKey":"feedbackcountall","minWidth":80,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}}},"columnOrder":["image","agent","originkey","endpoints","events"],"columnSortBy":"value","cardView":{"titleColumn":"agent","imageColumn":"image","sections":[{"columns":["events"],"labelPosition":"bottom"},{"columns":["originkey"],"labelPosition":"right","layout":"start"},{"columns":["endpoints"],"labelPosition":"hidden"}],"autoRowHeight":true}}
{"readFromJSON":true,"content":"Agent breakdown by chain — all rows visible.","scrollable":false,"jsonData":{"url":"https://api.growthepie.com/v1/quick-bites/eip8004/originbreakdown.json","pathToRowData":"data.originbreakdown.rows","pathToColumnKeys":"data.originbreakdown.columns"},"columnDefinitions":{"chainicon":{"label":"","type":"chain","sourceKey":"originkey","minWidth":26,"isNumeric":false,"sortByValue":false},"originkey":{"label":"Chain","type":"chain","minWidth":120,"isNumeric":false,"sortByValue":true,"showIcon":false,"showLabel":true,"expand":true},"totalregistered":{"label":"Total Registered","type":"number","minWidth":200,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}},"validregistrations":{"label":"Valid","type":"number","minWidth":100,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}},"totalfeedback":{"label":"Feedback","type":"number","minWidth":100,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}},"uniqueowners":{"label":"Owners","type":"number","minWidth":100,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":0}}},"agentsperowner":{"label":"Agents/Owner","type":"number","minWidth":100,"isNumeric":true,"sortByValue":true,"units":{"value":{"decimals":2}}},"firstregistereddate":{"label":"First Registered","type":"string","minWidth":100,"isNumeric":false,"sortByValue":true,"hidden":true}},"columnOrder":["chainicon","originkey","totalregistered","validregistrations","totalfeedback","uniqueowners","agentsperowner"],"columnSortBy":"value","cardView":{"titleColumn":"originkey","sections":[{"columns":["totalregistered","validregistrations"],"labelPosition":"bottom"},{"columns":["totalfeedback","uniqueowners","agentsperowner"],"labelPosition":"bottom"}]}}
{"src":"https://www.growthepie.com/embed/fundamentals/daily-active-addresses?showUsd=true&theme=dark×pan=90d&scale=absolute&interval=daily&showMainnet=false&chains=arbitrum%2Cbase%2Ccelo%2Cunichain&zoomed=false&startTimestamp=&endTimestamp=1745712000000","width":"100%","height":"500px","caption":"Daily active addresses comparison across Layer 2 solutions. Source: growthepie.com"}
{"type":"line","title":"Submitted Blobs per Block","subtitle":"Compare the average #Blobs per block before and after the Pectra upgrade","showXAsDate":true,"dataAsJson":{"meta":[{"name":"Blob Count","color":"#FFC300","stacking":"normal","xIndex":0,"yIndex":1,"suffix":null,"prefix":null,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.ethereumblobcount.daily.values","dashStyle":"solid"},{"name":"Target","color":"#19D9D6","stacking":"normal","xIndex":0,"yIndex":1,"suffix":null,"prefix":null,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.ethereumblobtarget.daily.values","dashStyle":"Dash"}]},"yAxisLine":[{"xValue":1755388800000,"annotationPositionY":50,"annotationPositionX":30,"annotationText":"Target","lineStyle":"Dash","lineColor":"#19D9D6","textColor":"#19D9D6","textFontSize":"9px","backgroundColor":"#19D9D6","lineWidth":1}],"height":400,"caption":"Ethereum Blob Count per Block vs Target. Data updated daily.","seeMetricURL":"https://www.growthepie.com/data-availability"}
{"type":"column","title":"Transactions that trigger smart wallet upgrades and downgrades","subtitle":"The number of Set Code transactions on EVM chains (aka Type 4 transactions)","showXAsDate":true,"dataAsJson":{"meta":[{"name":"Ethereum","color":"#94ABD3","stacking":"normal","xIndex":1,"yIndex":0,"suffix":null,"prefix":null,"tooltipDecimals":0,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.type4txcount.ethereum.daily.values"},{"name":"Base","color":"#2151F5","stacking":"normal","oppositeYAxis":true,"type":"line","xIndex":1,"yIndex":0,"suffix":null,"prefix":null,"tooltipDecimals":0,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.type4txcount.base.daily.values"},{"name":"OP Mainnet","color":"#FE5468","stacking":"normal","xIndex":1,"yIndex":0,"suffix":null,"prefix":null,"tooltipDecimals":0,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.type4txcount.optimism.daily.values"},{"name":"Unichain","color":"#FF47BB","stacking":"normal","xIndex":1,"yIndex":0,"suffix":null,"prefix":null,"tooltipDecimals":0,"url":"https://api.growthepie.com/v1/quick-bites/pectra-fork.json","pathToData":"data.type4txcount.unichain.daily.values"}]},"height":400,"caption":"The number of Set Code transactions on EVM chains (aka Type 4 transactions). Data updated daily."}
{"type":"area","title":"Daily Timeboost Revenue in ETH","subtitle":"The amount of money that Arbitrum DAO is making from Timeboost per day","showXAsDate":true,"dataAsJson":{"meta":[{"name":"Timeboost Fees","color":"#19D9D6","stacking":"normal","xIndex":1,"yIndex":0,"suffix":null,"prefix":"Ξ","tooltipDecimals":3,"url":"https://api.growthepie.com/v1/quick-bites/arbitrum-timeboost.json","pathToData":"data.feespaidpriorityeth.daily.values"},{"name":"Network Fees","color":"#FFC300","stacking":"normal","xIndex":1,"yIndex":0,"suffix":"ETH","prefix":null,"tooltipDecimals":3,"url":"https://api.growthepie.com/v1/quick-bites/arbitrum-timeboost.json","pathToData":"data.feespaidbaseeth.daily.values"}]},"height":400,"caption":"The amount of money that Arbitrum DAO is making from Timeboost per day. Data updated daily."}
{"type":"area","title":"Daily Timeboost Revenue in ETH","subtitle":"The amount of money that Arbitrum DAO is making from Timeboost per day","showXAsDate":true,"dataAsJson":{"meta":[{"name":"Timeboost Fees","color":"#19D9D6","stacking":"percent","xIndex":1,"yIndex":0,"suffix":" ETH","prefix":null,"tooltipDecimals":2,"url":"https://api.growthepie.com/v1/quick-bites/arbitrum-timeboost.json","pathToData":"data.feespaidpriorityeth.daily.values"},{"name":"Network Fees","color":"#FFC300","stacking":"percent","xIndex":1,"yIndex":0,"suffix":" ETH","prefix":null,"tooltipDecimals":2,"url":"https://api.growthepie.com/v1/quick-bites/arbitrum-timeboost.json","pathToData":"data.feespaidbaseeth.daily.values"}]},"height":400,"caption":"The amount of money that Arbitrum DAO is making from Timeboost per day. Data updated daily."}
{"type":"pie","title":"L2 Blob Usage Share","subtitle":"Breakdown of DA blob usage by rollup (snapshot)","centerName":"BLOB\nSHARE","height":400,"dataAsJson":{"pieData":[{"name":"Base","y":38.4,"color":"#2151F5"},{"name":"Arbitrum","y":22.1,"color":"#FFC300"},{"name":"OP Mainnet","y":15.7,"color":"#FE5468"},{"name":"Scroll","y":10.2,"color":"#EADB6B"},{"name":"zkSync Era","y":8.3,"color":"#8B5CF6"},{"name":"Other","y":5.3,"color":"#5A6462"}]},"caption":"Approximate blob usage share across major L2s. Data is illustrative."}
{"src":"https://pbs.twimg.com/media/GFGqJLuWUAACKYj?format=jpg&name=4096x4096","alt":"Sample chart showing transaction volume over time","width":"800","height":"400","caption":"Transaction volume trends across major L2 networks. Source: growthepie.com"}