-
tsbatthMarch 19, 2016 at 9:12 am #6041
Hello,
First of all great work with the site and the remarkable visualizations. I’ve just come across your weighted tree diagram and it’s something I want to utilize for visualization of biological cellular signaling networks. So my question is two fold:
First I want to use this to develop an image for exporting into pdf/svg so I can further edit using Adobe illustrator and drop in some other neat visualization that I’ve derived from data analysis using R and other tools. I was wondering if it’s possible (to export to pdf/svg)? I would like to make the extended graphic for print and web.
My second question is regarding the script main.js. Although I do have some experience with basic programming and have dabbled in many different ones over the years I’m still trying to figure this out. The comments in the code provide some direction I’m still basically trying to interpret by changing variables and looking at the end result, I was wondering if there are some other resources you can recommend which would make this process faster? I want to make a basic flow with 3 initial nodes, followed by 6,7 nodes which would have shared paths from the initial 3 nodes. For each of the 6,7 nodes I plan to have roughly 2-6 unique paths and nodes each (so 3 levels total). The weighting of the path length and node size I think I figured out but I run into trouble when deviating away from the given example. If this for experienced js users or a non standard request no hard feelings 🙂 . Thanks for your time.
Regards,
T
vizulyMarch 19, 2016 at 9:55 am #6045Hi T,
Thank you for the compliments, I am glad you like the visualizations!
In regards to exporting the SVG. This is not something web based (or D3) svg lends itself to easily. But I have had some limited success viewing the HTML source (and generated SVG content) and cutting and pasting that into Sketch (app) I have not tried it with AI, but you should be able to.
What you want to achieve is totally doable and not very hard. But right now the inline commenting t is pretty sparse (as it is a freebie.) In the not so distant future I will add more robust inline comments which would probably make it easier for you to understand. You don’t have to be an advanced javascript developer, but you probably will want access to a decent debugging tool (like Webstorm or Chrome) which allows you to set breakpoints and inspect variables.
What you want to focus on is your data structures. The diagram will follow the data which you can debug and look at. Right now it is in CSV format. I suggest you open up the data in a spreadsheet program like Excel and play around with it to see the results.
I hope that helps at least a little.
Thanks!
– Tom
-
|
You must be logged in to reply to this topic.