Click here to Skip to main content
15,849,182 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hi guys,
I'm new in web programming and just want to ask for an opinion. I want to develop a web page and in the home page, I want to display a kind of chart. With nodes connected with arrows and the arrows will be hyperlinked. In a window based application, I understand there are tools like Visual Basic Power Tools in which you can drag and drop shapes like lines and oval or arrows and using there, it is fairly easy to make a chart.

But in a web application, I can't find any tools or anything that can help me draw a chart. Is there any recommendation on some kind of tools or something so that I can draw a chart in a web page? :)
Posted

Try this
 
Share this answer
 
Comments
nizam15 29-Nov-13 13:27pm    
Thanks for the recommendation. But all of the charts in provided in the library is graph chart. What I have in mind is a really simple flow chart. Nodes connected by arrows. Just to display in my home page and there will be a hyperlink for each arrows.
Debopam Pal 29-Nov-13 13:35pm    
Try the following link, I think it will fulfill your requirement: http://jsplumbtoolkit.com/demo/flowchart/jquery.html
ridoy 29-Nov-13 15:01pm    
Include the link to your solution which will complete your answer.
Debopam Pal 29-Nov-13 15:18pm    
Now see. Is it OK?
Sergey Alexandrovich Kryukov 29-Nov-13 16:29pm    
You should have mentioned your goal in first place when asking a question.
—SA
It looks like you want to have general-purpose graphics, not specifically the kind of charts visualizing mathematical functions, which is one of the most common understanding of the term "chart". In fact, this term is much wider that that, so you should have explained what exactly you need, or just mention more general term "graphics", "vector graphics" or the like.

First of all, I would recommend to use HTML5 Canvas feature: http://en.wikipedia.org/wiki/Canvas_element[^].

These days, I think, this is a base approach for the cases when you use just the server and the browser, without Java or Flash technologies, which are the separate topics.

Please see what one can do, this is pretty impressive: http://net.tutsplus.com/articles/web-roundups/21-ridiculously-impressive-html5-canvas-experiments/[^].

But you can find something more specific to diagramming: http://bit.ly/18sK2WR[^].

—SA
 
Share this answer
 
v2
Comments
nizam15 29-Nov-13 17:49pm    
Interesting. Thanks for the suggestion SA! Will sure to try it out. :)
Sergey Alexandrovich Kryukov 29-Nov-13 18:22pm    
You are very welcome.
—SA

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900