Visualization and syntax highlighting

Configure

Visualization/syntax highlighting is automatically created for files in supported file formats noted below. For example, visit the Vis Showcase folder then click on each of the files, to see corresponding visualization.

  • Code files for various languages (192) are syntax highlighted using PrismJS JavaScript library
  • CSV & JSON files with simple structured table/tree data are visualized using Google Charts JavaScript library
  • NEWICK and other files (nhx, nwk) for Phylogenetic trees are visualized using Phylotree JavaScript library
  • PDB and files (cif, ent, gro, mcif, mmcif, mmtf, mol2, pdb, pqr, sd, sdf) for protein structures are visualized using NGL Viewer WebGL library

Such visualizations can be easily added for arbitrary data types with corresponding JavaScript library.