Please send me your email and I will share a copy of the template with your account.
Well done 
In your case you have four traces, two of them are stacked and other traces are overlay. Is that correct? Or are all of them overlay?
Thanks for the quick response. I have 5 traces. The 3 Bar traces are overlay and then I have the 2 Scatter traces which are also overlay.
1 Like
If all traces are supposed to be overlay, you shouldnāt have a problem.
Sorry about that, let me rebuild your chart on my side and identify the problem.
Donāt worry about it, it will be fixed soon.
Thank you for cooperation and patience.
Hi @NoCodeDataArtisan ,
Did you get the chance to look at my line symbol chart issues?
Many thanks.
Julie
1 Like
Hello @julie4
Sorry for the delay in respond.
Your case was rare, but luckily, I found the solution.
On this page, I tried to make a chart like yours, which you can check it out via the editor link. The editor also has edit access.
Artisan-plugnplay | Bubble Editor
All I did was set the border width to zero for the bars.
I apologize again for taking so long. If you run into a challenge again or have any questions, Iām always here to help and I promise to respond faster this time. Thank you for your patience.
āBest,
Mehrdad
1 Like
This is fantastic Mehrdad! Iāve now got the chart just the way the client wants it. Thank you so much for all your help.
1 Like
Is there any documentation on heatmaps at all? 
1 Like
Hello @michaelriedler,
I apologize for the lack of documentation.
On this page, you can see examples of heatmaps, and a link to the editor to check how to make them.
Plotly Charts | No Code Data Visualization (bubbleapps.io)
Data-visualization-plotly | Bubble Editor
If you need help creating the heatmap, we are here to help you create your chart.
1 Like
You are rapid 
thanks! I have already copied that page into my app and playing with it. Bit of a learning curve to begin with
this is what i like to make 
1 Like
Thank you mate,
Thatās great, weāve released this plugin, so bubble developers donāt have to worry about making charts anymore.
Do you get this data from the database? Can I have the database structure related to them?
1 Like
Love the sharing of your editor. Thatās part what I need to figure out as the data is coming in via API. Trying to figure out what do I need to feed it to then inform back-end dev what to provide. Trying at the mo to make it work with a sample set of
0, 0.12, 0.86, 0.45, 0.78, 0.21, 0.67, 0.55, 0.29, 0.91,
0.82, 0, 0.48, 0.61, 0.24, 0.75, 0.11, 0.39, 0.93, 0.37,
0.14, 0.88, 0, 0.22, 0.77, 0.56, 0.35, 0.10, 0.44, 0.28,
0.65, 0.41, 0.72, 0, 0.17, 0.62, 0.53, 0.09, 0.38, 0.96,
0.48, 0.24, 0.87, 0.83, 0, 0.13, 0.69, 0.20, 0.57, 0.76,
0.21, 0.95, 0.36, 0.78, 0.42, 0, 0.87, 0.64, 0.31, 0.54,
0.47, 0.13, 0.59, 0.21, 0.63, 0.88, 0, 0.75, 0.92, 0.04,
0.25, 0.79, 0.40, 0.89, 0.80, 0.16, 0.85, 0, 0.47, 0.68,
0.39, 0.33, 0.94, 0.16, 0.73, 0.58, 0.21, 0.53, 0, 0.82,
0.91, 0.07, 0.18, 0.64, 0.86, 0.49, 0.36, 0.22, 0.58, 0
1 Like
Sorry for my late response, could you please share the rows names?
I want to build it for you on our free access application.
1 Like
- Patagonia: Gear for a Better Earth
- Explore More, Waste Less with Patagonia
- Patagonia: Built for the Wild
- Patagonia: Protecting Land and Water Since 1973
- The Adventure Starts Here: Patagonia
- Patagonia: Quality Gear for the Environmentalist in You
- Patagonia: Style, Performance, and Sustainability
- Patagonia: For the Love of Nature
- Make Every Adventure Count with Patagonia
- Patagonia: Leading the Way in Sustainable Outdoor Apparel
Thank you
1 Like
Hey @michaelriedler
Is this the chart you are looking for?
Preview:
My Page (bubbleapps.io)
Editor:
Artisan-plugnplay | Bubble Editor
Heatmap Module:
To add z values as labels you just need to set text template to %{z} and you can set your color scale colors and values in their corresponding fields:
Option Modules:
I used the Axis module to put the x axis on top but there are also more options if you need more customizations.
The Configuration module is used just to change the plot area BG color.
Please let me know if you have any questions.
Best,
Mehrdad
1 Like
Absolute legend! Thank you 
Will have a look and let you know
1 Like
Hey, excellent plugin Iāve been playing around with it and its simply amazing. Have a few questions tho, I previously used Plotly directly to plot a scatter on a container.
The idea is to let the user explore the data and visualize it, so I have some dropdowns to let users select the X and Y axes they want to visualize and a āLabel/Groupā dropdown that should(in plotly terms) create separate traces for each unique label with their respective points.
Is there any way to build this with the plugin? As we canāt create a trace Element for each unique label. I tried building a āMultiple Module Outputā text using Expression and Javascript and the result text is fine(if theres a label selected it makes multiple traces and concatenate them just as the Plot needs it, but the Chart somehow keeps all the previous traces on its āCurrent Chartā after selecting a different label, even when the previously built trace text is correctly formatted and updated with the latest selected label.
This is the ChartPlotter using the Trace text(built with js) without a label selected.
The user selects a label and the javascript build multiple traces and output all of them as text separated with ā,ā
User changes the label/group field, the Plot chart Element has a Current Chart, with the previous traces(this shouldnāt happen)
TraceText is updated with only 1 trace(just to show that the trace is ok and the current chart is not)
2 Likes
Hello @samuel98,
Thank you for placing your trust in us and selecting our plugin for your application.
Could I possibly gain access to the app editor to identify and address the issue?
As you have done, you can create and modify module outputs, and with any updates to those JSONs, the chart and its states should also be updated.
The current chart state has been updated to include the AI modification feature and needs to be synchronized with other states. Are you implementing the AI modification, or did you refer to it as a hint for resolving the issue?
1 Like
Hello @NoCodeDataArtisan, thanks for replying.
Access to the app editor is not possible right now, but Iāll provide all necessary information to work towards a solution.
To explain the issue at hand: We have data that we want users to visualize in various ways, including through scatter plots. Scatter plots can be created with a single trace containing all X and Y values, or with multiple traces, each representing different criteria. Iāve implemented a dropdown menu that allows users to select a column from the data to āgroupā the points by unique values within that column, thus generating multiple traces. Each trace configuration is derived from a base Trace element. To achieve multiple traces, Iāve utilized JavaScript expressions within the Base Trace Element Module Output, dynamically generating the necessary trace or traces data based on the selected options.
This approach successfully creates multiple traces using a single Trace Element as the foundation. However, a problem arises when users change the āgrouping column.ā Initially, the traces are created and displayed correctly. However, subsequent changes to the grouping column do not remove the previous traces, despite the Trace Expression being correctly formatted to accommodate the new options.
Iāll include a video showcasing the configuration within the editor and how it functions on the page for further context. Please feel free to reach out with any questions. And please, excuse my poor pronunciation.
Editor Config:
Current setup example:
Webpage to test:
Currently, Iām not utilizing the AI modification feature, but if thatās a potential solution, please advise.
1 Like
Please add an additional condition to check the value of the label dropdown in the JavaScript expression element. I understand it might not be clear, but Iād like to conduct some trial and error.
Also, copy the main scatter module output, remove the x and y values, and then insert it as JSON text into the JavaScript code.
I would appreciate it if you could provide an email address so I can share a template similar to our live demo with you; it might offer you another perspective on allowing users to create their own charts.
1 Like