# Unable to create Custom Kibana Visualisation

**URL:** <https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045>\
**Category:** Kibana\
**Created:** [July 31, 2019, 6:33am UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045 "2019-07-31T06:33:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [July 31, 2019, 6:33am UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/1 "2019-07-31T06:33:39Z")

</div>

Hello Team,

I am trying to build Kibana custom visualisation. I am trying to reuse the markdown\_vis from SRC/legacy/core\_plugins , and copied the folder in plugins directory and changed the name from markdown\_vis to cust\_markdown\_vis in all files.  
But after doing changes and restarting Kibana. I am getting unable to load Kibana error. With 404 for index.scss file.  
Could you please let me know if there is any way by which we can generate visualisation template , build and deploy custom visualisation like custom plugin.

Kibana: 6.7

Thank you for your help and support.  
Aditya

---

<div class="post-metadata">

**Author:** ![clintandrewhall](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/clintandrewhall/32/45435_2.png) [@clintandrewhall](https://discuss.elastic.co/u/clintandrewhall)\
**Post date:** [July 31, 2019, 6:04pm UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/2 "2019-07-31T18:04:12Z")

</div>

Good morning Aditya!

I wouldn't recommend copy/pasting Kibana source for a plugin... you'll run into all kinds of problems, (like SASS compilation).

I'd recommend following our documentation for creating a custom visualization. [Here](https://www.elastic.co/guide/en/kibana/6.3/development-create-visualization.html) is a link for 6.3.

In addition, there's a tutorial blog that can take you step-by-step through the process.

> **[Creating new Kibana visualizations and embedding them into your own plugin](https://www.elastic.co/blog/developing-new-kibana-visualizations)**
>
> Creating custom Kibana visualizations got much easier as well as embedding them in your own plugins.

I hope this helps!

---

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [August 1, 2019, 6:34pm UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/3 "2019-08-01T18:34:25Z")

</div>

Thank you clintandrewhall.  
I will try to build the visualisation and let you know in case of issues.  
Thank you for your help and support.  
Aditya

---

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [August 4, 2019, 3:20am UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/4 "2019-08-04T03:20:09Z")

</div>

Hi clintandrewhall,

I tried to follow the steps mentioned [here](https://www.elastic.co/blog/developing-new-kibana-visualizations)

however i am getting below error in console, when trying to click on 'Visualize' in Kibana.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/0/d0cdc81abce4f8228279f9005d9785f7147c8fd6.png)

Uploaded the code to git repository for reference.  
[https://github.com/aditya-deshpadne/custom\_visualization/blob/master/test\_vis.zip](https://github.com/aditya-deshpadne/custom_visualization/blob/master/test_vis.zip)

Similar discussions found on forum for reference : [Error when building new visualization factory](https://discuss.elastic.co/t/error-when-building-new-visualization-factory/124650/9)

Any pointers to resolve the issue is really appreciated.

Thank you,  
Aditya

---

<div class="post-metadata">

**Author:** ![adityaPsl](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@adityaPsl](https://discuss.elastic.co/u/adityaPsl)\
**Post date:** [August 5, 2019, 8:18am UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/5 "2019-08-05T08:18:37Z")

</div>

Hi clintandrewhall,

I was able to see the visualization in visualize tab.  
I think the issue was conflicts between using BaseVisualization and ReactVisualisation.

Thank you for your help and support.

Aditya

---

<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:** [September 2, 2019, 8:18am UTC](https://discuss.elastic.co/t/unable-to-create-custom-kibana-visualisation/193045/6 "2019-09-02T08:18:38Z")

</div>

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