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 
