A Radar (or Spider) Chart plugin for Kibi 0.3.x+ or Kibana 4.3.x+ free as in beer and speech, enjoy! Sign up to our mailing list on http://siren.solutions for the most exciting updates about Kibana modding :)
Permalink
Failed to load latest commit information.
gradle
img
public
.editorconfig
.eslintrc
.gitignore
.node-version
LICENSE.md
README.md
build.gradle
gradle.properties
gradlew
gulpfile.js
index.js
package.json

README.md

Kibi/Kibana Radar Chart Plugin

This is a plugin for Kibana and Kibi (our extention of Kibana for Relational Data)

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.

image image

Compatibility

This plugin can be installed in both:

The following table shows the compatibility between releases of Kibi/Kibana and Radar Chart Plugin plugin

Kibi/Kibana Radar Chart Plugin
5.6.4 master
5.2.2 branch-5.2.2
5.2.1 branch-5.2.1
5.2.0 branch-5.2.0
5.1.2 branch-5.1.2
5.1.1 branch-5.1.1
5.0.2 branch-5.0.2
5.0.1 branch-5.0.1
5.0.0 branch-5.0.0
4.6.4 branch-4.6.4
4.6.3 4.5.3
4.5.x 4.5.3
4.4.x 4.4.2
4.3.x 0.1.0

Installation

Automatic

For kibi/kibana 4.x

$ # 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

For kibi/kibana 5.x.x (replace the 5.x.x with correct version number)

$ # for kibi
$ ./bin/kibi-plugin install https://github.com/sirensolutions/kibi_radar_vis/releases/download/5.x.x/kibi_radar_vis-5.x.x.zip
$ # for kibana
$ ./bin/kibana-plugin install https://github.com/sirensolutions/kibi_radar_vis/releases/download/5.x.x/kibi_radar_vis-5.x.x.zip

Manual

For kibi/kibana 4.x

$ 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/

For kibi/kibana 5.x

$ git clone https://github.com/sirensolutions/kibi_radar_vis.git
$ cd kibi_radar_vis
$ git checkout branch-5.x.x
$ npm install
$ npm run build
$ cp -R build/kibana/kibi_radar_vis KIBANA_FOLDER_PATH/plugins/

Uninstall

For kibi/kibana 4.x

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

For kibi/kibana 5.x

$ # 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 as you've cloned Kibana (>=4.6.4)
  • Switch to the same node version as Kibana using nvm (currently nvm use 6.9.0)
  • Install dependencies with npm install
  • Install the plugin to Kibana and start watching for changes by running npm start

Demo

heroes

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.

heroes params