Basic

This is the basic template showcasing the most commonly used Hybiscus components.

{
"$schema":"https://hybiscuscdn.blob.core...."
"type":"Report"
"options":{
"report_title":"Example.com"
"report_byline":"Monthly analytics report"
"version_number":"v0.1.0"
}
"config":{
"color_theme":"forest"
"typography_theme":"newspaper"
}
"components":[
0:{
"type":"Section"
"options":{
"section_title":"Overviews and KPI metrics"
"highlighted":true
"columns":3
}
"components":[
0:{
"type":"Card"
"options":{
"title":"Unique views"
"value":987
"units":"views"
"icon":"comet"
}
}
1:{
"type":"Card"
"options":{
"title":"Total sales"
"value":"53,476"
"units":"$"
"icon":"coin"
}
}
2:{
"type":"Card"
"options":{
"title":"Product views"
"value":"1,362"
"units":"views"
"icon":"building-store"
}
}
3:{
"type":"Card"
"options":{
"title":"New customers"
"value":"321"
"icon":"users"
}
}
4:{
"type":"Card"
"options":{
"title":"Returning customers"
"value":"98"
"icon":"user-check"
}
}
5:{
"type":"Card"
"options":{
"title":"Bounce rate"
"value":"0.89"
"units":"%"
"icon":"arrow-back"
}
}
]
}
1:{
"type":"Section"
"options":{
"section_title":"Electronics product category"
}
"components":[
0:{
"type":"Text"
"options":{
"width":"1/3"
"text":"Lorem ipsum dolor, sit amet co..."
}
}
1:{
"type":"Row"
"options":{
"columns":2
"width":"2/3"
}
"components":[
0:{
"type":"Card"
"options":{
"title":"Click through rate"
"value":"5"
"units":"%"
"icon":"click"
}
}
1:{
"type":"Card"
"options":{
"title":"Impressions"
"value":"1,364"
"units":"views"
"icon":"chart-area-line"
"highlighted":true
}
}
2:{
"type":"Card"
"options":{
"title":"Total sales"
"value":"3,567"
"units":"$"
"icon":"coin"
}
}
3:{
"type":"Card"
"options":{
"title":"Product views"
"value":"1,018"
"units":"views"
"icon":"building-store"
}
}
]
}
]
}
2:{
"type":"Section"
"options":{
"section_title":"Key performing pages"
}
"components":[
0:{
"type":"Table"
"options":{
"title":""
"headings":[
0:"URL"
1:"Page title"
2:"Views"
]
"striped":true
"rows":[
0:[
0:"/products/arduino"
1:"Arduino accessories"
2:"9,342"
]
1:[
0:"/products/raspberry-pi"
1:"Raspberry Pi accessories"
2:"5,674"
]
2:[
0:"/products/keyboards"
1:"Keyboards"
2:"2,248"
]
3:[
0:"/products/graphics-cards"
1:"Graphics cards"
2:"973"
]
]
}
}
]
}
3:{
"type":"Section"
"options":{
"section_title":"Top performing referrers"
"highlighted":true
}
"components":[
0:{
"type":"Table"
"options":{
"title":""
"headings":[
0:"Referrer"
1:"URL"
2:"Count"
]
"striped":true
"rows":[
0:[
0:"Google"
1:"google.com/search?s=raspberryi..."
2:"13,934"
]
1:[
0:"Bing"
1:"bing.com/search?s=raspberry+pi"
2:"9,231"
]
2:[
0:"Facebook"
1:"facebook.com"
2:"3,673"
]
3:[
0:"Twitter"
1:"twitter.com"
2:"2,190"
]
]
}
}
]
}
]
}

To use this template, simply press the button in the top right corner to copy the JSON to your clipboard. You can paste it directly into the Cloud Editor to get started with this template.