Appfarm Documentation
Getting startedDocumentationCommunityAppfarm Create
  • Overview
  • Getting Started
    • What is Appfarm?
    • Key concepts
    • Quickstart
      • Speed intro
      • Step-by-step guide
    • Appfarm Showroom
    • FAQ
  • Appcademy
    • Learning paths
    • Appfarm Fundamentals
      • Intro Course
        • 1. Intro to No-Code and Appfarm
        • 2. Navigation in Appfarm Create
        • 3. What is Apps?
        • 4. Intro to UI Editor
        • 5. Data Model
        • 6. App Data
        • 7. Actions
        • 8. Tips and Tricks
        • 9. Intro to practical walkthrough
        • 10. Create a details view of a Project
        • 11. Create a Custom List
        • 12. Swipe and Delete
        • 13. Functionality for simple Create of Data
        • 14. Upload and Download Photos
        • 15. Input Dialog with Validation and Save
        • 16. Dashboard
        • 17. Summary
        • Quiz
      • User Interface Fundamentals
        • Container - Sectioning, Styling and Repeating
        • Conditional Styles
        • Motions
        • Responsive Design
        • Step-by-step workflow
        • Featured UI Components
        • Quiz
      • App Data Fundamentals
        • Data Source Filtering
        • App Variables and Runtime Properties
        • URL Parameters
        • Quiz
      • Actions & Logic Fundamentals
        • Event Handlers
        • Featured Action Nodes
        • Context Parameters
        • Quiz
      • Services Fundamentals
        • Introduction to Services
        • Setting up a Service
        • Scheduling a Service
      • Integration Fundamentals
        • The web request action node
        • Fetch data from an endpoint
        • Map data to a data source
        • Modify the response
        • Nested data mapping
        • Path parameters
        • Authentication
        • Send data to an endpoint
        • Quiz
      • User handling and permissions
        • Users and roles
        • Permissions
        • Creating users
        • Extending the User object class
        • Updating and deleting users
        • Unauthenticated access
        • Quiz
    • Appfarm Professional
      • User Interfaces
        • Featured UI Components
        • Concepts and Use Cases
      • Data Structures & Data Handling
        • Data Features
        • Search & Filters
        • Featured Action Nodes
        • GraphQL
      • Logic & Flow
        • Logical Concepts
        • Date and Time Handling
        • Featured Action Nodes
        • Exception Handling
      • Login & Configuration
        • Login and Authentication
        • Settings, Configuration and Languages
      • Security & Operations
        • Security and Permissions
        • Deployment
        • Schedules and Logs
        • Debugging and App Health
      • Performance & Optimization
        • Optimizing Performance
        • Enhancing Functionality
    • Appfarm Sales Representative
    • Appfarm Developer Forum
      • Session 1: Data Modeling in Appfarm Create
      • Session 2: App Data in Appfarm Create
      • Session 3: Services in Appfarm Create
      • Session 4: Optimizing Performance
    • Background
      • Databases
        • Data modeling 101
        • Database normalization
  • Library
    • UI components
      • Advanced bar chart
      • Advanced bubble chart
      • Advanced combined chart
      • Advanced gantt chart
      • Advanced heatmap chart
      • Advanced line/area chart
      • Advanced pie chart
      • Advanced scatter plot chart
      • Advanced solid gauge chart
      • Animated component
      • Avatar
      • Avatar group
      • Basic bar chart
      • Basic gauge chart
      • Basic line chart
      • Basic pie chart
      • Bottom navigation
      • Button
      • Checkbox
      • Chip group
      • Circular progress
      • Coded component
      • Container
      • Date & time picker
      • Drawable canvas
      • Floating action button
      • Icon
      • Icon button
      • Iframe
      • Image
      • Linear progress
      • List
      • Map
      • Menu list
      • Multi select
      • PDF reader
      • Popover
      • Radio buttons
      • Rich text editor
      • Rich text
      • Select
      • Slider
      • Speed dial
      • Switch
      • Table
      • Tabs
      • Text
      • Text edit
      • View container
      • Visibility group
    • Action nodes
      • Aggregate data
      • Advanced search
      • Auth operations
      • Block
      • Catch exception
      • Copy to clipboard
      • Create file archive
      • Create file object
      • Create object
      • Create user account
      • Delete objects
      • Delete user account
      • Duplicate objects
      • End execution
      • Exit block
      • Exit loop
      • Export data
      • Foreach
      • Generate document
      • If
      • Import data
      • Invalidate cache
      • Log in
      • Log to console
      • Log out
      • Next iteration
      • Navigate
      • Open/close popover
      • Open confirm dialog
      • Open print dialog
      • Open snackbar
      • Open Unsplash dialog
      • Open URL
      • Persist objects
      • Push notifications
      • Read objects
      • Request permissions
      • Run code
      • Run other action
      • Run service
      • Scan barcode/QR code
      • Send email
      • Send SMS
      • Set client language
      • Set data source attributes
      • Set selection
      • Set theme
      • Set user account image
      • Show install app prompt
      • Sleep
      • Sort objects
      • Throw exception
      • Toggle drawer
      • Update object
      • Update secret
      • Update user account
      • Web request
      • While
  • Reference
    • Appfarm Create
      • Appfarm Commander
      • Blue dots
      • Copy & Paste
      • Farmer's Market
      • Find references
      • Find usage
      • Keyboard shortcuts
      • Undo/Redo
      • User preferences
    • Platform concepts
      • Conditions
      • Data bindings
      • Date and time
      • Event handlers
      • Filters
      • Functions
      • Markdown
      • Objects
      • Operators
      • Value processor
    • Dashboard
    • Apps
      • UI
        • Views
          • Dialog
          • Drawer
        • Layout designer
        • Component properties
        • Shareable UI components
      • Data
        • App variables
        • Data sources
        • Calendar data sources
      • Actions
      • App settings
      • App size
      • App health
    • Services
      • Service Endpoints
      • Service settings
      • Service health
      • API explorer
    • Data model
      • Object classes
      • Object class properties
      • Enumerated types
      • GraphQL
        • Queries
        • Mutations
      • Data Extract API
      • Time series data
    • Operations
      • Deploy
      • Schedules
      • Logs
    • Resources
      • Themes
      • Files
      • Fonts
      • Internationalization
    • Configuration
      • Environments
      • Login
        • Custom auth providers
    • Security
      • Users
      • Service accounts
      • Roles
      • Secrets
      • Permissions
        • Conditional Permissions
    • Appfarm Client
      • Developer tools for Apps
      • Developer tools for Services
      • Warnings and errors
  • How to
    • Data modeling
      • Many-to-many relationships
      • Use naming conventions
      • Offline data handling
      • Data silos and White labelling
    • User interface
      • Manage a many-to-many relationship with a Chip group
      • Configure drag and drop
      • Build a drag-and-drop calendar
      • Design a responsive layout
      • Work with flexbox
      • Use Mapbox as a map layer
      • Understand charts
    • Logic and flow
      • Event Log Design
      • Configure advanced search
    • Themes and styling
      • Change the active theme
      • Add custom email templates
    • Enhance your app
      • Add deep links
      • Add keyboard shortcuts
      • Add link previews for social media
      • Apply SEO best practices
      • Change the active language
      • Generate a PDF from a Container
    • Integrations
      • Integrate with external systems
      • Integrate with OpenAI
      • Integrate with Google Analytics (GA4)
      • Configure a custom email account
      • Integrate with a payment provider
      • Integrate with Signicat
      • Integrate directly with an external database
      • Retrieve a Bearer token from Google Cloud
      • Fetch data from BigQuery
      • Retrieve access token from Microsoft Entra ID
    • Workflow automation
      • Update an OAuth 2.0 access token from a service
    • Authentication and access control
      • Add users and assign roles
      • Configure unauthenticated access
      • Implement third-party authentication
    • Security, testing and deployment
      • Add a custom domain
      • Install an app on a device
      • Get ready for Production
      • Optimize performance
      • Security checklist
      • Test and debug
    • Example apps
      • Create an Instagram clone
        • The end result
        • Designing the feed
        • Create new post
        • Add a like-button
        • Add comment-functionality
  • Solution administration
    • Subscription and billing
    • Dedicated tier benefits
    • Guide to GDPR
      • Key principles
      • How Appfarm protects personal data
      • How you can protect your clients’ data
      • Glossary
    • Appfarm and the EU AI Act
  • Policies
    • Appfarm Policies
    • Data Processors
    • Privacy Policy
