Vega lite visualization

[hiba (chaieb)]

Hi Team,

i'm very new to vega visualization i try to make a visualization like this

i have a simple script like this :

{
  $schema: https://vega.github.io/schema/vega-lite/v2.json
  data: {
    # URL object is a context-aware query to Elasticsearch
    url: {
      # The %-enclosed keys are handled by Kibana to modify the query
      # before it gets sent to Elasticsearch. Context is the search
      # filter as shown above the dashboard. Timefield uses the value 
      # of the time picker from the upper right corner.
      %context%: true
      %timefield%: @timestamp
      index: distributor
      body: {
        size: 1000
        _source: [
          type
        ]
      }
    }
    # We only need the content of hits.hits array
    format: {
      property: hits.hits
    }
  }
 
  transform: [
    {
      type: formula
      expr: data('values').count
      as: count
    }
  ]

  mark: circle
  encoding: {
    x: {
      field: _source.type
      type: nominal
      axis: {
        title: Distributor}}
        y: {
          field: count
          type: quantitative
          axis: {
            title: number}}
            color: {
              field: _source.type
              type: nominal
              legend: {
                title: Distributor type
              }
            }
            shape: {
              field: _source.type
              type: nominal
            }
          }
        }
      }
    }
  }
}

any help please !

[wylie (Wylie Conlon)]

For general advice I've written some new vega tutorials and reference docs for Kibana which were written for 7.9.0 and later, but you can adapt the concepts there to older versions as well.

You appear to be using _source instead of using Elasticsearch aggregations. Please try the tutorial I wrote to use aggregations.

For specific advice, the transform block that you've written doesn't look like a valid Vega-lite calculation.

If you want more help, the best option for you is to use the browser console to inspect VEGA_DEBUG.vegalite_spec and to share that (only a few docs are needed, please change the size to 1 or 2)