Kibana4 Custom Color Palettes

Cool and quick dabble on Kibana4 for custom color palettes.  Since Kibana4 is the blaze of the future and old Kibana is not coming back, its worth our time spending time getting to know this latest version.
Here is neat ‘temp graph’ using a custom color palette and temperature data from drives in pc.
1
And here is the original for reference.
2

First, go here and grab some colors, http://www.perbang.dk/rgbgradient/

Then just edit file.

/opt/kibana/src/public/index.js
 Here is my change. From this:
return function SeedColorUtilService() {
     return [
     '#57c17b',
     '#006e8a',
     '#6f87d8',
     '#663db8',
     '#bc52bc',
     '#9e3533',
     '#daa05d'
];
To this:
// Flames Baby
return function SeedColorUtilService() {
     return [
     '#2DF008',
     '#44F10A',
     '#5CF10B',
     '#73F10C',
     '#8AF10D',
     '#A1F10E',
     '#B8F10F',
     '#CFF110',
     '#E5F111',
     '#F1E712',
     '#F1D113',
     '#F2BC15',
     '#F2A616',
     '#F29117',
     '#F27C18',
     '#F26719',
     '#F2531A',
     '#F23E1B',
     '#F22A1C',
     '#F21D25',
     '#F21E3B',
     '#F21F50'
];

That and a quick restart, and BAM; custom color palettes in Kibana4.

Of course, this is an all or nothing. If other visualizations in your dashboard have have multiple filters/attributes, everything ends up looking equally colorful.

Here is a flaming pie-chart for example.

3
And here is how it would look with the default palette.
4
Kibana4 is evolving and I am certain their color palette implementation will be better than this, however, if you need custom colors now, this will do in a pinch.
Thanks for reading.
Advertisements

2 thoughts on “Kibana4 Custom Color Palettes

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s