How to do thIs diagram with force-directed graph in D3.js? -

-

i made diagram viz.js.

enter image description here

the dot code simple:

<script type="text/vnd.graphviz" id="mydiagram"> digraph g { graph [      fontname = "arial",     fontsize = 18,     label = "digest email flow chart",     size = "4,4" ];  node [       shape = ellipse,     sides = 4,     distortion = "0.0",     orientation = "0.0",     skew = "0.0",     bgcolor = lightgray,     style = filled,     fontname = "arial" ];  "email notification"   [shape=ellipse, shape = "mrecord" label="digest email\n(scheduled)"]; "sentiment analysis"   [shape=ellipse, shape = "mrecord" label="sentiment analysis\n(triggered)"]; "google news"          [shape=ellipse, shape = "mrecord" label="google news\n(scheduled)"]; "dilbert daily comics" [shape=ellipse, shape = "mrecord" label="dilbert daily comics\n(scheduled)"]; "time series chart"    [shape=ellipse, shape = "mrecord" label="time series chart\n(triggered)"]; "twitter stream"       [shape=ellipse, shape = "mrecord" label="twitter stream\n(scheduled)"];  "email notification" -> "time series chart" [dir = "back"]; "email notification" -> "dilbert daily comics" [dir = "back"]; "time series chart"  -> "twitter stream" [dir = "back"]; "sentiment analysis" -> "google news" [dir = "back"]; "email notification" -> "sentiment analysis" [dir = "back"]; } </script>

but viz.js library 2.3 mb! large.

is possible same force-directed graph in d3.js?

eventually decided write charting code myself, because jsplumb conflicted in areas jquery mobile js , css. not hard own drawing on html5 canvas , end 'lighter' app.

this result:

link chart


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more