search

vixis / angularplasmid

DNA Plasmid Visualization Component using AngularJS
angularplasmid.vixis.com
MIT License
135 stars 23 forks source link

Add more examples to the documentation that show how to interact with the plasmid. #7

Open rchawdry opened 9 years ago

rchawdry commented 9 years ago

Excerpting from email

Just to follow this up, I have two more questions:
1. Is there a built-in method for spatially distributing markerlabels so they do not overlap?
2. With regard to displaying a plasmid map upon selecting a plasmid from a list in browser, do you know if there is a preferred method in Angular for inserting the AngularPlasmid HTML template into a specific DOM element?

Thanks again!

Kevin 

On Wed, Apr 15, 2015 at 11:37 PM, Kevin LeShane <leshanek@gmail.com> wrote:
Test screenshot.

image

Inline image 1

On Wed, Apr 15, 2015 at 11:36 PM, Kevin LeShane <leshanek@gmail.com> wrote:
Thanks for getting back to me so quickly!

I'll keep an eye out for more examples and new additions, sounds great. The API doc has also been a big source of help while learning the tool.

To clarify what I'm asking, I attached a screenshot of a plasmid I'm using for testing below. What I'd like to be able to do is click and drag "handles", like the trackmarkers flanking the yellow highlighted region in the image, and use them to expand and contract the highlighted region dynamically. Maybe the library already supports this and I just don't know yet. But I thought I'd check with you on it.

Thanks again, 
Kevin

On Fri, Apr 10, 2015 at 3:19 PM, Rehan Chawdry <rchawdry@vixis.com> wrote:
Thanks for the comments!  I'm looking at adding a couple more examples/documentation to demonstrate how to work with interactivity with the library.  You're right that Angular provides the ability to do this.   There may be some changes to the library to help with this as well.  

I do plan on continuing enhancement/fixes to the tool, in fact, there are a couple of pending additions that I'm testing right now that allows someone to declare templates that can be inherited by trackmarkers, etc.  

Just from a clarification standpoint, something that you might be interested in would be to have the trackmarker perhaps respond to mousemove/over events and change the position/size of a trackmarker on a given track (i.e. drag and drop moving of one/both ends of a trackmarker)?

Thanks.

Sincerely,

Rehan Chawdry
Founder
Vixis, LLC
614-522-9273
rchawdry@vixis.com

On Fri, Apr 10, 2015 at 1:49 PM, Kevin LeShane <leshanek@gmail.com> wrote:
Hi Rehan, 

Excellent work with the AngularPlasmid library. Really clean and super useful. 

I know this is still a fairly young project but I'm already wondering how to build on top of it. 

I like the dynamic control you demonstrate on the home page but I'm having a difficult time incorporating interactivity. In particular I would i like to start with the ability to use a trackmarker as a handle to dynamically change the highlighted region (the Sequencing Region). 

I'm still new to Angular, so perhaps that's where I need to begin. But I was wondering if you plan to continue production/maintenance of this tool?

Thanks, 
Kevin
sungiun commented 8 years ago

Hello!

Sorry to bring up an old thread, but I would also like to see some examples of interacting with the plasmid as well for an angularjs novice. Perhaps a good example would be to go through how you made the plasmid map on the front page (pHS1) step-by-step? I would love to add angular plasmid maps to my site and the functionality of clicking on the labels or markers to show the subsequence.

Thanks for the amazing library! Giun