search

kan-qi / UMLx

Analyze software architecture and generate insights about software development complexities, risks, and costs.
3 stars 0 forks source link

Continue to explore on interactive R svg graphics. #112

Open kan-qi opened 6 years ago

kan-qi commented 6 years ago

Continue to explore on interactive R svg graphics. From these two aspects.

  1. investigate if there are some package that can be used in R to generate the structured SVG. For example, this URL: https://www.r-bloggers.com/2012-7-a-structured-approach-for-generating-svg/. Not sure if this can help the situation somehow.

  2. Propose the way to generate SVG easily from R outputs - investigate from the web/javascript side. If there are some packages available to help with that in Javascript.

3, make a decision if we should go for writing javascript for the diagrams, or we can still use R graphics.

SparshithNR commented 6 years ago

With my limited knowledge on R and looking at our current implementation of generation of SVG using R, graphs created in R only for display purpose. They just create graph using ggplot or other libraries and using SVG function they convert it into svg image format. I couldn't find refined handling method to generate SVG.

There are packages in node which converts PNG/JPEG to SVG and all those are conversion without any structure. Since we need to add handlers to modify the graph as we perform some actions we have to go with D3 I feel.

D3 library is designed to provide refined handling of SVG images. We can draw almost all kinds of graphs and have full control over it. This will help us in having better control over SVG. If we are not looking for any kind action other than displaying it on website we can go with SVG generated by R. We have good community help for D3, which is a great plus when it comes development.

I would recommend to use D3 to generate SVG at client end and have good control over it. Learning D3 will be a task but we can find plenty of codes online and they work very much fine, just have to handle data processing part in the code.

kan-qi commented 6 years ago

Okay. I see. Lets work on generating D3 graphics in the following tasks? Thanks for the research.

SparshithNR commented 6 years ago

We can start once we get csv files which we use to generate graph.

kan-qi commented 6 years ago

Okay. I'll prepare some to start with the work.

SparshithNR commented 6 years ago

This week I found a new graph drawing library Highchart. I knew this library for some reason I didn't investigate much on it. This is very handy API. I moved our code to work with and I found it really nice and easy to understand.

kan-qi commented 6 years ago

Sounds good. I check the visuals, and they look very good. Hope there is no some potential limitations. Thanks.