filter.json

{
  "labels": $distinct(data.trade.token.name),
  "datasets": [
    {
      "label": "Dataset 1",
      "data": data.trade[token.name="tzBTC"].{
        "x": $number(tezQty),
        "r": 10 + ($number(slippage) * 100),
        "y": $number(price)
      },
      "borderColor": "rgb(250, 178, 55)",
      "backgroundColor": "rgba(250, 178, 55, 0.6)"
    }
  ]
}

plugins.json

{
  "title": {
    "display": true,
    "text": "Custom Chart Title",
    "padding": {
      "top": 10,
      "bottom": 30
    }
  },
  "scales": {
    "y": {
      "display": true,
      "text": "Price"
    },
    "x": {
      "display": true,
      "text": "Tezos Quantity"
    }
  },
  "layout": {
    "padding": 170
  }
}

query.gql

query MyQuery {
  trade(limit: 10) {
    id
    token {
      name
    }
    tokenQty
    tezQty
    slippage
    price
    exchange {
      name
    }
  }
}