logo
Zeroqode Docs
/
Plugins

Waterfall Chart / Graph

✅
Link to the plugin page: https://zeroqode.com/plugin/waterfall-chart--graph-plugin-for-bubble-1728498336201x730793064875181000

Demo to preview the plugin:

✅
Live Demo: https://waterfall-chart.bubbleapps.io/?utm_source=zeroqode&utm_medium=referral&utm_campaign=btn_demo_plugin
✅
Bubble Editor: https://bubble.io/page?version=live&id=waterfall-chart&name=&tab=tabs-1

Introduction

Create clear, interactive waterfall charts with customizable colors, dynamic data, and workflow-driven updates. Perfect for visualizing cumulative increases and decreases in financial reports, performance breakdowns, and analytical dashboards.
Key Features

Prerequisites

  • A Bubble app with access to install plugins
  • Basic understanding of Bubble dynamic data sources
  • A dataset containing:
    • A list of labels (e.g., months, categories, steps)
    • A list of numeric values (positive and/or negative)
  • Workflow knowledge if you plan to update the chart dynamically
Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Plugin Element Properties - Waterfall Chart

Image without caption

Fields

Element Actions

Exposed States

Element Events

Workflow example

Workflow 1: Clear Chart Annotations

Workflow 2: Generate Chart as PNG

Image without caption

Changelogs

UUID (GUID) Generator
Mention - Tag Users/Items Lite
Powered by Notaku
Share
Content
Waterfall Chart / Graph
Demo to preview the plugin:
Introduction
Prerequisites
How to setup
Step 1 – Install the Plugin
Step 2 – Add the Plugin Element to Your Page
Plugin Element Properties - Waterfall Chart
Fields
Element Actions
Exposed States
Element Events
Workflow example
Workflow 1: Clear Chart Annotations
Workflow 2: Generate Chart as PNG
Changelogs