# Uibuilder and uplot-vue

**URL:** <https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039>\
**Category:** Dashboard\
**Created:** [1 May 2021 23:00 UTC](https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039 "2021-05-01T23:00:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [1 May 2021 23:00 UTC](https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039/1 "2021-05-01T23:00:31Z")

</div>

I'd like to use the uplot-vue npm module with uibuilder but I can't figure out how to load the `uplot-vue.js` file build-less from the installed npm module. I get stuck in packaging format hell, it seems. Can some kind soul produce a simple example that instantiates a `<uplotvue>` component?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [2 May 2021 01:24 UTC](https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039/2 "2021-05-02T01:24:32Z")

</div>

> [@tve](#):
>
> uplot-vue

They have made it extremely difficult to use. You will need to run it through webpack to get a usable output. It also uses TypeScript just to make things even harder.

The npm package doesn't have a readme but I found a little information here, not much to go on.

[skalinichev/uplot-wrappers: React and Vue.js wrappers for uPlot that allow you to work with charts declaratively inside your favorite framework (github.com)](https://github.com/skalinichev/uplot-wrappers#vuejs)

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [2 May 2021 01:48 UTC](https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039/3 "2021-05-02T01:48:01Z")

</div>

Thanks for checking, so it's not just my own ignorance... I'm just gonna write my own wrapper...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [1 June 2021 01:48 UTC](https://discourse.nodered.org/t/uibuilder-and-uplot-vue/45039/4 "2021-06-01T01:48:13Z")

</div>

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