MARKETPLACE
PLUGINS
πŸ“Š WEB + MOBILE CHARTS & GRAPHS
πŸ“Š Web + Mobile Charts & Graphs logo

πŸ“Š Web + Mobile Charts & Graphs

Published April 2023
   β€’    Updated this week

Plugin details

➑️➑️➑️ The Ultimate 2-in-1 chart plugin for web & mobile. Effortlessly generate stunning, modern charts and graphs. πŸ“ˆπŸ“‰ With extensive customization options, you can tailor every detail to match your brand. πŸ”΄πŸŸ πŸŸ‘πŸŸ’πŸ”΅πŸŸ£
WEB & MOBILE

This plugin works with Bubble web apps and Bubble native mobile apps. It allows you to create beautiful and functional Line, Bar, Area, Pie and Doughnut charts right inside your Bubble app. It's designed to give you a powerful set of tools for data visualization, combining ease of use with deep functionality.

See it in action

Click on the buttons below to check the WEB demo and editor


Or click on the buttons below to check the MOBILE demo and editor


πŸ’° Get More & Save Big with the Mobile Pack!
Love this plugin? That's great! Did you know it's also included in our Mobile Pack: Native Power Kit? The pack features this plugin PLUS a huge collection of our other essential mobile components, all for one low price. It's the best way to get all the tools you need to build incredible native apps while saving a significant amount of money.

➑️ Check out the Mobile Pack: Native Power Kit now!





Key Features

This plugin offers great flexibility for displaying complex data. You can show different data series in a single chart and mix and match chart types to create the perfect visualization. For example, you can overlay a line chart on top of a bar chart to show trends and totals together. It also provides full dual Y-axis support, allowing you to assign any series to a left or right axis. This is perfect for comparing two different types of data with different scales, like revenue and number of sales. πŸ“ˆ


Deep Customization Options ✨

You have extensive control over the look and feel of your charts. Personalize every detail to perfectly match your app's design and branding. 🎨 Here are just some of the customization options available:

βœ… Apply beautiful multi-color gradients to any data series for a unique visual style.
βœ… Adjust the smoothness of your lines from sharp to curved, and control the line width and dash style for each series.
βœ… Customize your data points with various styles (circle, star, cross), sizes, and colors, applying settings globally or individually per series.
βœ… Create modern bar charts with rounded corners and easily stack multiple bar series together to visualize part-to-whole relationships.
βœ… Personalize your axes with custom labels, suggested MIN/MAX values, and formatted tick labels to include currency symbols or percentages.
βœ… Control the legend's position and alignment, or hide it completely to save space.


See it in action

Click on the buttons below to check the WEB demo and editor


Or click on the buttons below to check the MOBILE demo and editor



Risk-free trial

To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.34 per day for a $10/month plugin).

$45

One time  β€’  Or  $8/mo

5.0 stars   β€’   6 ratings
3.3K installs
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   β€’   28 Plugins
View contributor profile

Instructions

In a nutshell: when you install the plugin, you will see 2 new elements in the left side of bubble editor, named:
  • Line / bar / area chart
  • Pie / doughnut chart πŸ“Š To begin, add one of them to your page. Use β€œLine / bar / area chart” if you want to create a line chart, a bar chart, an area chart or any mix of the 3. Use β€œPie / doughnut chart” if you want to create a pie chart or a doughnut chart. ↔️ The elements are fully responsive, so the charts will adapt to the element size. ✨ You can now customize the chart’s properties with the element inspector. Every property is fully documented. You will find the instructions in the element inspector, at the beginning of any section, or below any property (just click the text β€œshow documentation” that will appear below the property field).[/font] See how it works We encourage you to take a look at the demo and editor page to see how the plugin works: Click on the buttons below to check the WEB demo and editor Or click on the buttons below to check the MOBILE demo and editor
  • Types

    This plugin can be found under the following types:

    Categories

    This plugin can be found under the following categories:
    Productivity   β€’   Analytics   β€’   Data (things)   β€’   Technical   β€’   Visual Elements

    Resources

    Support contact
    Tutorial
    Forum

    Rating and reviews

    Average rating (5.0)

    Value for money
    July 31st, 2025
    I bought this plugin for my web app, and I just discovered that I can use it in the mobile app too... Pretty unique! Good job Steve, thank you
    Great Plugin!
    July 31st, 2025
    muito bom
    June 2nd, 2023
    Pluguin sensacional!!!
    May 23rd, 2023
    Estava em busca de um plugin que pudesse reproduzir da forma como gostaria os grΓ‘ficos do meu projeto, porΓ©m, estava muito caro. Cerca de 200 dolares. Depois de muita pesquisa encontrei este plugin fantastico que atendeu super bem minhas necessidades. O autor do projeto tambΓ©m respondeu super rΓ‘pido sobre uma falha do plugin e em alguns minutos tinha a versΓ£o corrigida. Devo parabeniza-los pelo excelente trabalho. Muito obrigado!
    Amazing plugin!
    May 19th, 2023
    There are so many options for customizing the charts, great value for money!
    Bubble