Diagram - Fix the problem of Correct Positioning / Ordering and Spacing of the Bands on the Chromosome/Ideogram

[sprintell]

The bands in the new created scalable diagram were previously randomly positioned on the chromosome which will not be acceptable. and needed to be fixed

WE NEED TO ENSURE THEY ARE ORGANIZED:

1. According to the expected sequencial order (not random):

2. In the exact/ accurate position where they are meant to be on each chromosome with the exact spacing on the chromosome

SOLVING PROBLEM 1:
An algorithm has been developed to solve Problem 1 while dynamically generating the trait dots, and constructing the svg diagram

SOLVING PROBLEM 2:
For this to happen we need to know where exactly in each of the chromosomes the Region Lines / Bands must be positioned, else the developer will have to guess.

Two Possible Options to solve this problem is to:

A. Either extract the knowledge from the existing diagram (but this is going to be very difficult)

An instance of the code that specifies the region lines and plots it on the chromosome in the old diagram is shown below:

<g id='http://rdf.ebi.ac.uk/dataset/gwas/Trackable/12856' transform='translate(0.0,0.0)' class='gwas-trait'>
<path d='m 38.795875,164.11187499999997 11.382812500000002,0.0 22.765625000000004,0.0' style='fill:none;stroke:#211c1d;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none' />
</g>

There are over a thousand of this responsible for the region Lines and their exisence on the plot

The coordinate that holds the actual position of the bands on the Chromosome is hardcoded in the path tag above under the svg atttribute "d" as in for the example below as extracted from the old diagram:

d='m 38.795875,164.11187499999997 11.382812500000002,0.0 22.765625000000004,0.0'

The value 164.11187499999997 is what places the given band line on the chromosome, and there is no identifier in that tag that tells what region Line it represent.

Hence to extract knowledge from this, each of the tag has to be plotted individualy and visualized one after the order to unravel which region it represents ont he plot, after which we can make use of the coordinate. This is possible but will take some time of manual extraction of this coordinate

B. Alternatively, extract the knowledge from a static image

Such as found in Wikipedia for each of the chromosome

This is possible as well, and will require less time than option A.

CONCLUSION:
Implement and deploy solution to problem 1, the diagram has a lot of traits that shifts the angle of inclinationof the region line so much that it might not of kuch significance the actual spacing between them

We deploy this, and implement solution to problem 2 Later