I'm not exactly sure what this should look like (and we'll probably have multiple iterations), but I want to come up with a specific layout that optimizes the interactive and dynamic experience we're trying to create for users.
Here are my thoughts:
I think we should strip the static webpage down to just the svg/visualization element, a toolbar (possible one that floats on the page), and a tree map in one corner. Maybe a header at the top would be nice as well... but this should be minimal
Any customization windows, settings, and loading windows appear as modals or pop-up windows.
The initial loading of the tree will scale inside the window. Zooming on the tree will lead to the tree going out the svg bound, but a smaller map will show the area of the tree being viewed.
I'm not exactly sure what this should look like (and we'll probably have multiple iterations), but I want to come up with a specific layout that optimizes the interactive and dynamic experience we're trying to create for users.
Here are my thoughts:
I'd love to hear other ideas as well!