Powered by GitBook
On this page
  • Usage
  • Properties

Was this helpful?

Export as PDF
  1. Library
  2. UI components

Advanced bubble chart

PreviousAdvanced bar chartNextAdvanced combined chart

Last updated 8 months ago

Was this helpful?

Important

All solutions have access to try advanced charts, but use of an advanced chart in Production is determined by your subscription tier.

The Advanced Bubble Chart displays bubbles which represent values for two different variables. The position of each dot on the X and Y Axis indicates the value for an individual data point. The size of each bubble is proportional to the represented values (the higher the value, the bigger the bubble).

Usage

Advanced Bubble Charts are used to observe relationship between variables.

Examples

An Advanced Bubble Chart example is available in our . You can view the demo, as well as access the setup in Appfarm Create. Don't have access? .

Properties

Property
Description

Data Source

Select a data source to display as a chart.

Filter

Apply a filter to the selected data source.

Conditional Filters

Create conditional filters to apply to the selected data source.

X Value

Select a data source to display as value on the X Axis.

Y Value

Select a data source to display as value on the Y Axis.

Bubble Size

Select a data source to display as bubble value.

Default Name

Enter a default name for one dataset. If no dataset property is selected, only one dataset will be shown.

Dataset Property

Disabled if a Default Name is entered.

