Presented at Lucene/Solr Revolution 2014

2. Visualize Solr Data with Banana
Andrew Thanalertvisuti

3. 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

4. Components
Input Log Parser NoSQL Storage Presentation UI
Logstash or
Flume
Log or Text
files Solr Banana

5. Deploy Banana
Single host Multiple hosts
localhost
Banana Solr Banana
Solr
Host 1 Host 2
* Need to enable CORS request in Solr:
https://github.com/LucidWorks/banana/tree/release/resources/enable-cors

6. Building a Custom Panel
Custom
Panel

7. 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

8. 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

9. Code Walk-through

10. Q & A