# requestHandler

**URL:** <https://discuss.elastic.co/t/requesthandler/177325>\
**Category:** Kibana\
**Created:** [April 17, 2019, 2:56pm UTC](https://discuss.elastic.co/t/requesthandler/177325 "2019-04-17T14:56:30Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![lukeelmers](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/lukeelmers/32/35230_2.png) [@lukeelmers](https://discuss.elastic.co/u/lukeelmers)\
**Post date:** [April 17, 2019, 5:06pm UTC](https://discuss.elastic.co/t/requesthandler/177325/5 "2019-04-17T17:06:05Z")

</div>

Hi @masterThomas,

A simple setup of a React visualization might look something like this (where `ReactComponent` is the component you've created for rendering the visualization):

```auto
  import { VisFactoryProvider } from 'ui/vis/vis_factory';
  import { VisTypesRegistryProvider } from 'ui/registry/vis_types';
  import { ReactComponent } from './my_react_component';
  import { ReactOptionsComponent } from './my_react_options_component';

  const MyNewVisType = (Private) => {
    const VisFactory = Private(VisFactoryProvider);
    return VisFactory.createReactVisualization({
      name: 'my_new_vis',
      title: 'My New Vis',
      icon: 'my_icon',
      description: 'Cool new chart',
      visConfig: {
        component: ReactComponent
      },
      editorConfig: {
        optionsTemplate: ReactOptionsComponent
      }
    });
  };

  VisTypesRegistryProvider.register(MyNewVisType);

```

By not explicitly specifying a request or response handler, you will by default get the data passed to the props of `ReactComponent` in "tabify" format which you can find [more info & examples of here](https://www.elastic.co/blog/kibana-plugin-api-changes-in-6-5).

If you are looking for a more complete example, I'd recommend looking at something like the [markdown visualization](https://github.com/elastic/kibana/tree/4aa2a4c05f128f09e113d29f8a31557c1875717f/src/legacy/core_plugins/markdown_vis) in Kibana's source. This is a relatively simple visualization implemented in React.

Hope that helps point you in the right direction!

---

_[View the full topic](https://discuss.elastic.co/t/requesthandler/177325)._