Search code examples
autodesk-forgeautodesk-viewerautodeskforgeautodesk-model-derivative

Forge data visualization_Add information


Currently I have placed sprites and I have the events as in the example on the page: https://forge.autodesk.com/en/docs/dataviz/v1/developers_guide/examples/handling_sprite_events/. But I don't know how to add information with a pop up as seen on the web.

How to do this with the information and displaying it in Forge: Objective

I have not found any information on how to do it and the example on Github https://github.com/Autodesk-Forge/forge-dataviz-iot-reference-app/tree/main/client/pages I don't quite understand it, already that many things are mixed. If someone could help me. I am starting on this.


Solution

  • Basically what you want to achieve is to display an html div on hover and hide it when not hovering.

    You can inspire from this post Placing custom markup which is pretty close to what you want to achieve.

    However, the examples you mention are using the Data Visualization extension and the React component called CustomTooltip. If you are using React in your project you can definitly take a look at the Hyperion's reference app.