Skip to main content
Solved

How to Create Scatter Plots in WebUI?

  • November 22, 2019
  • 5 replies
  • 179 views

Dear community,

how can I make scatter plots in WebUI?

I appreciate any help in advance

Best answer by Anonymous

Hi Gergerly,

By default, the Bubble Chart takes a relative size (and a default size if all node sizes are the same). By adding a WebUI annotation to the node and using this to adjust the node-size for this specific set of nodes via Custom CSS, you can create a scatter plot.

Below you see the same info: Left as Scatter, Right as regular Volume Bubbles. I also attached the project where I added the following as custom css:

 

circle.annotation-scatter-plot.chart-item.bubble {
r: 3px;
fill: blue;
}


Enjoy

 

 

5 replies

Jess Es
Forum|alt.badge.img+6
  • Grand Master
  • 121 replies
  • November 22, 2019

Hi @Gergely Vadler you may want to try using a bubble chart to achieve that https://documentation.aimms.com/webui/bubble-chart-widget.html


Andrew
  • Former AIMMSian
  • 50 replies
  • December 3, 2019

Hi @Gergely Vadler 

Was the answer provided able to help you with your question or were you able to find your own solution?

Thanks


  • Author
  • Newcomer
  • 2 replies
  • December 4, 2019

Hi Andrew

It was a general question, not related to a specific problem.


  • 0 replies
  • Answer
  • December 4, 2019

Hi Gergerly,

By default, the Bubble Chart takes a relative size (and a default size if all node sizes are the same). By adding a WebUI annotation to the node and using this to adjust the node-size for this specific set of nodes via Custom CSS, you can create a scatter plot.

Below you see the same info: Left as Scatter, Right as regular Volume Bubbles. I also attached the project where I added the following as custom css:

 

circle.annotation-scatter-plot.chart-item.bubble {
r: 3px;
fill: blue;
}


Enjoy

 

 


  • Author
  • Newcomer
  • 2 replies
  • December 4, 2019

Thank you very much



Didn't find what you were looking for? Try searching on our documentation pages:

AIMMS Developer & PRO | AIMMS How-To | AIMMS SC Navigator