Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks

Visualize Solr Data with Banana Andrew Thanalertvisuti

Banana Overview What is Banana project?

The Banana project is a fork of Kibana, and works with all kinds of time series and non-time series data stored in Apache Solr. It uses Kibana’s powerful dashboard configuration capabilities, ports key panels to work with Solr, and provide significant additional capabilities, including new panels that leverage D3.js. Goals:

- to create a rich and flexible Uis - enable users to rapidly develop end-to-end applications - to leverage the power of Apache Solr

Project homepage: https://github.com/LucidWorks/banana

Components

Logstash or Flume

Log or Text files Solr Banana

Input Log Parser NoSQL Storage Presentation UI

Deploy Banana

localhost

Solr

Banana Solr Banana

Host 2 Host 1

Single host Multiple hosts

* Need to enable CORS request in Solr: https://github.com/LucidWorks/banana/tree/release/resources/enable-cors

Building a Custom Panel

Custom  Panel  

Dashboard is just a JSON file Bootstrap 2.3.2 Grid system, each row can span up to 12 columns

Define  each  row  

Define  each  panel  

Panel  type  

Code Structure To build a panel, you need to have these 3 files:

1) editor.html UI for panel’s settings page 2) module.html UI for displaying panel on dashboard 3) module.js Logics of the panel

Code Walk-through

Q & A