Kibi/Kibana Radar Chart Plugin

This is a plugin for Kibana 4.3+ and Kibi (our extention of Kibana for Relational Data) 0.3.

A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point. The relative position and angle of the axes is typically uninformative.

Installation

This plugin can be installed in both:

• Kibana: 4.3+
• Kibi: 0.3+ (Coming soon ...)

Automatic

$ # for kibi
$ ./bin/kibi plugin -i kibi_radar_vis -u  https://github.com/sirensolutions/kibi_radar_vis/archive/4.5.3.zip
$ # for kibana
$ ./bin/kibana plugin -i kibi_radar_vis -u  https://github.com/sirensolutions/kibi_radar_vis/archive/4.5.3.zip

Manual

$ git clone https://github.com/sirensolutions/kibi_radar_vis.git
$ cd kibi_radar_vis
$ npm install
$ npm run build
$ cp -R build/kibi_radar_vis KIBANA_FOLDER_PATH/installedPlugins/

Uninstall

$ # for kibi
$ bin/kibi plugin  --remove kibi_radar_vis
$ # for kibana
$ bin/kibana plugin  --remove kibi_radar_vis

Development

• Clone the repository at the same level of a Kibana > 4.3 clone
• If needed, switch to the same node version as Kibana using nvm (e.g. nvm use 0.12)
• Install dependencies with npm install
• Install the plugin to Kibana and start watching for changes by running npm start

Demo

Create a sample index with the commands below and then create a new radar visualization.

$ curl -XPUT 'http://localhost:9200/hero' -d '
{
  "mappings": {
    "Hero": {
      "properties": {
        "name": {
          "type": "string",
          "index": "not_analyzed"
        }
      }
    }
  }
}
'

$ curl 'http://localhost:9200/hero/Hero' -d '
{
  "name": "Thor",
  "intelligence": 2,
  "strength": 7,
  "speed": 7,
  "durability": 6,
  "energy": 6,
  "fighting": 4,
  "description": "god-like durability"
}
'

$ curl 'http://localhost:9200/hero/Hero' -d '
{
  "name": "Iron Man",
  "intelligence": 6,
  "strength": 6,
  "speed": 5,
  "durability": 6,
  "energy": 6,
  "fighting": 4,
  "description": "smart entreprenuer"
}
'

$ curl 'http://localhost:9200/hero/Hero' -d '
{
  "name": "Captain America",
  "intelligence": 3,
  "strength": 3,
  "speed": 2,
  "durability": 3,
  "energy": 1,
  "fighting": 6,
  "description": "only human"
}
'

$ curl 'http://localhost:9200/hero/Hero' -d '
{
  "name": "Hulk",
  "intelligence": 6,
  "strength": 7,
  "speed": 3,
  "durability": 7,
  "energy": 1,
  "fighting": 4,
  "description": "brilliant scientist"
}
'

The metrics define the dimensions of the chart, and should be at least three. Each colored area is defined in the bucket section, e.g., a hero's name.