auspice/src/components/controls/miscInfoText.js

Web app for visualizing pathogen evolution

import React from "react";


export const TreeInfo = (
  <>
    This panel displays the evolutionary relationships among samples, illustrating their genetic relatedness and inferred ancestry.
    <br/>
    The exact options available depend on the dataset and specific analysis performed.
    <br/>
    If <em>Branch Length</em> is available, you can choose to display the tree branches in terms of (nucleotide) divergence or (inferred) time.
    It is often helpful to toggle on <em>confidence intervals</em> to gauge the uncertainty in the reconstruction of internal node dates.
  </>
);


export const MapInfo = (
  <>
    This panel displays the geographical distribution of samples.
    <br/>
    The <em>geographic resolution</em> chooses the metadata values which define where samples are placed on the map.
    This can be the same as the selected <em>color-by</em> but is often not!
  </>
);

export const AnimationOptionsInfo = (
  <>
    Change various options relating to how the animation proceeds.
  </>
);

export const PanelLayoutInfo = (
  <>
    Control whether to show the tree and the map side-by-side (<em>grid</em>) or expanded (<em>full</em>).
  </>
);

export const EntropyInfo = (
  <>
    This panel displays the observed diversity across the current genome or a selected CDS. All options are in the panel itself.
  </>
);

export const FrequencyInfo = (
  <>
    This panel displays the prevalence of a characteristic over time, determined by the <em>color-by</em>.
    <br/>
    <em>Normalize frequencies</em> controls whether the vertical axis represents the entire dataset or only the samples currently visible (e.g. due to filtering).
    This option is not available when data is limited to prevent numerical issues.
  </>
);

export const MeasurementsInfo = (
  <>
    This panel displays multidimensional data such as serological experimental results that are linked to samples in the tree.
    <br/>
    Change collection of measurements and various display options for the collection.
  </>
);

export const ExplodeTreeInfo = (
  <>
    Exploding a tree by trait X means that for each branch where the trait changes value, we will
    prune off the branch and create a separate (sub)tree.
    It works best when the trait doesn&apos;t change value too frequently.
  </>
);

export const ToggleFocusInfo = (
  <>
    When focusing on selected nodes, nodes that do not match the
    filter will occupy less vertical space on the tree. Only applicable to
    rectangular and radial layouts.
  </>
);