In the visualizer you can extend the "types" defined by javascript with other specific types.

The structure of a value will be something like:

{"type":"barcode", "value":"1234"}

Each type may be associated to a renderer. This could be a simple render allowing to put in a molecular formula the number in subscript or more complex renderer allowing to display a chart.

 

Default options for barcodes:

{
    width:  2,
    height: 100,
    quite: 10,
    format: "CODE128",
    displayValue: false,
    fontOptions: "",
    font:"monospace",
    textAlign:"center",
    textPadding:0,
    fontSize: 12,
    backgroundColor:"",
    lineColor:"#000"
}

Format: EAN, EAN8, UPC, ITF, ITF14, CODE128B, CODE128C, CODE39, pharmacode

 

 

Default options for QRCode

{

      width: 128,

      height: 128,
      colorDark : "#000000",
      colorLight : "#ffffff",
      correctLevel : QRCode.CorrectLevel.H

}