back to Plugin Home

Supabase3D-Scatter Chart

🔌Plugin Marketplace Page
🧪Demo App (Live)
🛠️Demo App Editor

Service Description

  • 3D-Scatter Chart is a plugin for Bubble developers to visualize 3D scatter plots.

  • For example, if you have data with X, Y, and Z coordinates, you can use this plugin to render them as interactive 3D charts.

  • It focuses solely on 3D scatter plots. If your app only needs this, you don’t have to pay extra for other chart types.

  • One subscription allows you to use it across multiple pages and data sources.

  • You can see a demo app using this plugin here.

  • See Bubble usage instructions here.

3D-Scatter Chart image

Plugin Configuration and Usage

0. Prepare Data: Create 3D dataset

To display a 3D scatter chart, you need to define a data type and create actual data entries.
  1. Define the data type:
    Create a data type (e.g. XyzData) that contains 3D coordinate values.
    Fields(example):
    • X: X-axis value (number)
    • Y: Y-axis value (number)
    • Z: Z-axis value (number)
  2. Create data entries:
    Add some data to your app database using App Data tab or workflows. Make sure the values are numeric and within a reasonable range to visualize effectively.
Configuration

1. Configuration: Add the Plugin

  1. Install the plugin. This plugin requires no special setup during installation—just install and start using it.
Configuration

2. Usage: Configure in Design tab

  1. From the Visual Elements section, find "3DScatterChart" and drag it onto the page.
  2. Set position and size (e.g. Width, Height as needed.
  3. Configure the chart properties as follows:
    Chart properties:
    PropertyDescriptionExample
    Type of dataThe data type that contains the coordinate values.XyzData, 3DPoints
    Data sourceThe list of things to be plotted. Must match the selected type.Search for XyzData
    Value XField in the type that represents the X-axis (number)x, p0
    Value YField in the type that represents the Y-axis (number)y, p1
    Value ZField in the type that represents the Z-axis (number)z, p2
    Marker colorColor used for the scatter points.#2C7EB8
    Marker sizeSize of the scatter points in pixels.4, 0.7
Configuration

Pricing

  • $19 once or $3/month

  • Low-Cost Trial: Subscribe to try. Cancel anytime and only pay for the days used. For example, $3/month equals $0.10/day.

Support

Plugins are generally easy to use. However, if you encounter any issues or have questions, please use the following methods to contact us.

  • Contact Form: For general inquiries, technical support, or bug reports, please use our dedicated Contact Form.

    • We aim to respond to all inquiries within 24-48 business hours.
    • When reporting a bug, please include as much detail as possible, such as screenshots, error messages, and the steps to reproduce the issue.

  • Documentation: For comprehensive guidance on how to set up and use our plugin, please refer to the "Plugin Configuration and Usage" section located above on this page.

    • For a deeper dive into the exact configurations and workflows, you can also explore the Editor view of our demo application here.
    • This documentation and the demo editor are regularly updated to reflect the latest plugin features and improvements.

We are committed to providing reliable support to ensure a smooth experience with our plugin.

Terms of Service

Terms of Service are available here.

Privacy Policy

Privacy Policy are available here.

Refund Policy

For our refund policy, please refer to the Refunds section in our Terms of Service.