Attributes visualization mode

Hi,

I’m trying to enable attribute visualization mode to display object attributes. I’m using a ShapeDiver Output component as described in here.

I can’t find the “Enable attribute visualization” toggle mentioned on this page:
Attribute visualization mode.



What am I missing? I’d appreciate any assistance. Thanks.

Your second screenshot is taken in the App view, which does not yet support attributes (it will in the next few days).

Your third screenshot is taken from the edit page, on which attributes are not shown.

If you “Exit” the edit page and go to the model view page (same URL without /edit), you will see the attributes section and the toggle.

1 Like

Found it, thank you Mathieu.

I have a related question. Is there a way to display Grasshopper’s Annotation Dot in ShapeDiver’s? Or is there a ShapeDiver equivalent to Grasshopper’s Annotation Dot?
I tried passing the Annotation Dot as gITF 2.0 Display with no success. I also tried passing it as Geometry, but it seems the ShapeDiver Output does not accept the Geometry parameter.


Thanks.

You can use the Text Tag 2D and Text Tag 3D components in Grasshopper to display text tags in the viewer.

hi @mathieu1 I’m facing a similar issue

in the model view page, everything works just fine

in the app view page, the Attributes tab is missing

for context
i have a gltf2 output component and a shapediver output component,

for the shapediver output i’ve just copied the sphere example that was working from here Attributes - Tutorial Grasshopper definitions for ShapeDiver

Could you share a link to the model or App for which the issue is happening?

thank you @mathieu1 sent in private

The reason you do not see it is that you are building a custom App using the App Builder components. The attributes visualization mode in the App Builder is still in beta. Like for other parameters and widgets, there will soon be a component in Grasshopper for adding the attributes module.

For now, it is already possible to add this widget using a JSON object. I adapted the tutorial example you posted above to show how it works with App Builder components. Note that the JSON object I am using is generating the default settings for the attributes widget; if you need to tweak something specific like the gradient color or restrict which attributes are displayed, let me know and I will adapt the example.

7B-AttributeVisualizationAppBuilderVersion.ghx (375.6 KB)

1 Like

got it, thanks for the help!

works just fine, is there any setting I can use so that the gltf doesn’t go fully dark? once enable attribute visualization?

update:

it is fully dark on the first toggle, if disable/enable it is gray-ish and more legible, but if there are any controls that we could have on display of the gltf whilte attrbiute visualisation on, it would be helpful

You can use the passiveMaterial property, for example:

{
  "type": "attributeVisualization",
  "props": {
    "title": "Attributes",
    "tooltip": "",
    "passiveMaterial": {
      "color": "#ff0000",
      "opacity": 0.1
    }
  }
}

thank you, will try it out

hi @mathieu1 , is there any available setting in gh to display the attribute values on click in the app builder? so that it has the same behavior as the model viewer

something like this viewer demo
ShapeDiver Sandbox

This will be available in the next App Builder release. You can check a WIP of the first version here.

1 Like

Hello! Has there been a new release with components for attributes in App Builder? or is it still worth using the JSON that you dropped eralier? Thanks in advance!

We do not yet have a planned release schedule for the attribute visualization components. It makes sense to start working with the beta json objects for the time being. Please use this thread if you have questions as you implement this in your App.