MARKETPLACE
PLUGINS
CORE CHARTS – CHARTS & GRAPHS
Core Charts – Charts & Graphs logo

Core Charts – Charts & Graphs

Published July 2025
   •    Updated March 2026

Plugin details

📊 Core Charts – Interactive Data Visualizations for Bubble Transform your Bubble data into stunning, interactive charts in minutes — no code required.
Perfect for dashboards, client portals, admin tools, and data-heavy apps, Core Charts lets you visualize insights beautifully while staying fully Bubble-native.

✨ Why You’ll Love Core Charts
Plug & Play: Drag, drop, and connect to your data instantly.

10+ Chart Types: From Line & Bar to Pie, Scatter, and Area — all powered by Chart.js.

Dynamic & Live: Connect to Bubble DB, APIs, custom expressions, or states, with real-time updates.

Advanced Customization: Custom tooltips, adjustable point radius, branded colors, and more.

Responsive by Default: Works perfectly on desktop, tablet, and mobile.

🔧 Key Features
📊 Chart.js Integration – Smooth animations, premium feel.

🎯 Custom Tooltips – Show exactly the data you want in hover popups.

🔵 Adjustable Point Radius – Make line chart points subtle or bold.

🔄 Dynamic Rendering – Auto-refresh when data changes.

🎨 Full Styling Control – Colors, axis labels, scales, legends, animations.

🧩 Bubble Workflow Ready – Add/remove datasets with workflows.

📱 Smart Scaling – Looks sharp on any device.
---

📈 CHART TYPES & LIVE PREVIEWS

Line & Area Charts:
• Line Chart (Single & Multi-Series) — https://nocodeflux.bubbleapps.io/version-test/line_chart
• Stepped Line Chart — https://nocodeflux.bubbleapps.io/version-test/line_chart
• Area Chart — https://nocodeflux.bubbleapps.io/version-test/area_chart

Bar Charts:
• Bar Chart (Vertical & Horizontal) — https://nocodeflux.bubbleapps.io/version-test/bar_chart

Pie & Scatter Charts:
• Pie Chart — https://nocodeflux.bubbleapps.io/version-test/pie_chart
• Scatter Chart — https://nocodeflux.bubbleapps.io/version-test/scatter_chart

Demo: https://nocodeflux.bubbleapps.io/version-test  
Editor: https://bubble.io/page?id=nocodeflux&tab=Design

---

💼 Perfect For
SaaS dashboards & analytics panels

Internal KPI reporting

Client-facing data portals

Financial & sales tracking

Marketing funnels & campaign reports

🧪 Risk-Free Trial
Pay only for the days you use it. Cancel anytime.

Example: If the plugin costs $4/month and you cancel after 3 days, you only pay ~$0.13/day.

$35

One time  •  Or  $8/mo

stars   •   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCodeFlux logo
NoCodeFlux
Joined 2022   •   1 Plugin
View contributor profile

Instructions

🧭 GETTING STARTED WITH CORE CHARTS
🚀 New here? The best way to explore Core Charts is to dive into the editor and see it in action.  
👉 Live Demo: https://nocodeflux.bubbleapps.io/version-test  
👉 Editor Access: https://bubble.io/page?id=nocodeflux&tab=Design&name=index

Need help or have a cool use case to share?  
Email: [email protected]
Email: [email protected]

---

📊 HOW TO ADD A CHART TO YOUR PAGE

1. Install the Plugin  
  - Open your Bubble Editor  
  - Go to the Plugins tab on the left  
  - Click "Add Plugins"  
  - Search for "Core Charts"  
  - Click Install  

  After installation, Core Charts will appear in your Bubble visual elements panel.

2. Add a Chart  
  Drag and drop any chart element onto your page like any other Bubble element.

3. Customize in the Property Editor  
  Adjust settings such as:  
  - Chart type (Line, Bar, Pie, etc.)  
  - Size and layout  
  - Random or custom colors  
  - Point settings  
  - Gridlines, fonts, labels, and legend styles

4. Fully Responsive  
  Charts scale smoothly across all devices — no additional setup required.

---

📈 CONNECTING YOUR CHART TO DYNAMIC DATA

Turn your Bubble data into stunning visuals:

- X-Axis Labels: Use static lists ("January, February") or dynamic sources (e.g., Search for Sales formatted as text).  
- Series Name: Name each dataset ("Revenue", "Signups").  
- Y-Axis Values: Add matching numeric values ("100", "200", "300").

Example:
- Series: Monthly Sales  
- X-Axis: Jan, Feb, Mar  
- Y-Axis: 5000, 7000, 6500

✅ Important: Make sure label and value lists are the same length to avoid mismatches.

---

⚙️ ADD OR REMOVE DATA SERIES USING WORKFLOWS

Make your charts dynamic:

To ADD a series:
- Go to the Workflow tab  
- Choose → Element Actions → Add Data Series to Chart  
- Set series name, values, colors, and labels

To REMOVE a series:
- Use “Remove Data Series from Chart” in your workflow

🧠 Pro Tip: Use workflows to toggle chart data, change series, or create interactive dashboards in real time.

---

📩 SUPPORT OR FEEDBACK

Need help or found a bug? Want to share a feature idea or showcase your dashboard?  
Email: [email protected]
Email: [email protected]

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble