harmslab / TreeViewer

Interactive Evolutionary Tree Viewer using D3.js
BSD 2-Clause "Simplified" License
2 stars 3 forks source link

TreeViewer layout #29

Open Zsailer opened 10 years ago

Zsailer commented 10 years ago

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:

  1. 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
  2. Any customization windows, settings, and loading windows appear as modals or pop-up windows.
  3. 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'd love to hear other ideas as well!

Zsailer commented 9 years ago

All of these things are added in PR #35