{"id":20,"date":"2026-08-24T11:07:51","date_gmt":"2026-08-24T11:07:51","guid":{"rendered":"https:\/\/demo.templatehouse.net\/blocktoolkit\/?page_id=20"},"modified":"2026-08-24T20:10:10","modified_gmt":"2026-08-24T20:10:10","slug":"charts-data","status":"publish","type":"page","link":"https:\/\/demo.templatehouse.net\/blocktoolkit\/charts-data\/","title":{"rendered":"Charts & Data"},"content":{"rendered":"\n

Area Chart<\/h2>\n\n\n\n
<\/canvas><\/div><\/div><\/div>\n\n\n\n

Bar Chart<\/h2>\n\n\n\n
<\/canvas><\/div>\n\n\n\n

Box Plot<\/h2>\n\n\n\n

Score Distribution by Group<\/h3>
<\/rect><\/line>10<\/text><\/line>29<\/text><\/line>48<\/text><\/line>67<\/text><\/line>86<\/text><\/line>105<\/text><\/line><\/line><\/line><\/line><\/line><\/line><\/rect><\/line><\/polygon><\/circle><\/circle>Group A<\/text><\/line><\/line><\/line><\/line><\/rect><\/line><\/polygon><\/circle>Group B<\/text><\/line><\/line><\/line><\/line><\/rect><\/line><\/polygon><\/circle>Group C<\/text><\/line><\/line><\/line><\/line><\/rect><\/line><\/polygon><\/circle><\/circle>Group D<\/text><\/line>Median<\/text><\/polygon>Mean<\/text><\/rect>IQR Box<\/text><\/circle>Outlier<\/text><\/svg><\/div><\/div>\n\n\n\n

Bubble Chart<\/h2>\n\n\n\n
<\/canvas><\/div><\/div>\n\n\n\n

Bullet Chart<\/h2>\n\n\n\n

2024 KPI Dashboard<\/h3>
<\/rect><\/line><\/line><\/line><\/line><\/line><\/line><\/rect><\/rect><\/rect><\/rect><\/rect><\/rect>Revenue ($k)<\/text>270 \/ 300<\/text><\/rect><\/rect><\/rect><\/rect><\/rect><\/rect>Users (k)<\/text>42 \/ 50<\/text><\/rect><\/rect><\/rect><\/rect><\/rect><\/rect>Conversion %<\/text>3.8 \/ 5<\/text><\/rect><\/rect><\/rect><\/rect><\/rect>NPS Score<\/text>42 \/ 60<\/text><\/rect>Poor<\/text><\/rect>Satisfactory<\/text><\/rect>Good<\/text><\/rect>Target<\/text><\/svg><\/div><\/div>\n\n\n\n

Bump Chart<\/h2>\n\n\n\n

App Store Rankings Over 6 Weeks<\/h3>
<\/rect><\/line>Week 1<\/text><\/line>Week 2<\/text><\/line>Week 3<\/text><\/line>Week 4<\/text><\/line>Week 5<\/text><\/line>Week 6<\/text><\/path><\/path><\/path><\/path><\/path><\/circle>3<\/text><\/circle>2<\/text><\/circle>1<\/text><\/circle>1<\/text><\/circle>2<\/text><\/circle>1<\/text>Notion<\/text>Notion<\/text><\/path><\/path><\/path><\/path><\/path><\/circle>1<\/text><\/circle>1<\/text><\/circle>2<\/text><\/circle>3<\/text><\/circle>1<\/text><\/circle>2<\/text>Obsidian<\/text>Obsidian<\/text><\/path><\/path><\/path><\/path><\/path><\/circle>2<\/text><\/circle>3<\/text><\/circle>3<\/text><\/circle>2<\/text><\/circle>3<\/text><\/circle>3<\/text>Craft<\/text>Craft<\/text><\/path><\/path><\/path><\/path><\/path><\/circle>4<\/text><\/circle>4<\/text><\/circle>4<\/text><\/circle>4<\/text><\/circle>4<\/text><\/circle>4<\/text>Logseq<\/text>Logseq<\/text><\/path><\/path><\/path><\/path><\/path><\/circle>5<\/text><\/circle>5<\/text><\/circle>5<\/text><\/circle>5<\/text><\/circle>5<\/text><\/circle>5<\/text>Bear<\/text>Bear<\/text><\/svg><\/div><\/div>\n\n\n\n

Comparison Table<\/h2>\n\n\n\n
<\/th>
Starter<\/div>
$9\/mo<\/div><\/th>
Pro<\/div>
$29\/mo<\/div><\/th>
Enterprise<\/div>
$99\/mo<\/div><\/th><\/tr><\/thead>
Users<\/td>1<\/span><\/td>10<\/span><\/td>Unlimited<\/span><\/td><\/tr>
Storage<\/td>5 GB<\/span><\/td>50 GB<\/span><\/td>1 TB<\/span><\/td><\/tr>
API Access<\/td>\u2715<\/span><\/td>\u2713<\/span><\/td>\u2713<\/span><\/td><\/tr>
Priority Support<\/td>\u2715<\/span><\/td>\u2715<\/span><\/td>\u2713<\/span><\/td><\/tr>
Custom Domain<\/td>\u2715<\/span><\/td>\u2713<\/span><\/td>\u2713<\/span><\/td><\/tr><\/tbody><\/table><\/div><\/div>\n\n\n\n

Creative Stats Waterfall<\/h2>\n\n\n\n
<\/span>10<\/span>x<\/span><\/div>
Faster deployment<\/div>
Compared to manual setup<\/div>
<\/div><\/div>
$<\/span>2.4<\/span>M<\/span><\/div>
Revenue generated<\/div>
By our customers in Q1<\/div>
<\/div><\/div>
<\/span>98<\/span>%<\/span><\/div>
Uptime guaranteed<\/div>
SLA across all plans<\/div>
<\/div><\/div>
<\/span>500<\/span>+<\/span><\/div>
Happy clients<\/div>
Across 40+ countries<\/div>
<\/div><\/div><\/div><\/div>\n\n\n\n

Data Table<\/h2>\n\n\n\n
<\/circle><\/path><\/svg>