// LATTICE.JS · v1.0 · pattern @ broad
Lattice.js
A JavaScript library for coordinated multivariate visualizations, built on a 2D grid-based design.
scatter + histograms
small multiples
comut
chart types
01 · USE CASE
A scatter plot with histograms
When viewing a scatter plot with a lot of data points, it is often not as easy to get a true sense of the marginal distributions. Using Lattice, we can easily render a scatter plot and the marginal distributions as histograms along both axes.
// click to view a different data set
02 · USE CASE
Daily new positive COVID cases in the US
A small multiple is a special kind of grid-based visualization design, where a series of similar charts are rendered and organized in a grid structure. A small multiple makes it easy to compare across many similar datasets. Here, we use Lattice to render the daily positive COVID cases in the 50 states over time as a series of bar graphs, arranged in a less conventional grid that loosely resembles the US map. The daily positive COVID data are obtained from the COVID Tracking Project .
03 · USE CASE
iCoMut——a visualization for cancer genomes
CoMut plot, introduced by Nicolas Stransky , is often seen in cancer research publications as a visual summary of genetic variations/mutations in cancer cohorts. The plot itself is essentially a lattice of various chart types aligned and interconnected via a common variable (X or Y axis). The central panel of a CoMut plot render mutation analyses and metadata of the patients in various charts vertically aligned with a shared X axis (i.e. patients). iCoMut, in production on TumorPortal and FireBrowse , aims to further transform the static image into an interactive data explorer providing greater access to the research community. The cohort data shown below are from FireBrowse.
04 · CHART TYPES
Basic chart types
Lattice offers many basic chart types that can be directly used without using a lattice. Here is the list of currently available chart types, and each chart below is rendering a random set of data. This list is by no means comprehensive since we are primarily focusing on the chart types that could be used to create grid-based visualizations. However, more new types of charts will be added as we continue to develop new visualizations with Lattice.