{
"version": "2.0",
"theme": {
"accent": "amber"
},
"ui": {
"root": "root",
"elements": {
"root": {
"type": "stack",
"props": {
"gap": "md"
},
"children": [
"title",
"sep",
"chart",
"group",
"cta"
]
},
"title": {
"type": "text",
"props": {
"content": "🏆 Leaderboard Demo",
"weight": "bold"
}
},
"sep": {
"type": "separator",
"props": {}
},
"chart": {
"type": "bar_chart",
"props": {
"bars": [
{
"label": "Vitalik",
"value": 420,
"color": "purple"
},
{
"label": "Jesse",
"value": 380,
"color": "blue"
},
{
"label": "Dan",
"value": 310,
"color": "green"
},
{
"label": "Linda",
"value": 245,
"color": "amber"
},
{
"label": "Raj",
"value": 190,
"color": "red"
}
]
}
},
"group": {
"type": "item_group",
"props": {},
"children": [
"p1",
"p2",
"p3"
]
},
"p1": {
"type": "item",
"props": {
"title": "🥇 Vitalik",
"description": "420 points — 14 snaps created"
},
"children": [
"p1b"
]
},
"p1b": {
"type": "badge",
"props": {
"label": "🔥 on fire",
"color": "purple"
}
},
"p2": {
"type": "item",
"props": {
"title": "🥈 Jesse",
"description": "380 points — 11 snaps created"
},
"children": [
"p2b"
]
},
"p2b": {
"type": "badge",
"props": {
"label": "+12 today"
}
},
"p3": {
"type": "item",
"props": {
"title": "🥉 Dan",
"description": "310 points — 9 snaps created"
},
"children": [
"p3b"
]
},
"p3b": {
"type": "icon",
"props": {
"name": "trending-up",
"color": "green"
}
},
"cta": {
"type": "button",
"props": {
"label": "View Full Board",
"variant": "secondary"
},
"on": {
"press": {
"action": "open_url",
"params": {
"target": "https://snap.mxjxn.com"
}
}
}
}
}
}
}