What's Cookin' in Kibana

Elastic's Rashid Khan and Chris Cowan talk about what's cookin' in Kibana at Elastic{ON}16 on February 17, 2016, in San Francisco.

1. ‹#› Chris Cowan @simianhacker Rashid Khan @rashidkpc Cabana Kibana Be cool spellcheck. Be cool.
2. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
3. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
4. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
5. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
6. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
7. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
8. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
9. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
10. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
11. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
12. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
13. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
14. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
15. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
16. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
17. The Elastic UI Team Find us @ Elastic{ON} 2016 Print this slide, to play bingo with our faces There is no prize
18. We said it. We meant it. 18 A recap of Elastic{ON} 2015
19. We Promised 19 Mobile and mungable filters Colorful and composable charts Available and approachable plugins
20. Pinning, editing and more Filters More power in dashboards and everywhere else.
21. Pin it then take it with you.
22. Edit with the full power of the Elasticsearch DSL
23. Alias commonly used filters
24. From the flashiest charts to the humble number Customization More of it in every way
25. ‹#› custom Colors
26. 26 custom Colors
27. persistent Axis Labeling
28. persistent Axis Labeling
29. return to The Dark Side
30. ‹#› pluggable Formatters
31. [code fluff above] var convert = { text: function (rawValue) { return rawValue + ' is sad and plain'; }, html: function (rawValue, field, hit) { return '<h1>' + rawValue + ' is HUGE </h1>'; } } [code fluff below] Formatter Plugins They boil down to this
32. I don’t know how I managed without it. 32 Manageability
33. Export it then take it with you.
34. ‹#› kibana Status Page
35. { “status:” { “overall”: { “state”: "green", “title”: "Green", “nickname”: "Looking good", “icon”: "success", “since”: "2016-02-11T16:25:02.146Z" }, “statuses”: [ { “name”: "plugin:kibana", “state”: "green", curl localhost:5601/api/status Status API Yeah… we have those too
36. Apps & Plugins The best of apps. The worst of hacks.
37. Sandwiches Standard chattiness Plugins #kibana join us on irc.freenode.net
38. • Great for complex Elasticsearch queries and administrative operations • Syntax highlighting and intelligent typeahead Sense the intelligent console for Elasticsearch
39. Monitor metrics for your entire Elasticsearch infra 39 • Multi cluster performance aggregations • Historical shard and cluster state reporting
40. Timelion time series expressions for everything 40 • An expressive query language for time series • Combines multiple private and public data sources
41. 1../bin/kibana plugin -i elastic/timelion 2.Visit http://localhost:5601/app/timelion Installing Kibana Apps
42. ‹#› 1. ./bin/kibana plugin -i elastic/timelion 2. Visit http://localhost:5601/app/timelion 3. OR via the app switcher Installing Kibana Apps
43. Creating Kibana Apps Install it npm install -g yo # Install yeoman npm install -g generator-kibana-plugin # Install the kibana plugin generator Configure it mkdir my-new-plugin cd my-new-plugin yo kibana-plugin # Generate an app skeleton npm start # Start the plugin development environment Create it cd ../kibana npm start # With Elasticsearch running, start the kibana development environment Visit http://localhost:5601
44. With the right hammer, every problem is a nail. Though this is a saw. 44 Hacks
45. The simplest plugin for Kibana This is useless, but at least the world knows you exist. export default kibana => { return new kibana.Plugin({ uiExports: { hacks: [ 'plugins/foo/foo' ] } }); }; index.js alert(‘Hello World’); public/foo.js
46. A useful 5 minute hack Hot keys for anything! export default kibana => { return new kibana.Plugin({ uiExports: { hacks: [ 'plugins/hotkeys/ hotkeys' ] } }); }; index.js public/hotkeys.js import $ from 'jquery'; const hotkeys = { '8706': '[ng-href$=discover]', // Alt+d '8747': '[ng-href$=dashboard]', // Alt+b '231': '[ng-click="close()"]' // Alt+c }; $(window).keypress(e => { $(hotkeys[String(e.keyCode)]).click(); });
47. Reuse Kibana services Back to useless, but with more access export default kibana => { return new kibana.Plugin({ uiExports: { hacks: [ 'plugins/foo/foo' ] } }); }; index.js public/foo.js import uiModules from 'ui/modules'; uiModules.get('kibana').run(config => { alert(config.get(‘my:Special:Setting’)); // Awful things from here on down });
49. Hack sample code 49 Fearsome DOM Manipulation https://github.com/rashidkpc/kibana-hacks Elegant Directive Decoration https://github.com/simianhacker/kibana-hacks
50. ‹#› If Rashid can build a Kibana plugin anyone can. Spencer Alger Engineer who didn’t actually say that
51. Look, something shiny! No, focus. Oh there goes a butterfly! 51 Shiny
52. ‹#›
53. ‹#› Greater space efficiency
54. ‹#› Greater space efficiency
55. ‹#› Greater space efficiency
56. ‹#› Greater space efficiency
57. ‹#› Greater space efficiency
58. ‹#› Increased dashboard density
59. ‹#› 20% more dashboard density
60. ‹#› Applications as first class citizens
61. More Kibana topics and speakers to catch at Elastic{ON} 2016 61 Tomorrow & Friday
62. Friday. 11:00am. Stage A Be there or be [ ] 62 Spencer How to build your own Kibana plugin
63. 63 Thursday. 3:40pm. Spotlight Theater Holds 50 people. Get there early Joe From Dashboard to PDF Reporting in Kibana
64. 64 Thursday. 4:40pm. Spotlight Theater Holds 50 people. Get there early Tim Monitoring Elasticsearch from Kibana
65. Chris Cowan @simianhacker Rashid Khan @rashidkpc Join us on irc.freenode.net in #kibana Add Kibana to your spellchecker Thanks