# Dat not defined

**URL:** <https://discourse.threejs.org/t/dat-not-defined/15413>\
**Category:** Questions\
**Tags:** datgui, getting-started\
**Created:** [May 21, 2020, 1:21am UTC](https://discourse.threejs.org/t/dat-not-defined/15413 "2020-05-21T01:21:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Victor\_M\_Barba](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/victor_m_barba/32/10693_2.png) [@Victor\_M\_Barba](https://discourse.threejs.org/u/Victor_M_Barba)\
**Post date:** [May 21, 2020, 1:21am UTC](https://discourse.threejs.org/t/dat-not-defined/15413/1 "2020-05-21T01:21:49Z")

</div>

I’m trying to get the gui.dat on my page… [https://www.songnes.com/gift/page3dat.html](https://www.songnes.com/gift/page3dat.html)

is not working…

```
var gui = new dat.GUI();
gui.addColor("#0000ff").name('Color');
gui.open(); 

```

I have this, and the dat is not defined.

I don’t know what should I do.

---

<div class="post-metadata">

**Author:** ![Victor\_M\_Barba](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/victor_m_barba/32/10693_2.png) [@Victor\_M\_Barba](https://discourse.threejs.org/u/Victor_M_Barba)\
**Post date:** [May 21, 2020, 2:01am UTC](https://discourse.threejs.org/t/dat-not-defined/15413/2 "2020-05-21T02:01:04Z")

</div>

Hello: I got it!  
this is the working example: [https://www.songnes.com/gift/page3dat.html](https://www.songnes.com/gift/page3dat.html)

Thanks to this video on Youtube: [https://www.youtube.com/watch?v=YMJzjjOumbw](https://www.youtube.com/watch?v=YMJzjjOumbw)

and this page: [http://www.smartjava.org/examples/datgui/](http://www.smartjava.org/examples/datgui/)

where I found this: js/threeJS/dat.gui.min.0.7.6.js  
I needed this file…

It works great: except for one little thing…  
is on the “Top Right Corner” Where all the gui.dat are

But I want mine to be, inside the scene… where the “red Cube” is

can someone help me with this…

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [May 21, 2020, 7:08am UTC](https://discourse.threejs.org/t/dat-not-defined/15413/3 "2020-05-21T07:08:03Z")

</div>

Take a look at this short example: [https://jsfiddle.net/prisoner849/c0sxwjm2/](https://jsfiddle.net/prisoner849/c0sxwjm2/)