Network graph in javascript, possible with jQuery alone? -

-

i need implement particular network graph in javascript. i've looked @ infovis toolkit , protovis, i'd have implement custom layout them , lot of custom code. i'm not sure add value. widget needs super efficient go on many highly visited webpages, don't want widget slowing down.

the nodes of graph html-rich. dropdowns, input elements, popups, etc. div's make lot of sense each node. create divs in javascript using ajax read data server. implement layout mechanism in javascript , animate when adding/updating/deleting nodes through jquery.

the thing can think of preventing me using jquery connections between nodes. how draw them? might able use raphael underneath nodes , coordinate between node positions , raphael, after briefly looking @ raphael, looks tricky.

is there simpler way draw connections between nodes? ie support important @ least ie8. preferably lines can curved , patterned (dotted lines, double lines, etc) represent different types of connections.

update: don't mind paying solution, mxgraph suggested. solution far, exists in mind, create transparent png images of various connections. since nodes in situation in of grid, there's maximum number of different connection images (will pretty large though) , since they're transparent, can layered on top of each other. make sense?

this mxgraph designed (i work on product), question whether want open source solution or not. mxgraph can used under free academic license if intended usage.


Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more