Documentation last updated: Sept 2025

Table of Contents

Overview

Mobile Charts is a powerful Bubble plugin that helps you create stunning, interactive, and fully native charts for your mobile app. Designed specifically for performance and responsiveness on mobile devices, the plugin lets you visualize trends, track progress, and compare data with ease.

How to use

Install the plugin called “mobile-charts”. Head over to your page and search for the type of chart you’d like to use. Here are the options available;

1. Line Chart – Track trends over time Perfect for showing progress, growth, or decline over a continuous range (days, months, years). Common in finance, fitness apps, or sales dashboards.

• Great for time-series data (e.g., revenue, active users, daily steps)

• Simple and clear for quick insights.

  • Editor Link
  • Preview Link

2. Filled Area Chart – Emphasize magnitude A line chart with shaded areas underneath. The filled region draws attention to the volume behind the data.

• Ideal for highlighting cumulative trends (e.g., app downloads, water consumption, task completion).

• More visual “weight” than a plain line.

  • Editor Link
  • Preview Link

3. Stacked Area Chart – Compare categories over time Shows multiple series stacked together. Useful when you want to see both individual contributions and total growth.

• Perfect for market share growth, energy sources over time, or multi-product revenue breakdowns.

• Makes it easy to compare parts vs whole trends.

  • Editor Link
  • Preview Link

4. Stream Graph - Smooth, flowing category changes A variation of the stacked area chart with flowing, organic shapes. Visually appealing for media apps, cultural trends, or music popularity.

• Great for “what’s trending” style dashboards.

• Focuses more on patterns and waves than exact values.

  • Editor Link
  • Preview Link

5. Bar Graph – Direct category comparison These are vertical bars, they are perfect for comparing categories at a glance.

• Use for top 10 lists, survey results, or sales by product.
• Easy to read, universally understood.

 * [Editor Link](<https://bubble.io/page?id=mobile-test-ed-66487&tab=Design&name=bar-graph&type=page>)
 * [Preview Link](<https://mobile-test-ed-66487.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=bar-graph>)

6. Horizontal Bar Graph – Better for long labels Same as bar graph but horizontal. Ideal when category names are long or when ranking is the focus.

• Common in leaderboards, budget allocations, or task priorities.

  • Editor Link
  • Preview Link

7. Stacked Bar Chart – Breakdowns per category Bars are divided into segments, showing both total and contribution of sub-categories.

• Perfect for sales by region & product, budget breakdowns, or user demographics.

  • Editor Link
  • Preview Link

8. Pie Chart – Show proportions The go-to for visualizing composition.

• Best for market share, budget splits, or device usage breakdowns.

• Simple, but effective when categories are limited (2–8 slices).

  • Editor Link
  • Preview Link

9. Donut Chart – Stylish proportions A modern alternative to pie charts with a center hole.

• Works great for KPIs and dashboards.

  • Editor Link
  • Preview Link

10. Candle Sticks – Financial & trading insights The standard for stock and crypto apps.

• Designed for traders, investors, or fintech apps.
• Great for market analysis dashboards.

**** * Editor Link * Preview Link

11. Heat Map - Spot patterns instantly A grid-based chart where color intensity shows value.

****- Perfect for calendar heatmaps (activity per day), website analytics, or matrix comparisons.

• Helps identify outliers, trends, or hotspots.

  • Editor Link
  • Preview Link

12. Radar Charts – Compare profiles across metrics Data points are arranged in a circular layout, great for performance benchmarking.

• Use for skill evaluations, sports stats, or feature comparisons.

• Quickly shows strengths and weaknesses.

  ***** Editor Link

  • Preview Link

13. Scatter Plot – Find correlations ****Plots data points on X and Y axes to reveal relationships.

****- Best for customer segmentation, correlations, or scientific data.

• Highlights clusters and outliers effectively.

  ***** Editor Link

  • Preview Link

Plugin Demo

Mobile Charts Demo Link, Editor Link

Contact / Support

Please reach out to support@buildwithblaise.com for any inquiries