Cloudinary bubble chart

[Darren_Murphy]

@Simon_Hill

I have tried and failed to use one. If the output is exactly the same as the URL my template columns generate then I don’t understand why it would be more robust.

The thing is, it won’t always be exactly the same, because…

@Darren_Murphy

the Construct URL column will automatically take care of URI-escaping for you.

Which the template column on its own won’t do.

So then you don’t need to worry about stuff like this…

@Simon_Hill

It just takes a bit of juggling using the Template component (and you need to remove the ‘&’ Symbol in Series names…

@Simon_Hill

If someone can show me an example using this URL then I would be grateful.

Did you have a look at that example that I linked to above? That example is very similar to your current use case.

Anyway…

@Simon_Hill

If someone can show me an example using this URL then I would be grateful.

“https://quickchart.io/chart?c={type:‘bubble’,data:{datasets:[{label:‘Data 1’,data:[{x:1,y:4,r:9},{x:2,y:4,r:6},{x:3,y:8,r:30},{x:0,y:10,r:1},{x:10,y:5,r:5}]}]}}”

• First, take everything after the c=, and stick that in a template column:

{
  type:'bubble',
    data: {	
      datasets:[{
      label:'Data 1',
      data:[{x:1,y:4,r:9},{x:2,y:4,r:6},{x:3,y:8,r:30},{x:0,y:10,r:1},{x:10,y:5,r:5}]
    }]
  }
}

• Then configure your Construct URL column as follows:
  
  
• You use the template column as the replacement value for the c Query Parameter.
• If you want to pass additional options, you can do that as extra Query Parameters. For example, if you wanted to change the background colour you could do something like this:

• which would result in:

yuck!