Select a data source to split the data into datasets based on this property. If no data source is selected, all the data will be treated as a single dataset.

Color Value

Visible when Dataset Property of data type Boolean or Integer is selected.

Set the dataset color from a data source of type Enum Type.

Use Enum Colors

Visible when Dataset Property of type Enumerated Type is selected.

Enable to use the colors defined in each Enum Value.

Limit Datasets

Visible when Dataset Property of type Enumerated Type is selected.

Enable to limit the dataset property by one or more Enum Values.

Stack Datasets

Visible when Dataset Property is selected.

Define to stack datasets Normal or to 100%. By default, None is selected.

Use Static Datasets

Only visible when Dataset Property is not defined.

Enable to use static datasets instead of defining a dataset property.

Dataset Name

Visible when Use Static Datasets is enabled.

Enter a static name for the dataset or bind it to a data source or function.

Filter

Visible when Use Static Datasets is enabled.

Apply a filter to the selected data source.

Value Override

Visible when Use Static Datasets is enabled.

Override the value if the value used for the dataset is stored in another property than the main value property.

Color

Visible when Use Static Datasets is enabled.

Define a color for the dataset.

Disable Gradient

Enable to lighten up the color value.

Title

Enter a static title or bind it to a data source, function, date now or date today.

Sub Title

Enter a static title or bind it to a data source, function, date now or date today.

Show Legend

Enable to show a legend.

Legend Position

Visible when Show Legend is enabled.

Position the legend on the top, left, bottom or right side of the chart.

Disable Animation

Enable to stop animation of the chart.

Zoom Type

Define if the X Axis, Y Axis or both should be zoomable. By default, None is selected.

Show Data Labels

Enable to show data labels above each data point.

Disable Mouse Tracking

Enable to block the chart for mouse tracking activities.

Tooltip Value Decimals

Define decimals to override the number of decimals shown for the y value in the tooltip.

Invert Axes

Enable to invert both X Axis and Y Axis with each other.

Axis Title

Enter a static title or bind it to a data source, function, date now or date today.

Axis Type

Select a type for the axis: Auto, Linear, Logarithmic, Datetime or Category.

Tick Interval

Set an interval for ticks on the axis. If the interval is too dense to be displayed, some ticks will be removed automatically. Note that axes with data type Datetime are based on milliseconds.

Min Value

Define the minimum value on the axis. If no value is set, it will automatically adjust to data.

Max Value

Define the maximum value on the axis. If no value is set, it will automatically adjust to data.

Enable Grid Lines

Enable to show grid lines on the axis.

Enable Crosshair

Enable a crosshair on the axis.

Hide Axis

Enable to hide the axis.

Reverse Axis

Enable to reverse the axis in order to display the values from highest to lowest.

Place Opposite

Enable to place the axis on the opposite side of the chart.

Plot Threshold Indicators

Add plot threshold indicators by defining a name, visibility, type (line or band), start value and color.

Event Handlers

You may add an On Series Click action to be executed when the data series is clicked.

Showroom
Register