# Error when building new visualization factory using schemas

**URL:** <https://discuss.elastic.co/t/error-when-building-new-visualization-factory-using-schemas/142576>\
**Category:** Kibana\
**Created:** [August 1, 2018, 1:15pm UTC](https://discuss.elastic.co/t/error-when-building-new-visualization-factory-using-schemas/142576 "2018-08-01T13:15:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![abljalil](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@abljalil](https://discuss.elastic.co/u/abljalil)\
**Post date:** [August 1, 2018, 1:15pm UTC](https://discuss.elastic.co/t/error-when-building-new-visualization-factory-using-schemas/142576/1 "2018-08-01T13:15:26Z")

</div>

I am using Kibana 6.3.2 and followed sample project discussed here: [https://www.elastic.co/blog/developing-new-kibana-visualizations](https://www.elastic.co/blog/developing-new-kibana-visualizations)

I have the following code as :

```
import optionsTemplate from './options_template.html';
import { CATEGORY } from 'ui/vis/vis_category';
import { VisFactoryProvider } from 'ui/vis/vis_factory';
import { VisTypesRegistryProvider } from 'ui/registry/vis_types';
import { VisSchemasProvider } from 'ui/vis/editors/default/schemas';

class MyVisualization {
   constructor(el, vis) {
      this.el = el;
      this.vis = vis;

      this.container = document.createElement('div');
      this.container.className = 'myvis-container-div';
      this.el.appendChild(this.container);
   }
   async render(visData, status) {    
	
      return 'done rendering';
   }
   destroy() {
      console.log('destroying');
   }
}

const MyNewVisType = (Private) => {
  const VisFactory = Private(VisFactoryProvider);
  const Schemas = Private(VisSchemasProvider);

  return VisFactory.createBaseVisualization({
    name: 'plugins_force_graph',
    title: 'My New Vis Jalil',
    icon: 'my_icon',
    description: 'Cool new chart',
    category: CATEGORY.BASIC,
    visualization: MyVisualization ,

    editor: 'default',
    editorConfig: {
      optionsTemplate: optionsTemplate , 
       optionsTabs: [
           { title: 'tab 1', template: '<div>Data1</div>' },
           { title: 'tab 2', template: 'Option1' },
           
       ]
    }

  });
}

VisTypesRegistryProvider.register(MyNewVisType);

```

Visualizer will not appear when Schemas is used.

---

<div class="post-metadata">

**Author:** ![spinscale](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/spinscale/32/25011_2.png) [@spinscale](https://discuss.elastic.co/u/spinscale)\
**Post date:** [August 2, 2018, 9:21am UTC](https://discuss.elastic.co/t/error-when-building-new-visualization-factory-using-schemas/142576/2 "2018-08-02T09:21:27Z")

</div>

I moved this over to the kibana category, as this is not an Elasticsearch question.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 30, 2018, 9:21am UTC](https://discuss.elastic.co/t/error-when-building-new-visualization-factory-using-schemas/142576/3 "2018-08-30T09:21:28Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.