message: shift gene boxes by reading frame
diff: @@ -15,10 +15,11 @@ export interface GeneViewProps extends SVGProps<SVGRectElement> {
  export function GeneView({ gene, pixelsPerBase, ...rest }: GeneViewProps) {
  const { end, start } = gene
  + const frame = start % 3
  const width = Math.max(BASE_MIN_WIDTH_PX, (end - start) * pixelsPerBase)
  const x = start * pixelsPerBase
  const id = getGeneId(gene)
  - return <rect id={id} fill={gene.color} x={x} y={-10} width={width} height="30" {...rest} />
  + return <rect id={id} fill={gene.color} x={x} y={-10 + 7.5 * frame} width={width} height="15" {...rest} />
  }
  export function GeneMap() {
  