Word cloud and grafana [loki datasource]

Good afternoon people!
I need direction. I need to create a panel in grafana using Word Cloud. I currently use Loki as a dataSource.

I didn’t find any examples and I don’t even know if it’s supported. Has anyone ever needed to use wordCloud with grafana and loki?

If so… can you give me a reference on how I save this data and what I need to do to appear on the panel?

Thank you very much in advance for your help.

There is a community plugin for Word Cloud, which I have never used

We recently added Word Cloud extension to the Apache ECharts Panel:

Many thanks for the reply.

I installed the plugin… volkovlabs.

Do you have a json of what a word cloud would look like?

I’m reading labels from json, can I use them with this framework?

Not available in Volkov Labs

If you have a printout of what the configuration would look like in grafana, that would also help… As I have never worked with this plugin… I’m a little lost

@douglasadriani I fixed the dashboard to allow Edit to Viewers. Thank you for reporting.

Here is the code we used. It has static values. For Data Source, please check out the documentation and YouTube tutorials

var option = {
  tooltip: {},
  series: [{
    type: 'wordCloud',
    gridSize: 2,
    sizeRange: [12, 50],
    rotationRange: [-90, 90],
    shape: 'pentagon',
    width: 600,
    height: 400,
    drawOutOfBound: true,
    textStyle: {
      color: function () {
        return 'rgb(' + [
          Math.round(Math.random() * 160),
          Math.round(Math.random() * 160),
          Math.round(Math.random() * 160)
        ].join(',') + ')';
      }
    },
    emphasis: {
      textStyle: {
        shadowBlur: 10,
        shadowColor: '#333'
      }
    },
    data: [
      {
        name: 'Sam S Club',
        value: 10000,
        textStyle: {
          color: 'black'
        },
        emphasis: {
          textStyle: {
            color: 'red'
          }
        }
      },
      {
        name: 'Macys',
        value: 6181
      },
      {
        name: 'Amy Schumer',
        value: 4386
      },
      {
        name: 'Jurassic World',
        value: 4055
      },
      {
        name: 'Charter Communications',
        value: 2467
      },
      {
        name: 'Chick Fil A',
        value: 2244
      },
      {
        name: 'Planet Fitness',
        value: 1898
      },
      {
        name: 'Pitch Perfect',
        value: 1484
      },
      {
        name: 'Express',
        value: 1112
      },
      {
        name: 'Home',
        value: 965
      },
      {
        name: 'Johnny Depp',
        value: 847
      },
      {
        name: 'Lena Dunham',
        value: 582
      },
      {
        name: 'Lewis Hamilton',
        value: 555
      },
      {
        name: 'KXAN',
        value: 550
      },
      {
        name: 'Mary Ellen Mark',
        value: 462
      },
      {
        name: 'Farrah Abraham',
        value: 366
      },
      {
        name: 'Rita Ora',
        value: 360
      },
      {
        name: 'Serena Williams',
        value: 282
      },
      {
        name: 'NCAA baseball tournament',
        value: 273
      },
      {
        name: 'Point Break',
        value: 265
      }
    ]
  }]
};

return option;