Custom Bar Chart for Row

Demo to preview the plugin:

Introduction

Try this no-code tool that converts lists into dynamic bar charts, eliminating the need for complex column setups. With this plugin, you can easily add numbers and create bar charts.
Image without caption

How to setup

  1. Place the Bar Chart Element on Your Page
      • Go to the Design tab in Bubble.
      • Search for Bar Chart in the Visual Elements panel.
      • Drag and drop the element into your page where you want the chart to appear.
        • Element → Bar Chart.
          Element → Bar Chart.
  1. Configure the Bar Chart
    1. Click on the Bar Chart element on your page, and set up its properties:
      • Enter values for the bars.
      • Define colors to customize each bar.
      • Add labels for the bars.
      • Choose the chart orientation (vertical or horizontal).

Plugin Element Properties

Bar Chart

Element properties → Bar Chart.
Element properties → Bar Chart.
Fields:
Title
Description
Type
Tooltip
Available options: true, false
Dropdown (optional)
Individual Bar Color
Seperate by comma in order matchin with value and tags. Example: red, #0000FF,grey,orange,brown
Text
Individual Bar Tag
Seperate by comma in order matchin with value and tags. Example: Column 1, Column 2,Column 3,Column 4,Column 5
Text
Bar value
Seperate by comma in order matchin with value and tags. Example: 1, 2,3,4,5
Text
Chart vertical
Switch between vertical and horizontal bars.
Checkbox (yes/no)
Image without caption

Changelogs