Update GroMet visual encodings - Githubissues

uncharted-aske / HMI

Apache License 2.0

1 stars 0 forks source link

Update GroMet visual encodings #305

Closed RosaRomeroGomez closed 3 years ago

RosaRomeroGomez commented 3 years ago

What

Clean up of unused colors and node types in encodings.ts
Visual distinction between variable nodes (solid outline) and non-variable nodes (dashed outline)
Visual distinction of initial conditions (ellipse)
Added control for boxes so it is clearer they can be collapsed and expanded.
Added marker for nodes added to the Parameters panel in the Simulation view (instead of using color)
Removed unused code for tooltips.

Testing

Open any of the models in the Models view (note that the current SIR PNC doesn't include any metadata, that's why nodes are dashed, we need to switch to use the right SIR PNC with actual metadata)

https://user-images.githubusercontent.com/10552785/127361364-377183ce-39ff-4351-944f-fbdbd03c0203.mov

https://user-images.githubusercontent.com/10552785/127361375-2e18ed4f-8db0-4e7e-83f4-4b079445c0e8.mov