Eager Data Sources

Eager data sources load and process all available data during the initialization stage. They are suitable for small data sets as they do not support partial loading or loading in response to user interactions. However, eager data sources are often more flexible and straightforward than lazy ones.

GenomeSpy inputs eager data as tabular "csv", "tsv", and "json" files or as non-indexed "fasta" files. Data can be loaded from URLs or provided inline. You can also use generators to generate data on the fly and further modify them using transforms.

The data property of the view specification describes a data source. The following example loads a tab-delimited file. By default, GenomeSpy infers the format from the file extension. However, in bioinformatics, CSV files are often actually tab-delimited, and you must specify the "tsv" explicitly:

Example: Eagerly loading data from a URL

{
  "data": {
    "url": "fileWithTabs.csv",
    "format": { "type": "tsv" }
  },
  ...
}

With the exception of url arrays and the unsupported geographical formats, the data property of GenomeSpy is identical to Vega-Lite's data property.

Type inference

GenomeSpy uses vega-loader to parse tabular data and infer its data types. Vega-loader is sometimes overly eager to interpret strings as a dates. In such cases, the field types need to be specified explicitly. On the other hand, explicit type specification also gives a significant performance boost to parsing performance.

Handling empty (NA) values

Empty or missing values must be presented as empty strings instead of NA that R writes by default. Otherwise type inference fails for numeric fields.

URL Data

Data can be loaded from a URL using the url property. The URL can be absolute or relative to the page where GenomeSpy is embedded.

In addition to loading data from a single URL, you can also load data from multiple URLs by providing an array of URLs. This is useful when files have different columns that are folded (pivoted) into a long (tidy) format. The transformation pipeline is automatically initialized for each URL, and the final data is a concatenation of the results from all URLs.

Example: Loading data from multiple URLs

{
  "data": {
    "url": [
      "fileWithTabs1.tsv",
      "fileWithTabs2.tsv"
    ],
    "format": { "type": "tsv" }
  },
  ...
}

When the number of URLs is large, it is more convenient to place the list of files in a separate file instead of the view specification.

Example: Loading data from multiple URLs listed in a file

{
  "data": {
    "url": { "urlsFromFile": "variant-file-list.tsv", "type": "tsv" },
    "format": { "type": "tsv" }
  },
  ...
}

The file containing the list of URLs must be a JSON file with a single string array or a tabular file with a single column named url.

Named Data

When embedding GenomeSpy in a web application or page, data can be added or updated at runtime using the API. Data sources are referenced by a name, which is passed to the updateNamedData method:

{
    "data": {
        "name": "myResults"
    }
    ...
}

const api = await embed("#container", spec);
api.updateNamedData("myResults", [
  { x: 1, y: 2 },
  { x: 2, y: 3 },
]);

Although named data can be updated dynamically, it does not automatically respond to user interactions. For practical examples of dynamically updated named data, check the embed-examples package.

Bioinformatic Formats

Most bioinformatic data formats are supported through lazy data. The following formats are supported as eager data with the url source.

FASTA

The type of FASTA format is "fasta" as shown in the example below:

{
  "data": {
    "url": "16SRNA_Deino_87seq_copy.aln",
    "format": {
      "type": "fasta"
    }
  },
  ...
}

The FASTA loader produces data objects with two fields: identifier and sequence. With the "flattenSequence" transform you can split the sequences into individual bases (one object per base) for easier visualization.