JBrowse 2 · React App examples

Dotplot view

A self-vs-self volvox dotplot.

DotplotView compares two assemblies as a 2D dotplot. init.views lists the two assemblies, and tracks lists the synteny tracks. Self-vs-self is allowed:

{
  type: 'DotplotView',
  init: {
    views: [{ assembly: 'volvox' }, { assembly: 'volvox' }],
    tracks: ['volvox_fake_synteny'],
  },
}

Like every view type, this is declared as a defaultSession.views entry (see Linear synteny view for the general pattern). The fields init accepts come from the DotplotView model docs.

View source
import { JBrowse } from '@jbrowse/react-app2'

import { volvoxConfig } from '../volvoxConfig.ts'

export default function DotplotExample() {
  return (
    <JBrowse
      assemblies={volvoxConfig.assemblies}
      tracks={volvoxConfig.tracks}
      views={[
        {
          type: 'DotplotView',
          init: {
            views: [{ assembly: 'volvox' }, { assembly: 'volvox' }],
            tracks: ['volvox_fake_synteny'],
          },
        },
      ]}
    />
  )
}