Introducing The Plotly Charts Plugin for Bubble Developers – Your All-In-One Charting Solution!
We are thrilled to introducing The Plotly Charts plugin, a comprehensive and powerful tool that will redefine the way you create and visualize data in Bubble. Built on the robust plotly.js library, it’s time to elevate your charting experience to new heights!
Map ChartsWithout Third-Party APIs: Customize map charts exactly how you want them without any extra hassle.
That’s what Plotly Charts offers.
Powerful Customization Without the Price Tag
Empower your users to build charts like in Power BI or Tableau but without the costly subscription to embed dashboards. You’re in control!
What If Charts Had Minds of Their Own?
Speak to your charts. Whisper your desires. Watch them shape themselves with AI’s touch.
That’s not magic; it’s our AI Chart Modification feature. Try it in our demo!
Playground for Innovators
Want to explore before you build? Our Bubble-like editor playground lets you experiment freely. Have fun while you learn!
It looks great! I use another plugin for my app, but am looking at creating another app. My line chart use is to display audiograms. To be able to do this, the line chart needs to be able to Span Gaps and use custom symbols. Can this plugin do that?
First off, I’m thrilled you’re considering The Plotly Charts plugin for your new app. Here’s the scoop on what you’re curious about:
Spanning Gaps? Absolutely! Even if there’s missing data, the line will look smooth and uninterrupted. Super handy for audiograms.
Custom Symbols? You bet! Whether you’ve got special markers or quirky symbols in mind, our plugin’s got your back.
Simply put, with The Plotly Charts, there’s no “No”. It’s like the Swiss Army knife of chart plugins!
And if you ever hit a snag or just need some pointers, we’re here, ready to jump in and help out.
If you want, you can share a sample of your data and the chart type you prefer with us, and we might feature it in one of our upcoming training videos.
Wow, thanks for the awesome feedback! It really means a lot to us that you find our Plotly implementation cool and unique.
Guess what? We’re cooking up some even cooler stuff!
Soon, you’ll be able to just pick a bubble data type from your app and let the plugin do its magic to create the chart. And yep, your users will get to play with it too! Hope you’re as excited about this as we are.
Or you can adjust the Width and Height fields to resize the chart dynamically. This gives you more flexibility and control over how your chart elements look.
The video dives into the various bar chart options available, teaches you how to add engaging patterns to your chart, and even shows you how to enhance readability with text labels on each bar.
00:00 - Creating a Basic Bar Chart with Group-by Data 03:02 - Switching to a Horizontal Bar Chart 04:42 - Exploring Bar Chart Options 06:25 - Integrating Patterns into Your Chart 08:31 - Adding Text Labels to Bars
Thank you so much for your kind words! We’re excited that you’ll be switching to The Plotly Charts. Your trust in us is much appreciated!
In answer to your question regarding the “Reversed Axis” feature: Absolutely, yes!
The feature is fully functional and should allow you to reverse your X-axis just as you’ve described (3, 2, 1, 0, -1, -2, -3). However, to ensure we are providing the best possible assistance, could you kindly provide a bit more detail about the data and the chart you’re working on? For instance, is it a histogram, scatter plot, or some other type? What is the chart’s orientation?
Looking forward to your reply so that we can assist you further.
I have “Scatter A”, “Axis X”, “Axis Y” as my 3 tools.
“Scatter A” is simple plot array pulling from some db items.
Axis Y is normal (ascending in value vertically - left side of the chart)
Axis X I’d like the values to be reversed and have “yes” boolean selected. (Top of chart)
I’ve added an image of the Axis X settings marked “yes” for Reversed Axis under “Range Options”
Maybe there’s something I’m missing as the “Range Options:” don’t appear to stick for the Y or X axis. It’s also still calculating auto range even though I have “no” selected. Thoughts?
Thank you for bringing this issue to our attention. We deeply regret any inconvenience it has caused you. The problem originated from our most recent update, and we are working diligently to resolve it as quickly as possible. In the meantime, if you’d like to maintain functionality, you might consider downgrading to version 1.1.1.
Additionally, we have a few general tips that may improve your experience:
There’s no need to fill in fields that aren’t relevant to your needs. When left empty, Plotly will automatically select the best options for you.
If you set the ‘auto’ type to ‘auto’ or empty, you have the flexibility to use text instead of just numbers.
To reverse the axis, simply turn off the ‘auto’ setting and set the domain range to 3 to -3 instead of the default -5 to 5.
We appreciate your patience and understanding as we work to fix the issue.
Thank you for your continued support.
We’ve published an updated version that not only fixes the issue you mentioned but also improves the GPT integration. Specifically, we’ve enhanced how data points are modified.
Looks great. I’m wondering if there would be a way to use something like this to create a grid of let’s say ten rows by ten columns, with each square representing some record in the database. Each record would be some entity in various percentages of completion. Color coded according to status. If there’s an issue for example, that square would turn red. Then one could tap on the square to open a popup to see the details.
You might want to consider using heatmaps for your grid. They are excellent for color-coding based on the status of each record, making it easier to spot issues at a glance.
We’re actually developing a feature that allows you to use database records directly for chart data, which could simplify your grid creation process.
While our plugin is quite powerful, it’s not the only way to achieve this grid layout. Repeating groups (RG) could also be an effective way to build what you’re looking for. If you’re interested, I’d be happy to guide you through the process using the RG method.
Let me know which approach you’d like to take, and we can go from there!
Thank you for reaching out and for your kind words about our plugin. We truly appreciate your feedback and are always here to assist.
Regarding your query about sorting nodes in a Sankey diagram, typically, the order of nodes in a Plotly Sankey diagram is determined by the order of the labels in the input data. However, there are instances where this might not seem intuitive, especially if the diagram is trying to avoid overlapping of nodes and links for better clarity.
In your use case, is it possible for you to sort the data according to the values before using it on Sankey?
Also, there is an option to manually set the positions of the nodes. This can be done by providing x and y coordinates for each node. By doing so, you can control the placement of nodes based on their values or any other criteria you prefer. This method offers greater flexibility in organizing your Sankey diagram exactly as you wish. However, I don’t think you need this one.
If you require further assistance or have any more questions, please don’t hesitate to reach out. We’re here to help and are committed to enhancing your experience with our tools.
Also, we apologize for the lack of documentation. Please rest assured that our team is diligently working on comprehensive documentation to better support your experience with our plugins.
Maps in Your Hands
Powerful Customization Without the Price Tag
What If Charts Had Minds of Their Own?
Playground for Innovators
It really means a lot to us that you find our Plotly implementation cool and unique.
Tutorial 
