Skip to content
Interconvert between glycan structure and name
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.
css Initialize Jan 17, 2020
img Improvement in fucose drawing Feb 9, 2020
scripts Recompiled after v1.0.1 Mar 20, 2020 Fixed issue with fucose right text Mar 18, 2020 Initialize Jan 17, 2020
LICENSE Initialize Jan 17, 2020 Added SNFG to description Mar 20, 2020
index.1.html Updating version to 1.0.1 Mar 18, 2020
index.html Updating version to 1.0.1 Mar 18, 2020



GlycoGlyph provides an interface to draw glycan structures with SNFG (Symbol Nomenclature For Glycans) symbols using a Graphical User Interface (GUI) and produce appropriate names according to CFG naming convention (modified condensed IUPAC nomenclature). Alternatively, it also allows you to type in the names and see the structure of the glycan. It therefore allows the seamless interconversion of name and structure.

Tool Page

You can use GlycoGlyph at

Video Tutorial

Overview of How GlycoGlyph Works

Overview of how GlycoGlyph WorksAt the core of GlycoGlyph is the ability to create the Glycan Tree JSON. This tree JSON can be created from the CFG Linear Nomenclature. The tree can then be used by D3.js hierarchy module to generate the structure. The tree json can also be parsed to produce the name, allowing seemless name and structure interconversion. A user can therefore either write the name or input the structure using the GUI to generate the structure. In the figure above, the steps are highlighted to walk through what steps would be involved when a user tries to build a structure either using the GUI, or using the name.

Please Cite

If you use GlycoGlyph, please cite:

For Developers


GlycoGlyph is released under MIT license. Please see for details.


GlycoGlyph uses the following:

  • JS Libraries:
    • D3.js v5
    • jQuery v3.4.1
    • Bootstrap components:
      • Popper.js v1.12.9
      • Bootstrap v4.0.0-alpha.6 js
      • Tether v1.4.0
  • CSS
    • Bootstrap v4.0.0-alpha.6 css

Getting Started

Use either:

  1. The minified glycoglyph-min.js with index.html
└─ index.html
└─ img\*.*
└─ css\*.*
└─ scripts
    └─ glycoglyph-min.js
    └─ initialize.js
    └─ introtut.js
  1. Use individual js components from the lib folder with the index.1.html file.
└─ index.1.html
└─ img\*.*
└─ css\*.*
└─ scripts
    └─ lib\*.js
    └─ initialize.js
    └─ introtut.js

Full Documentation

Full Documentation Here.


Twitter @akulmehta

You can’t perform that action at this time.