How can I hide an element with A-Frame?

Question

What is the best way to hide an element using A-Frame?

Do I need to remove the element from the DOM?

Answer 1

You can also specify it on the a-frame tag itself e.g.:

Of course you'll still need javascript to trap on some event like "mouseenter" to toggle it visible:

document.querySelector('#myElParentId').addEventListener('mouseenter',myEventHandler); 

myEventHandler: function (evt) {
  let myEl = document.querySelector("#hand-overview-chart");
  myEl.setAttribute("visible","true");
}