HELP TOPICS


The interface

Table of contents

The interface overview

The main user interface consists mainly Seven components:



  1. Evolview logo and Global search area
  2. User settings and other controls area
    • "account setting" button; for registered users only
    • "Help" button.(Opens user guide pages in new window)
    • "Logout" button.
  3. Quick tree controls area. Its consist of tree importing, scale functions, tree rotations and other functions.Topbar button panel,showing frequently used controls for easy access.
    • Load/import new trees
    • scale tree size
    • Tree label text settings
    • Fit tree canvas height and width
    • Tree rotate controls
    • Export tree to PNG,PDF and Newk formats
  4. Tree style modification, tree export and dataset upload controls
  5. Tree edit controls and tree dataset viewing options
  6. Tree canvas
  7. Browser dropdown. Projects and tress for current user will be shown here. Datasets of activated trees will be also shown.

Section 1:Logo and Global search area

Evolview now can perform global search. Search through the projects, trees . To search any project or tree related information, just go the search box and start typing the content. The search box would provide suggestions according to the user search terms.The search box provide project,tree related suggestions,while the help menu has search section to help users with navigation.



The tree and project suggestions are displayed in the following manner:



Section 3:The quick actionbar

The quick actions tool bar provide instant access to frequently used tree editing functions.The functions of the icons are quite straightforward; mouse over the icons to show tooltips.

topmenu bar controls

  1. Import new Tree
  2. Scale tree view
  3. Edit tree label view
  4. Set tree canvas dimentions
  5. Set tree scale dimentions
  6. Rotate cladograms
  7. Span cladograms

To scale tree canvas: Click scale button, dropdown shows scaling options

topmenu bar controls

Evolview provide following scaling options:
  1. Reset scale
  2. Increase/decrease horizontal scale
  3. Increase/decrease vertical scale

To edit tree labels: Click leaf icon button, dropdown shows edit options

topmenu bar controls

Evolview provide following leaf label options:
  1. Show label in HTML mode
  2. Set label font to Italics
Branch length and bootstrap viewing controls also shown in the leaf label edit panel.

Section 4: The Left control panel

Section 4 of the User interface shows list of options to edit,manage and export tree.

  1. View showcases: Showcase consist of tree examples that was published in various papers.
  2. Project Management: Mange project and tree datasets. Can also track the tree sharing status.
  3. Export tree: Save tree data in in various formats.
  4. Upload datasets: Upload tree datasets.
  5. Zoom control: Increase/decrease ,reset tree canvas zoom state.
left menu bar options

Export tree dataset

To export data from the Evolview:



Project Management

To track the tree sharing status and delete shared tree data:

Section 5: Tree dataset control panel

The displayed tree related controls are shown in this area.



The canvas

The canvas displays your active tree (only once at a time) and active datasets. With the canvas users can :

  • change canvas size
  • drag the tree around
  • zoom in and out the tree
  • mouse over tree leaves, nodes and datasets to show additional information in a popup panel The canvas is featuring WYSIWYG (What-You-See-Is-What-You-Get); what you see at the canvas is what you get when you export your plot to external files.