add a graphana visualization

1) Create a visualization

2) Choose visualization type

3) Change Query destination to graphite

4) add a Query

consolidateBy(stats_counts.kafkaConsumerRecordCount.application.my-microservice-name.environment.prod.instanceId.*.region.*.statistic.count, 'sum')

The panel will look like:

{
  "cacheTimeout": "",
  "datasource": "Graphite",
  "gridPos": {
    "h": 9,
    "w": 12,
    "x": 0,
    "y": 0
  },
  "id": 2,
  "links": [],
  "pluginVersion": "6.1.6",
  "targets": [
    {
      "refId": "A",
      "target": "consolidateBy(stats_counts.kafkaConsumerRecordCount.application.my-microservice.environment.prod.instanceId.*.region.*.statistic.count, 'sum')",
      "textEditor": true
    }
  ],
  "timeFrom": null,
  "timeShift": null,
  "title": "Processed Events",
  "type": "graph",
  "renderer": "flot",
  "yaxes": [
    {
      "label": null,
      "show": true,
      "logBase": 1,
      "min": null,
      "max": null,
      "format": "short"
    },
    {
      "label": null,
      "show": true,
      "logBase": 1,
      "min": null,
      "max": null,
      "format": "short"
    }
  ],
  "xaxis": {
    "show": true,
    "mode": "time",
    "name": null,
    "values": [],
    "buckets": null
  },
  "yaxis": {
    "align": false,
    "alignLevel": null
  },
  "lines": true,
  "fill": 1,
  "linewidth": 1,
  "dashes": false,
  "dashLength": 10,
  "spaceLength": 10,
  "points": false,
  "pointradius": 2,
  "bars": false,
  "stack": false,
  "percentage": false,
  "legend": {
    "show": true,
    "values": false,
    "min": false,
    "max": false,
    "current": false,
    "total": false,
    "avg": false
  },
  "nullPointMode": "null",
  "steppedLine": false,
  "tooltip": {
    "value_type": "individual",
    "shared": true,
    "sort": 0
  },
  "aliasColors": {},
  "seriesOverrides": [],
  "thresholds": [],
  "timeRegions": []
}

5) The graph visualization looks like

screen recording in mac using QuickTime player