Kibana's flow from response fetching to visualizations

tksumanth1994 · August 9, 2016, 5:10am

I am making visualizations using d3.js on backbone framework. I am using ES to store and fetch data. Right, now I use custom jsonpaths to get formatted data from ES response to convert it into visualization's format. Something like - "label": "$.aggregations.name.buckets[].key", "data": "$.aggregations.name.buckets[].name2.value". I want to know how Kibana handles this. Thank you.

BigFunger · August 9, 2016, 3:02pm

I'm not 100% sure what you're looking for, but here is one of the places where the rubber hits the road in Kibana.

github.com

elastic/kibana/blob/master/src/ui/public/vislib/vis.js#45

import _ from 'lodash';
import d3 from 'd3';
import { KbnError } from 'ui/errors';
import { EventsProvider } from 'ui/events';
import './styles/main.less';
import { VislibVisConfigProvider } from './lib/vis_config';
import { VisHandlerProvider } from './lib/handler';

export function VislibVisProvider(Private) {
  const Events = Private(EventsProvider);
  const VisConfig = Private(VislibVisConfigProvider);
  const Handler = Private(VisHandlerProvider);

  /**
   * Creates the visualizations.
   *
   * @class Vis
   * @constructor
   * @param $el {HTMLElement} jQuery selected HTML element
   * @param config {Object} Parameters that define the chart type and chart options

This file has been truncated. show original

Good luck!