visualize solr data with banana: presented by andrew thanalertvisuti, lucidworks
TRANSCRIPT
![Page 1: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/1.jpg)
![Page 2: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/2.jpg)
Visualize Solr Data with Banana Andrew Thanalertvisuti
![Page 3: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/3.jpg)
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
![Page 4: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/4.jpg)
Components
Logstash or Flume
Log or Text files Solr Banana
Input Log Parser NoSQL Storage Presentation UI
![Page 5: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/5.jpg)
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
![Page 6: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/6.jpg)
Building a Custom Panel
Custom Panel
![Page 7: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/7.jpg)
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
![Page 8: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/8.jpg)
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
![Page 9: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/9.jpg)
Code Walk-through
![Page 10: Visualize Solr Data with Banana: Presented by Andrew Thanalertvisuti, Lucidworks](https://reader031.vdocuments.mx/reader031/viewer/2022020106/55a4e52f1a28ab24748b46fe/html5/thumbnails/10.jpg)
Q & A