GETTING STARTEDStep 1 — Install the Plugin Go to your Bubble app → Plugins tab → Add plugins → Search "ChartPro" → InstallStep 2 — Add Chart to Your Page
Go to Design tab → Search "ChartPro" in left panel → Drag onto your page → Resize as neededStep 3 — Set Your Data
Click the ChartPro element → Fill in the right panel:

Chart Type → pick from dropdown
Labels → Jan,Feb,Mar,Apr,May
Dataset 1 Values → 10,20,15,30,25
Dataset 1 Label → Sales
Dataset 1 Color → pick a color
Then click Preview to see your chart live ✅
CHART TYPESLine Charts

line → Standard line chart
area → Line with filled area below
stepped → Step-style line (no curves)
stackedarea → Multiple datasets stacked on top
Bar Charts

bar → Vertical bar chart with 3D effect
horizontalbar → Horizontal bar chart with 3D effect
stackedbar → Bars stacked on each other
groupedbar → Bars grouped side by side
Pie & Donut

pie → Classic pie chart
donut → Pie with hole in center
polararea → Polar area chart
Other 2D Charts

radar → Spider/radar chart
scatter → Scatter plot
bubble → Bubble chart (size = value)
Advanced Charts

heatmap → Color intensity grid
treemap → Nested rectangle map
candlestick → OHLC financial chart
funnel → Funnel/conversion chart
boxplot → Box and whisker chart
waterfall → Running total waterfall

ALL PROPERTIES
Chart Type — Dropdown — Type of chart to render
Labels — Text — X-axis labels comma separated — example: Jan,Feb,Mar
Dataset 1 Values — Text — Y values comma separated — example: 10,20,30
Dataset 1 Label — Text — Name shown in legend — example: Sales
Dataset 1 Color — Color — Bar or line color — example: #6366f1
Dataset 2 Values — Text — Second dataset (optional)
Dataset 2 Label — Text — Second dataset name
Dataset 2 Color — Color — Second dataset color
Dataset 3 Values — Text — Third dataset (optional)
Dataset 3 Label — Text — Third dataset name
Dataset 3 Color — Color — Third dataset color
Chart Title — Text — Title shown above chart — example: Monthly Sales
Background Color — Text — Card background — example: #ffffff
Show Legend — Yes/No — Show or hide legend
Legend Position — Dropdown — top / bottom / left / right
Show Grid — Yes/No — Show or hide grid lines
Fill Area — Yes/No — Fill area under line charts
Stacked — Yes/No — Stack datasets on bar or area charts
Line Tension — Number — Curve smoothness 0 to 1 — example: 0.4
Bar Border Radius — Number — Rounded corners on bars — example: 6
Enable Animation — Yes/No — Animate chart on load
X Axis Label — Text — Label below X axis — example: Month
Y Axis Label — Text — Label beside Y axis — example: Revenue

🔗 Demo App:  https://demo-plugins-96019.bubbleapps.io/version-test

🔗 Editor View:  https://bubble.io/page?id=demo-plugins-96019