v0.3

New To Version 0.3

• Arrow Glyph
• Line Glyph
• Spliced Glyph
• DAS Support
• BED Format Support

Glyphs

###Common Glyph Attributes###

• Roundness (if applicable)
• Color
• Text-Align
  • Left
  • Right
  • Center
  • Start
  • End
• Text
  • Font
  • Size
  • Color

###Common Glyph Events###

• Click
• Mouseover

###BlockArrow Glyph### SHOW PICTURES OF THEM! ###Rect Glyph###

###Arrow Glyph###

The arrow glyph sits at a single point and shows direction

• Arrow Specific Attributes -
  • Thickness

arrow1 = chart1.addFeature( new Arrow('splice', 500, '+'));
arrow1.thickness = 2;

###Spliced Glyph### The spliced glyph is made up of multiple subglyphs: Line (connecting line) and one or more other Exon glyphs (Arrow, Rect, ... ). Exon glyph's start values are relative to the start value of the parent spliced glyph. So if the parent spliced glyph has a start value of 1500 and an exon glyph has a start value of 10, the exon glyph will start at 1500 + 10 or 1510

// Add Spliced Gene                type, position, length, orientation, array of exons glyphs
gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [
  // add exons   type, relative-start, length (start is relative to the start of the 'parent' spliced glyph)
  new BlockArrow('splice',0, 500),
  new Rect('splice',3500, 2000), 
  new Arrow('splice',8000)
]));

• Events & Attributes - the spliced glyph contains the same events and attributes as any other glyph e.g. onClick, roundness, color, etc. The event/attribute will be applied to all subglyphs(line and exons) where applicable.

• Exon Events and Attributes - since the exon is just another glyph, all common attributes and events (e.g. font-color, roundness, onClick, ...) can be applied to them. Attributes/events on the exon override any attribute/event set on the entire gene

// Add Spliced Gene                type, position, length, orientation, array of exons glyphs
gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [
  new BlockArrow('splice',0, 500),
  new Rect('splice',3500, 2000), 
  new Arrow('splice',8000)
]));
// set all exons' color
gene1.color = "red";
// override the parent color and set the second exon's color
gene1.exons[1].color = "green";

• Line Attributes

  • Thickness

gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [ new Arrow('splice',8000) ]));
gene1.line.thickness = 2;

• Color

gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [ new Arrow('splice',8000) ]));
gene1.line.color = "black";

##Hierarchical Attributes##

##Add Custom Glyphs##