Genome Browser

                new CanvasXpress('canvas',
                                 {tracks: [{name: 'Affy Probes',
                                            type: 'box',
                                            connect: true,
                                            fill: 'rgb(255,255,51)',
                                            line: 'rgb(0,0,0)',
                                            data: [{id: '123456_at', dir: 'right', data: [[100,120], [123,132], [141,160]]},
                                                   {id: '234567_at', dir: 'left', data: [[181,200], [211,230], [251,270]]},
                                                   {id: '345678_at', dir: 'right', data: [[281,300], [311,330], [351,370]]}]},
                                           {hide: true,
                                            type: 'bar',
                                            height: 20,
                                            fill: ['rgb(255,0,0)', 'rgb(0,0,255)', 'rgb(255,255,0)'],
                                            line: ['rgb(255,0,0)', 'rgb(0,0,255)', 'rgb(255,255,0)'],
                                            data: [{id: '123456_at', data: [100,25,35,46]},
                                                   {id: '234567_at', data: [181,80,45,10]},
                                                   {id: '345678_at', data: [281,65,46,29]}]},
                                           {name: 'Tissue Distribution (Heart, Liver, Kidney)',
                                            hide: false,
                                            type: 'heatmap',
                                            autowidth: true,
                                            height: 20,
                                            line: 'rgb(0,0,0)',
                                            smps: ['Heart', 'Kidney', 'Liver'],
                                            data: [{id: '123456_at', data: [100,25,35,46]},
                                                   {id: '234567_at', data: [181,80,45,10]},
                                                   {id: '345678_at', data: [281,65,46,29]}]},
                                           {name: 'Ref Seq',
                                            type: 'box',
                                            connect: true,
                                            fill: 'rgb(0,100,0)',
                                            stroke: 'rgb(0,0,0)',
                                            data: [{id: 'NM_012345', dir: 'left', data: [[171,190], [201,220], [241,290]]},
                                                   {id: 'NM_567890', dir: 'right', data: [[121,140], [145,156], [168,196]]},
                                                   {id: 'NM_987654', dir: 'right', data: [[271,290], [301,320], [341,390]]}]},
                                           {name: 'SNP',
                                            type: 'triangle',
                                            fill: 'rgb(100,0,0)',
                                            line: 'rgb(0,0,0)',
                                            data: [{id: 'SNP123', data: 123},
                                                   {id: 'SNP234', data: 145},
                                                   {id: 'SNP789', data: 220}]},
                                           {type: 'sequence',
                                            subtype: 'DNA',
                                            hide: true,
                                            line: 'rgb(255,255,255)',
                                            data: [{id: 'SNP123', data: [119,'AGCT[TA]CGAG']},
                                                   {id: 'SNP234', data: [141,'ATCG[TG]AATA']},
                                                   {id: 'SNP789', data: [216, 'GCCC[CT]AGGG']}]}]},
                                 {graphType: 'Genome',
                                  backgroundType: 'gradient',
                                  backgroundGradient1Color: 'rgb(0,183,217)',
                                  backgroundGradient2Color: 'rgb(4,112,174)',
                                  setMin: 0,
                                  setMax: 500,
                                  showFeatureNameThereshold: 20,
                                  featureWidthDefault: 3,
                                  featureHeightDefault: 8,
                                  featureTypeDefault: 'line',
                                  sequenceAColor: 'rgb(255,255,0)',
                                  sequenceCColor: 'rgb(0,255,255)',
                                  sequenceGColor: 'rgb(0,255,0)',
                                  sequenceTColor: 'rgb(255,0,0)',
                                  sequenceMColor: 'rgb(255,0,255)',
                                  trackNameFontColor: 'rgb(29,34,43)',
                                  featureNameFontColor: 'rgb(29,34,43)',
                                  xAxisTickColor: 'rgb(29,34,43)',
                                  wireColor: 'rgba(29,34,43,0.1)',
                                  periodTicksLabels: 5});