How to draw two chrome in a genome browser

Maybe it’s a naive question,but i’m not so familiar with this.I want to draw two RefSeq data in a image.

For example:

One gene is ACADVL,it's transcript location is chr17:7123256-7128585(5329 nbs)                                                                                                                                                                                                                                 
And I have a data about where its APA events happen,the location is chr17:7128276-7128585(309 nbs)

I want to show them in two chrome,just like picture blow,but I must show them in one image.Just like UCSC genome browser

And I have about 15000 genes data to show,so I need a method to draw these genes in a automatic way.I have tried many ways to fix it,but it’s hard for a new comer to solve this demand.It almost drives me crazy.Please help me T_T