From 1d3274984855e09a5231c5529f8bfa7b115588e4 Mon Sep 17 00:00:00 2001 From: Connor Turland Date: Sat, 3 Nov 2012 20:14:21 -0400 Subject: [PATCH] got directionality working on the RGraph type --- app/assets/images/action.png | Bin 8010 -> 9675 bytes app/assets/images/activity.png | Bin 8573 -> 10328 bytes app/assets/images/bizarre.png | Bin 8613 -> 10436 bytes app/assets/images/catalyst.png | Bin 8265 -> 10085 bytes app/assets/images/closed.png | Bin 8610 -> 10295 bytes app/assets/images/futuredev.png | Bin 8712 -> 10311 bytes app/assets/images/group.png | Bin 8707 -> 10581 bytes app/assets/images/implication.png | Bin 8231 -> 9993 bytes app/assets/images/insight.png | Bin 8332 -> 7822 bytes app/assets/images/intention.png | Bin 8436 -> 10215 bytes app/assets/images/junto.png | Bin 9831 -> 12099 bytes app/assets/images/knowledge.png | Bin 7912 -> 9901 bytes app/assets/images/location.png | Bin 8495 -> 10109 bytes app/assets/images/openissue.png | Bin 8531 -> 10284 bytes app/assets/images/opportunity.png | Bin 8830 -> 10478 bytes app/assets/images/person.png | Bin 7264 -> 8959 bytes app/assets/images/platform.png | Bin 8311 -> 10104 bytes app/assets/images/problem.png | Bin 8801 -> 10776 bytes app/assets/images/requirement.png | Bin 7945 -> 9694 bytes app/assets/images/resource.png | Bin 8139 -> 9822 bytes app/assets/images/role.png | Bin 8181 -> 9955 bytes app/assets/images/task.png | Bin 6976 -> 8750 bytes app/assets/images/trajectory.png | Bin 8367 -> 7084 bytes .../javascripts/Jit/RGraph/metamapRG.js | 53 +- app/assets/javascripts/Jit/jit.js | 33686 ++++++++-------- app/controllers/synapses_controller.rb | 5 +- app/models/item.rb | 1 + app/models/map.rb | 1 + app/models/synapse.rb | 2 + app/views/maps/_newsynapse.html.erb | 7 +- app/views/synapses/_new.html.erb | 7 +- app/views/synapses/edit.html.erb | 10 +- app/views/synapses/new.html.erb | 7 +- db/schema.rb | 16 +- 34 files changed, 16927 insertions(+), 16868 deletions(-) diff --git a/app/assets/images/action.png b/app/assets/images/action.png index f4519f46de47e00b6875397581d5c8f0f5a959df..1903ba8d1f91bd6fb60f7c8ab9960af70cb7559e 100644 GIT binary patch literal 9675 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 Pf44Os>8Mt#*rNUmoSx;< diff --git a/app/assets/images/activity.png b/app/assets/images/activity.png index acfe5ae50400b06e0bf63d8e0de5dd1c57ea08b1..a76c3b3ebc378aaeb479aba59b81f03eec3b5d9f 100644 GIT binary patch literal 10328 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 HTZR1>s+p#0 diff --git a/app/assets/images/bizarre.png b/app/assets/images/bizarre.png index ef0fa697da9af2015eb77dab8c0c1e4bc949b04b..5ec463507bb02d08668d67dd24986ce1759e78b8 100644 GIT binary patch literal 10436 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 B^)Ubd diff --git a/app/assets/images/catalyst.png b/app/assets/images/catalyst.png index 16d73cdcbff85be2b09c66a4af1555a1e65cf6d1..182727795a9fe8d9c84faa6be805705a6295c312 100644 GIT binary patch literal 10085 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 CVa($I literal 8610 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 diff --git a/app/assets/images/futuredev.png b/app/assets/images/futuredev.png index ae7884b0501e80078ec9cd0bfe912e6ebe5a2896..b5c666094e41044b7299f479544d7183ff7bf974 100644 GIT binary patch literal 10311 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 Uw_T6K$Ddk2R#Hi#M$9DWKYiwoTL1t6 literal 8712 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 diff --git a/app/assets/images/implication.png b/app/assets/images/implication.png index 4327406bf0c92b5708b21458482a23f1af19986b..328bfcc8d3021cc9b24ce42794ebc221b5000ead 100644 GIT binary patch literal 9993 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 KDqSmS8uUM{NYax4 literal 8332 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 Z0L^?bs7tl@^6&ovvXY7t)nZ0L{{_a|cD(=q diff --git a/app/assets/images/intention.png b/app/assets/images/intention.png index 4093a7dc0d7abb5a835253780a8d89d4ca0147b8..46e556073236b29eacd464f529d2636b9110a7bc 100644 GIT binary patch literal 10215 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 I5i<$-AGb+SkpKVy literal 8436 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 diff --git a/app/assets/images/junto.png b/app/assets/images/junto.png index 4a1cf6e7bb95f7ba084709d7316185eba85125e9..2dd623b514efe7a4a787160460b7fbf33a6219e0 100644 GIT binary patch literal 12099 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 P`lT$dE>|IA8vMTiTBQuq diff --git a/app/assets/images/knowledge.png b/app/assets/images/knowledge.png index 5406a6357af149f5e6da440983a176e8764e262a..238118ad1ad58e853eba31f09cd2c4fe445144f2 100644 GIT binary patch literal 9901 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 KNLNZ42mBAjE97th literal 7912 zcmbVxWmHsezxFUgN~0*v(1OI!IpomYNXO7!0}|2_0+Lb^0#ec;I&_G1cekW;*TLs` z{^xz)waz*p-o4h|cU{-@i~D!)4|_+dsmS6!A$tM<0C45yU>c9D>E9a@{qeb)>Lu{l zka|e#d1yLYd3c$*Spp>B&gPb2c}FvAOASji_#4+AOA!D7WM!+R=b@*pBxK?2$Zqx* z!|v_q^2i1NM8v#Z%q;9JJ;3Ic*0xSi+JlA`TCgn~N~_DO3{iHGvb3?4^KrA(^ik2W z@UgcLgwu+Nfkfh#m(;QX3fDVC@A<>gNuvp5y9sE#>vCXo6X6c?jHr1 zrMrcjt&4}PvlIBQqM5m~rw5ew(bIp2;OL^P{NKV(?*B>DW6C(Z&0IJ**&!T`j(_9& z7uwxJ!}9;Q@js&7wcfZ`a%fn(JA1lWJnn}T-9O~V-2Lx{{sJGp5mI%tecTi?2bi;k zr=z8lhdc~Q`?$gmw}lJI@bk-Xa`N*)__-i_0-T%@5FQwek4p;1#mNbik>dGBw@o zg>3%^`!dr1Z`=Yr+z^-qgi}UFP>PRNl8^R3T=@S_&Nv>O;rLq||5vg6Gxb=3f4l!( z`j3PEK0KCAk0-|M@o0FT-3bB!e`+jLMtmtr3M_ipPD(U1 zqonW%I;4H%@k=&cBWnt;E2*wBH0!TAvi2`BSw@Oy$y!U2>!My$zk<{l#NtIYXj{N2 zM!*eG?~a1f2|DD!PiaO%TL+q&etRKRFT7N;|IG1Y$$O}1kNI<4EP6b=UAi*<{pmn& zZ+G_FH*J;*=gi47Pd^;{Xpmu-gKwh%_d9p2fB{uR_n6*s{Pm@4aLb?P)?LV7EE1C> zpvHF~k;rUCv|%C#*G%`Je*X_wFujiofnO+(p+rCKMy@jTQAfds;+8Gy?UlPF}ZzpF(L z1)pBR&}PU`o?Je2k(X>2V@kNU@7r1XMRULZTt#LxL;jIRbbsI>JL_(X??CYy%Wp8{ z{uAXM8sj$q8L$}PQLKxZ1M`M=8@mQR9l00)x5j$|mU4o#&MJP!pWx4l2LqcO-#*Jk zoy8V8JTm5z6Xz<9Z}SD!;C=c-WtM4m_}Q)iI}&4gCJ1~v!>SHV3WeOMw$<1Da*>bt z5VMs2&HAE@xoIv2+iTwSF)QBz}>E2Bo&(fE0rj z#Cyerp}FA?%fg=`vZ_=c-FFWg|BboD2&~pRgGc^hYF$g8A;TKS#pP_LBFx9QM4!Si zPKf6r2;9}`ZRwiX#-)x?22vP_g@@>DgQz9M2VsHxz7pdgb97)k6_Y6jj$QXUt~6mF zUGm3l>Dx-L?+zin(JbL1*=%MY)XN~86JJR_Mig~U05(mVhITwBIIk+OJQ$~o#2O1p zFaAkFCD>PPa&bjXei9OhU+?yOYHfblieeZFl*8}Fy==9{T~tj%!8;8ULESn6i~*}c zBT-W@RX6DUw^QK5i*ZVA;s@k*1lG8OxB7U!tg5ryg3nQiyx;ogI|6SG2hb<)S8x!k zU+oap73l$9Kr#MKWXkFh8*AF1jo*0=^PPF6$8%++$EA4=liF;?&X6-eNmK%1mmZUN zGeXXW`VG+IFb^}wE}|r}>0zNY-OH#4DQw+|?gJ^yuT4wV-nZ5qTo`&jKfHGuoi8Ov zOUoFsgVF&D=CwI=7sT)@%Is&RcE|)UUlHBnFP2(4i_|CiyLz+teJZ6&M(wX>$8pNxw)6|R~4+g40s!Y^a9rc7c~Wfr1!rzgC4 z&~nX6g16$)NfS_2#E~|`&^DIoxvKpuisjlogkg^?ew+qAms{skp?R(#=*>y;-ut1L zR?uD)L*MJ|U}@m8*6SZ`nmXOM85HUZu#hCtx2JoH445dKpV^H3lC&rI+-Sem^lTB! zPk?=);B5u}UIvh6YL-W+wS0aGbuCf#xrY-7=?K2fXe>-2Fd`+pY~9xw3e^X z0k*>oosfBMhI#foC<3AnaG>vXHnsU(Q!=LsUF-F$vXHe9ki*(_a+zLnTyfo50FA zRkawjfr_0926~*W70-N3fU5GtUmgaQcq*4f&j_>yZOs%MX0KZoc%HKqf z!NQk^pf}ExaMcDcwy!HYgL0BIuyK>hv<1Hh#1hq3mRc{03BhvnHzMbC^6O}c*0!I9 zXGz`~)M^ste*#Xf0GEe01!5rbrwt)CA~59 zIU78*qD{N8Id&|WwQ8wX?)?EEkbHQ5EsEWh{acCSfCWVc>0aN$~w4 zr>^ireo>~p;m*$YUik*3s9A!~tE}=A++}LIQ7lh)#s}dI>=%(Oi7Tl76SwTUen(dT zd9WFu+{;(^BsK~W^guZE=K0DnoxbWTc3ZQhfWx=v`!&A)Qil1+{G?EklI|!9$8vJvx0qjlPs~(!%M!>;8FJ@$SP=PIx!sQ^=e7eTgV2 z?L}%__>D2CoNv8$k!A%=aKP1exE{s_SCQx~J&eeZxLx2!8a6_jySi13rqFbnUng^g zR@JeSUyy?zfJ;$_h<5#(f|#sA&@j!FE4ip}e4y7>RZNg?+(p4sg&eWO^3{^aL0D#c z;t81pWnx_{1)vH#StAOmUXqQk**}XyND6GM2T@LX&`naV;4{>boelQCSaQ5%Cm%&B#_)k zb3_K=5t!NTM2I{!CzYo3^cu7@pfV)WnwqsYwcA1~pi(>7tqofKuzLAvw>e~>e%McC zA8IefVDoYrd-%;M>k#rZgyPA!DZ1|^k=4xVRFO_!w`eBRIh#J{#Qr?+(*4>lBn~-s zknn#C4E^IJTToqaC4B3BRs3^&$vH>HE458l_;>u-UaynECr|Lw+GtkA)K;J@>A_1P zI7jQnQGXQFd;4gjS5KC&aM06D=Gra~i=f!5U!Pk!owg%Ng`XxaA zd&+I#vkO_vS9R#T#|W63%tS0RW5iPmQr}?v)T4f0ukxdo@i}N>(=9c(b|a5x=v75) z>XVT3dix{}Ux$QUnS0rYKe95KDfa?FT`Og()%ZFKgu@#Er%}(o&KdgRxXsCMYMv6x zodOM2EIaI$umc6p=S;E|V|%6hiVk?~KTTABc(LuypXXE4?fG6=A zxEC!4KuConH|qO@o~-LlBX+HPJBny?it2R-*HDvu9 z6|hWj^{Ol8^7_`yL$?R-K1%Xp|e3{$tD6)C+w?=51MbN4fBDQ9V-#ESnO65 z#dvg#PO7Hw=81h!AT|vLPAxC?{I`AhoVR5x3ru1MZ@WS(=_e&Uw)k?ovY&nRmp5*y z%L^h~in32ZJ8RXvANaG&Oj z`un0cF{hie)7Nu5?bOl)sXruQOfyupaKDVCicP~t+CLF4@`m{u+o=7nA0=H9#IO$o z5Q3)}V$Hd~s~+F2$?htH)=OJYfw?o1ZHZ|^R|93G_ltFTTxpUAXl{)8sp8_4@9rv0 z>?Rri__ogC_U7Zhr;do(t02g=f(h4L_Gew5`T0!* z2I5N~tVQv`6q9k`bFE(*DoxK!x;zF&<;7nwhoEp>x~_hGCl0Yl^WPL8!qu&c>zviI z*8+Sd6aj*ZzS*WjGo6@q-Xii1?@Y)5OWj${ft)e$d@>+2G@WfqYgsNhHo(DPpNxT< zT`SRJ6@*Un@t_9ItSzy<94`61D~!IX=*HV-Oa^i570csi3vd=7_ZhACzDQ}yVAdq# zUtxOcQ_1TyOP8&nup^O&<$YkPqNUWBqp_w0Kf|tSM1>WT{76Xa8N+I(rwG7Urup9S z1`_b}B1T*l=l<~JO1|zxN(3} zmKHk2IHSgd4xtz2G13v=@vg;zCq+qqh_h2DVNpPzH|!)qHelD$8(9hijfGPu`G-*R zve&0OFh5*06EJTg;JLlDX}{jjr(vk);DnbXjHzAE;XR34E2!B3mpua=VN3Ut3-BA@-d@r_9a*D|jcr~&4gxB-g|Vmnlxz|XWBjHzNcwN z`|HW3zHRP9sk^~UP}Aat?>u=mZfhU86CNoKKd;ciQz1bU9y=A!sYqimG$m+lVRL9= zV)Kp-Hhr3<;u5Ebi{OQ1T<5kp;3=Ja>%Rg`q3flI7r&61obIJ=*xGqs<ZX>}8wJ%?-o^Jo zgL}5bQ1x)i64}>(c;4(#QFBC5j{UYeABGz;s*V19Qry73F?3#OLHT}z`h$iPZ~Y=W z<3zd!(0jR7SS5qSOXS7n2^Y1LeCzi>iqJOiYE*PVCMD_cgK}T7EwtnMVeG|{7C92* zz@@t#r!WG)DV{Zz7U$ANbq$e9*SXrGee4Q{Cw7EVl)_0$Cx`7qfqShU&WxSRg0F(J zF;tM6qdg_vxB(5y1qEN{i?`hPLYoOduZUOLSIiiVT|Pr9)k9ttP~ebR33dF&xb(?Y zipAfhPxVnty(#fkz4Sljnq|LV5H<%#4Mt5H=&s;*r|9ri2~!&tmJ-MPUNyJYL51-0^@U%t)zMxrGU#B?mqw5AmsZ`+pN4fPSniZ)P4n2XeNNLd z&UmkI&(3tDu)4*AMKu@;X;vM8c!6nto&;#^hrT5Jzr0+!>@(${P-O##2MT|7Ov=eb z=GVbt{JaFtGq3SrFyg1y=6<1i8TMI4+=K>38{lKrXryxxr9ZSB$1nX zRtnzRw1#zU(HE;h9a<1IoONUa88I7?4z2Pn_3r2@U<9efA*U%XgoW+o@H}AJF%Dg% zvHab;+$f3zc+7}eo|hc4lzeW`Q@P-_w_o~+pc~$>J50alEyZ(0x92}TKtE$XE1+dT zKHP@2X!U*GPPK(W`sBoAb4qn>R9%MLKi&o}vVKI2Ccg_Z95L0v{;CtMz!IaU+(sly zr-?&=cS=D3B&M5s-xG+Bnx;X5i(g?aJ%6ZpNOPsIZlFHa{oKt=Nw1__l_UzJKs#?6 z$%AKVUcEK>4ex#>U7VDo|1eoB^mR+*CwFLuY}diQLy{|sQ|WthDced1w%72meAeSL zpxhg4Jx2`wa1T~1&u0X|dAwcLG*=VzHXRH7KbEv{II4k)I*vMM+_vRiFW-ZNz9euL zP%YnD=X^}R&(lvqo(~T2K!c3I^BP=<-bLrF&*(=4KVvTUH(4ter6h7>d$he5h90^e zco(R8PPi`y$CTQYXgbR=qmye84XA5U`UvSW05*I%Uj707~9MkjC-LxAI(R#nsi~fbavIP7;8d0=WoSgo*>{g@(0!F%oU7y^r{Id0t?O z))lAF7#SMx zLulnQPZ8Rd=S(i+emkB(mPSTuJ-n~hT~KE0c~v!z!v7EsOOpoMBiPIt(3h6TyVK-1R$ zz7Au~<_bv4@Qb31*NTt%QXn8V1mDy5 z(Hd<+;{rK1xEoI-pW7L*y=~Lb5FDnXA!hZ70U4`zln$JxEVeAZmP?^C5_)mG{H;JA zP-z>6qlJa;W7CSNo#4C~oW-clc>m*q;easVLox@;CI37}7c2n_H!(@yOud4W$uD4% zh-;K;)D*iKR3}01qM$7S(kBJ6D)~CyX`Ig-==NqSAnom$WLVcHoi~*e%;QePNE0>H z&(RFENoFAn&ZRk)U=xM6;=hI4CWXFTVkn~of_@4`-Bt4r-^j_+f4rTtapy}QI*FA+}w!q#-<%fE)l8a{NC1rQxkp% z$1@UjHHQVfz}w2)@?PFI94qFb{+N>bT+i;U`Qg(sUIvD&ulz?w_(rO5I*yNzgI`@# zf_zIX8HjJ-V!PL86)@*i0c$6ZhqZ%j*9qRe@p!t@gEf39Bblw+6Fz896ysE=%$yHl zOHnn?&4W3Wu(Z3p#(sZuiF8@6qW!NgxM&%2q}+wZYBq1y{LnHWj(2YANd{JO-1r8WM=3ACF?A2Q}m`0JGuz&a~(?a$@$W${>Ot!&JzP;Hf3DVzfu zXbrRBz!BSC!Y(!OG84{dnU)GGE$XwUUOZv6OBK@EYOIx3^YUdjOX8L0<~px*qZtH+ z`Pi(oZ?lO8b0>lGTCcw)luPpeDAG|fnMm?|VzB#u1SuZKkf3PIQ^g=QyQMXOwuL1- zdnPoByic(Y!7d_A>A!&uISI6BtEbbc$4^<;+N_3y5raR==G6|YDa+gifzqSwrXrp> zg&E4XCqGy@ojx54BQPVvzNebWyg)XeQR`GqQdgL#<)tH1eHN|GbuS#Pp1$HLS-@sq zEYnif(!xi;?fSf0jx2K6FkZM8vup4EvTVopvaYe?Xx&vk*Qv=g(CrJN*kMrqVO>_l zT=F%?kAaO2N~w%yIq!-M=c&1dp?r2L_tnxexG>Ko&>aIAaLoRmh}>N<9)e8bp3$xM zCHMYN&fVp3_t-7H0}gFw{jLA%2Trk zc$3WT*v`$wJbWLR8<)+B`SM=5oGIC_>S)N`wZ4r^X@5&vCB|kJgflT_`J)Da;>4Vy zdY^LfjxA_$`O8eacLO3#4~HGYu>E;(Mt;juW(A0M>IENh^QVU1laG!TOFu4)QWR7Y z+Ge{?1W{}PK;sPim2->wKDC#;7r(&W7l82+fzEf|C7-X zK|uF*el4hqy*zVMyCWI<=L&;-pmf!ry8|EThK{kX?1$Fw%V*Btj!~$RFf}|L=3;AMa{nhJ7^(>)#Tzb1aU}$xn{|6w9&SyxC9Lr+6iVGYy5$} z7s+X*yZC438HxQpJ@E}rVAX7;v#5QA!Sv?r0h1Aj#aT6=^YrBK_efQRft$ie3933M z+=D1TJ(3nIOt1(7`pV5#S4z7CWn?;2b3SiQ*4|=Qh>W|lz+sVda^{5{hKB=|gwr{8 z2GVj@hy6Qk@FDwj&#PjRRf37Dl8LeBl!vsTJ)w5q#8Zi6E4B1R%b8p%94K7Qozs4V zrQ0$BQ2>AP4!xTQ(#=+kZ`|Vr5lloQH&1pOw%(BcK=E_StQ6P+-g4F^W+}iLo9H`m zTo*G>kLejD>-j&_L>g!;2q*kWUn%;;*_Z-XV;I;3d}Lvcbm+En3K|eOs}_t7`%~b! zhxYN?UN4tYg_7OejEuLq4iHrgd_YuCY)AF=bWP zwOWb9&6%6g;O#tSm8^LJ216R8{1C9f$FJt&RO-7$jKXC;VuEEDp?gJ+Jiw2$*h(zj zu)vK$y^so&QT#WiIx(@74w@sucBQJcL{(Bd{Sy)33-WEyBHp$M% zS`!msFx>Rgok+HR+|Yg?);2WeE76f?W2#ux&zE_a*VFW1lJU>^Q}mljW6XqMXbUWw zZF>RBoZtlj`ObPMfYQGD9kciK=F_|2LBgXe{Es_ diff --git a/app/assets/images/location.png b/app/assets/images/location.png index 530499a3d5d7a4c355717b73d846ba9f3b796e45..00aa12fafc646bbf28d823153de3212e0c3dfaad 100644 GIT binary patch literal 10109 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 Su=Q=e2`I>@NY_f52LBKLHw&!* literal 8495 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 diff --git a/app/assets/images/openissue.png b/app/assets/images/openissue.png index 2200be4f00ff02ad959a4d44a98612ac3c818090..a4968bbc6dccea37338e55d62534fe41537bbac4 100644 GIT binary patch literal 10284 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 S8RzeB4k`*7urG3^!T$vl6W(F~ diff --git a/app/assets/images/opportunity.png b/app/assets/images/opportunity.png index 81671350bc8be567f3001d3accff7a56ae9eee90..e2751b7832a97b3a00905b38105837e0a9fb17ac 100644 GIT binary patch literal 10478 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 HV;=HfX{}9! diff --git a/app/assets/images/person.png b/app/assets/images/person.png index 8b057b52eec23ce07b53c928d481001390ad57d7..34036d6a9b62208e8b521d919362d6d1af690a26 100644 GIT binary patch literal 8959 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 Z0{{eqjp-@5pUeON002ovPDHLkV1i$M-!%XL literal 7264 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 diff --git a/app/assets/images/platform.png b/app/assets/images/platform.png index 1ac19c3605aff2e4853b3f50a3c62e278e3f48d6..8f7796a22c8eaa34b107e231e5495d86e9246712 100644 GIT binary patch literal 10104 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 WEyVfoSl*8|0eNW^sTv8h;Qs-ZcPM`V literal 8311 zcmbVyXEa=IzxIqeM2{9FCZl(wM=zsB?=|Y^j4~J^dbEfhgy_A55G6z>S_BD#=)E&q zbdEgF^FQzVu65S=@b10#zT0(OzjFWXwZH6WEe$0?d>VWJ06?gs4AZ%9E&o0socs53 zy07Sc^9ZS6gw#dYA$_ep;Q(1%gf$$j;%a3N*MVEv`gsh%B>(_SJ4Zbuq>;Lsm<_^} z$LcSJ2j%L1&jtV_q*3lxHqLM)*cxu{=q3p{_|gsmJK9P@429JB)ZOLb4vxzHo^V}% z4LuuwXPc+C5NRo}1WN2)z!i?P0;61A+`Pn4l8}Gtirx4BPV+**|AHW$B_aQI%1B)c zERXPngN1nbxNZ1^`M|Rmn4b^I$IHjh3+3mAiiipDi}CS+|8qg^t$Eto ziRr);|6}WZBnfdqBHhJ!d3}9-d3*(U5T5qD(5FwI{?*{;=e|d9d-=H`tx()RQUjsFqtrRV1k=hcCGA-p|p?)Srv@gMSi?*4Z}e}VVjh-rE{-fxPP3k+f7 z?Fx58s=y>6_bWWMj<#ZoA|i@VsE8n+2tS{&C=@EoCkTTH^UK5dp-`Bjyx>0?{}Y!_ zm|s*#K|oPd;2wOB78Max6otu)2t#FIaYR8jG%ys(g*Fyud6+y9@O@!mVb`?om$uVVRU>b?U1cK^Hd z?+5>Vc;IgLC&u&sXjENT>j40CB`PpkJ=E`Ab3CN}TGrjdRc!)Rk_;H;WUFm$o=^mj zYM>y=iZKdL&5p_D(0gBIpkP-lRxkz;b5hbIF5G*x7ZqwQV_(PRy`u-KvyrdCeC#f- z9#umFN#tVU;yswVxLs(yzmM+rUlzqsivMj za=fM)#v^jaLp=w!V=UGuNZM149J$gRzHOfJOOQmY7zQ^yd@D1Ihl9e#M6rFL^vcDa zy7mzJEQh9ng}c+e1;qKpOagvSdoz3y&SJyzh!fbP0B)kzBfuqNWQ)rj53xe~jvC$d zH>JRBc>R;YM*>h#GfAF$e9^ydNPG7#zJpJU5#b4W0Rlh>VU`N zhEMT886 zXjEq*@co>UDdc?tfmC@0$M7KtRX&3y{WeK2UJWbrHm&olu9}qO2`2@)gh4Pdh_p3= zECg11g(S69mxo?GO#~X#g~l%GVv%t4KOD64u4;qTeWG=< z4|kA0#QRvhgd9F~#6!ja*o{vMndW$b@$sEwQQ$9ml#Fy_a!JAci;5i&teHR#H$m*4H0D zw7Z0j#dAc4u2fKk+9X?YYu|EiIUp=>y`w*p{J5^Rwu%5$9X z-t{Ig>3tx8VQvslEnYxA^F)>y53C~7ERG?ifRgsWnMw#Iz#3fvj$%O5AaXKMT5C*@ zeX5>>q9=)AIQ~i&VWK7Ri-!DKEa9^}7M~!&fb4|ey^;8k;ReY0w;B86yNQ>DQIZTF zuJ2$PtmJQh9ryWRidjvupK2M+;;q<^U(6>|sA4h$YdKVVsBN+U%T1c$y*8Qv`fE{) zekWx^an#(57M6H61Frh1y}bR7!=@9%r2W7UZ)sTQvOl%|5f8PvA8TyZc;)Y~a7_{s z7M7^w;6O;|m@|6Jks&}&e1MU3N(_j#p&K&Un=>3-+{`{Yuk&&ovun1+j*b5LgS7&m zPV9xM@6;3z7R_maJwhYxf095N)lYLU>D>c$BvSDbjx5F|hD}YsSt`Vv!ytd~Qv} zD(Rb#+sNtz44+PDbX>3jLw6FX9p|tWgmf*i+F#fT2b>QF%c>)Lykj zkL44m?UfKjd7}DWCj{8zGA+C$jQiME0~_G24AULH<{oNx(}iJ)=*ZS8k(U>=bSMyx zYq@2+q+4u7`>vhC{NxLj!<>~7M3dGVhQrelft3U_egLu}k6?|k!z>uzDmzD5r z5=#!uI?>gDsZBf&|cw zl9D*j&rj#XCW%elaminLdGzmTQzWkYD_x~1`5Xj?@wzT@u)NHD`;gCf7sZw?7C956 z_LGG2=ae7n>h*h)$lH(e*Tb*Aid*&S3%Orf2t{JKdqLzt?EP;EYChsh1bcl_H5D}u zw&*==13YKJ7`WLzM5K-cH#YL5B9cX{Xi{!hIQpMDreL(JI0TEIu`D{u2{^V*79WBnSDd~BC^j8tC$gXz})X+j%3?-h*Xe9#-wd_^t`J)8@ z!+~xTpSAf*HoWYr)Vhqe?7hwF5ej$9Q~s)Da>Uj%i#t5EwnCmEJZ3>Wl8$e%{@fU{ z8fMr?CLNAxUNc^Hq*P$8|Lw^*HR{xN!9FONwS%G7T7V$k6RP=D^oYI4A=tq(AwD%I zn|L6iah$6CiauDu5cuA&IY{G%ti$;W;CH~mh`1+6hx`3T8D-c%DexeW$NF z!7*g#^hmu$7|L+B#_EB}?B51XxG|5#W#d*ShY?&ID&sFPkb+<#3^V!fW^S>|Bu(yeM> zH(#FODykXN;;syLy?dz&x;*k@D&ImglsNpdhHi6@t?y$VK!7)YAvP(O-XP5N2^L8Y z+f9l7Yy>-OYA6bA=h~!wy!mSf3{-sH%3O@0kII_EMkU`kYJn}xWt zo)+z30}dX3jXn&@CC$4kh=`TSg(M!?r=;W3gKRlofktkxTtE71l1AgbJ*`&`ab63= zM!WGT@buf>dUOlb{!oa^>re{wSv;f|?J^r!-zo0CU3>O9BZ|<)yW3O`g~VSWnwx;w ze@ZMPSCNUfu=u3Bb)x(*mg6yFaX9%ZNsc|TaIE=z=AcNB$DZhBY`)nEY83NFQ+XJ0 z;TFyRHJP-zbuSOjhZ^vFto-P4mrB7n6_aM9gxJ;S;6oDG{ZHu7B#gqFKFoJamQ3`$ z4{`zo!&JHq(oY-f6Ue6Zdxi)Fl@biQHXiq4<5k+XJmv+Oo#DP^=YPYM^`+4qY|rz+ zj)xEFvJ=C6U3Y90&sHMrt##sHgS)nV&z=ovJ5|43`oEaWVQvo^P6 zjZ_+BnlpLpd9HY7^AW^nnNrF>)K&107J6&&BI`O-7v6%uTxPdxQjk$xx6VEu)DN`! zSg+?e(8)@@&3I<-m8<$QIy~`%C-|ILLT&+I1LOu56vkAz{|O>FPZg)4c}_{=7W+A~ zz0W#+*nrUzCS;mF6ISx>VUkAXE0$JFtSbxB6>7XvEpLFapxu?tNFAdT9=w382pXvhi*Tjp zbELTw&-@MTP&)H5dh|u}wI}a&dudz@k1pwU`apkiT(%*Tp>!3YW2;Qpbve?PtlQ_#^>nD&GfNHKZ z*F48xPjE68l#a>laAoq(CquMUCa_F|1$#|BT!mYd{ zP?|uZ+rR4yp<#t6)j#~HQ5Dg`{}v!|u1a;}gBFyPz3^^Pu^Fuh69Jj=NA|BV8o6>F zXc2A-iCi{Yj5SKceGc$2_`G&PiI&NbLpW;|Ai``XqDIaHISwW+ zh=xV8I|8Z`Yy!Xb^W=rb3>e77C*jmfTU4!V`|ZmTXpyn4`gggnJNrKlkt>MykQ-}c z^_0Hpep=A#-E`FE-I2A`;_cG@hyqiitSwxQaML z*Q8HJFdIAl8AoXksz8=t>uhd7>yA@4y7(^f#V9y`h6-5 zX*chzF#}@!t-j`aBO8k7u^N}tX7W~lixW6@Y&aMlo?*yf(LK$^AL@@~$2{(CD)`=G z9*foU739yAsOe{6Ld33Q*VQXB5+~EZ2Q4JT>la#pamOBSekC>DG(Y)v2-B*`jboON zasGst)ZhQ-a%z$y1 zf9b-?`b8M#WVBV8a6VyXNw&=P44@N6MiF{-6#^3GQEWvN^6)f)EZ1Mzkwn%5PnH-0 zm|_dH3G;pkdn!Zc$v2LuH5v_mO1|Dc6~sr;=tBs+3S@@DhPD-ZTTz=;w=95SZt|>n z#|Q@QQ(2zaGEB=wCJHC9#}y$fL7O|&5<3Ux?aGUf%rSqgpsF<6zI0#bw2C%2xM)4S zJ3webeokTT^ypA<)2__roJUZzrN5xbHsMqx3ChDFXKQ^_b0-AG;fWwAUy&P7E~eW(A|sFb80m4{E0?JD8R>YlyTC5SR!YkWg5H z>T{{OK%U90ZGG|g6cH(4tiF4EQ+=fSXK=hv*P?AkSB`CZSmZ?wS>18E8fAix{jF~g zSrG*IswhjciP&Ejmob1o!z-8YCM!QxNc-%RliOq$|Gj82-L5<5@(eN;S2lU1lDzVg>MZ!TF9F{mC^_-jR3 zo;Zb?wzZmROg3GjH0AA4aG($Y_EYz@__@ZtB|wQK{U=={ z1qW3Dj;our2qC9dmh<+r5ww(HGD7|U^w9rZzDukEzYxYZqG7A209wzVJY<|<$MmDy zK#ioVCZ|JPr$uDct5L?@{m|m(Q3?ggP0BP5*nS8g{M3S3GB_zXg!0!5R)Ow--mOI6 zadev|oyw`DrNWwDC1D$iSMdBis4(uqVW66;dolWC^H=-h0KeAqyFT>~LR!9{xIc$# zgJmGPHGRc~YHj*wD1(uCJn?MeJwTNhdy6e_gXrt~lVE(d%hHJ0o{Uo3KIO3f79Azd zw^Q9yvTk12IG-4O=NO8G(E^sqfIt?TXjvJM*(~X!h2<>w-&7g;1hOx8MQZ_d-=1sz zq~2NxGYrnt1-?_2@7?sgghtwLTyX z*Z$rR{F67*AR#TXE=n(M@W$^u-`?Pxx>R=|oK&!?9(Aa&N zm8|o4sIpQWUu#HP^Yw8l>rZ}#p%*lJvPO#+Y|TNd)6P~#aC^nfEoFh7jx92Ip!q!dodWa4KtMa5# z8QRBW7;j(+P4r(Fv!_ZGHx|t30wco$#ykC|(Qe^h8@mLAA9hMJI+VBHIOO9Va1zY>xK&y0+NBCVKv`0=om^+Wdt2P)6ft|N% z&!;n1l|KJ;Qetfn-hZ$cO|EA#bbByzag(Cg*K2<>#97Rb_TXn%8Kz@va#YwnK4^#A zot!-#LJv3J22vYk=qbK$>Y>BC=<)7}o53=Sb1G!&D2atWQ_rce(^hB0E?Qg4UyYma zMR!GMu-YuqhsFa*nuCl`IVI(>!zBiNp|2xoU2%k+msHAxek?v~uIRt`-9?1ee$t>X z`;fNdc4nizeB-^NkQ#=VJ{?(IL&65h1&#b84?8kI-`RH9E)*ywv9El5Y+@}B2xX+nVJ*r8bqvkha_B@5_2P7GQRy-6LK}X>>?fl45NX`H zoR_#otD*rXCZ%@ekvapH*V@?9hOl;Ze@PjQcor*l`G;34s>&;>?q&xm=n=FX!S`@s zqZvXY?75l|{SU8tMW~{g%x5&y&~QmT?>LFtN+8&Z#Km-7chv)_LUN;G{av=XfRK!W z(T@-~^Gq)DYa5x^L)DH~KKna&AAgPFU!Iu1#IH^l2%oKfQ)av5WSk7nPO2~B@P_C=`-rg7yC6y%446fqgvzokr{ zodXR+sc-knXZOiIU(7Bjyk#oGu%fq6?f%dtVZu);F?=|YP#L<38&);}K*uL9hgIWg>KMKuZrmpWVM%=uHISGpG9te5>I8kLE!&y=yQ z^TQ6FE1l?O;Ib^ca4458KuB|@a$!wjtMxdKskcaNe92>uZ!Uca-wU+Ho#3!j?5(HM zVAj+P5ym(_n|2)^}~TTdd6O4*UqQ z!`V6xT{X@NcxUHs{>cSew@)}p&Ir`PKPO{RB&SPR&C~F`9tWOH(w9dE$EDYNNE~@( zDMM+#J(4$OkHv2Djma8)O>{g?j==T4E%h>pSmY#N{f@6n5@O&Mh!&Nu@RNN93U=Mu zIL@0L=pn8Z{by@>Sqji5XVvyfc>LkKUF7uLP*IoHc2QIEe#PzXG!;IyrozID0kYXJdu;&B`-5&x6Pt~#Zv$|HkBV=fCrFWKC{FZj; zyy+%(NJ+gyxa#AQ+*u`5>rFR?ub*t#RmbTx5pL4;p59fcrDuy6J@1LMQ&NJJu8P}% z&II0P^QarD6%8%TZKbScJ7xaab?zaxd~M4+fTnbp+jo2z3$O8v4Ve&?Z`|pKmvH9x z5a|k}Bn4f5SuBqfE-<*eLu*(N?c$PC$#>^@YE1U4SU# zn8Vd$`ml&`xwUt^9VeX5dow1?Y8c^To<)+FWKWOkPNWdaqkZ&(7!Wpjv*;U4e%JW| zg!!w<@9mWl?Yr3+u2YoxRHm` zr_l?NL!!RZHAm;FrQ%qZ=hjBXmbh85Z4mmn&|osO3DAg{8q;~?(h)Im8NP00J|)Q2 zpytni9PxgfZtscBmYP@L(1+}4CXvHLW-wp#^65%LWUK~Op4~DiVLOf?ta$gymO?a5 zysC{!TimQhj)#Rx{;HF^bY5uBAA^@z?LiHU1z2g5(5beQRZ z<*ugkX$}k?p(nL2D2hp4;jX4o8OeF}l}$34)i;3QmCg*e@D)%l!X|w}${O}^Z0bhV znbddg{N<}t^OLSOvm^mqH9LHxPtRFLHT?Z?gfd&1Tq8tRH2eWI6Y!ls>(egFcHjKh zL2tb<4wxOw3!@1-tc7@Or-!~z4e2su7QlbH2!i_xc4nrXGW}ReKU4@3_j^E}T(D28 zPozZrsJX&3Edq}{Pcl}PsRR}iRO|gX3W{%TYin=1og$T4O}M77=lpOixYoM*W=;$?``(kiq|F@P3QRIYc@T@OWMV=a=q6RU@a@_mk zMLZt5FB?z})4MDm_@>{QQ^x{KrLR|E%-su-D+9*>G)8M8%5icJjetSdpjSRoz%LV=NRcd9b2vPkD9-pR0{DvV{|dr z18sJ9OSMt2iG~JRlXVbmyBAVbrFVOXy$bkf$p;^-?4h<`954)AuH_7(#NoMgI;dXU z`lJ~=gq5!}Z#N~l2a}*XVEZ0?b;tN+B?y}uU>hy`j^ZVc|KDE$R1`E|RdSZ0{{;Zp BT15Z= diff --git a/app/assets/images/problem.png b/app/assets/images/problem.png index 719f6f3f84d0b861e3c320b61f09dea5eb7b47d7..06f6f188ccba19550368db455d7ebfed636a7fb7 100644 GIT binary patch literal 10776 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 diff --git a/app/assets/images/requirement.png b/app/assets/images/requirement.png index 28f5d8a0c6fd3bda4e258d931f64441711fde07d..e3ac46b91b6a167d474104763ac70327f741a28f 100644 GIT binary patch literal 9694 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 U*uk2``vn^CQAS0&TGA}|e`9`X@Bjb+ literal 7945 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 diff --git a/app/assets/images/role.png b/app/assets/images/role.png index 821e93bcac79f411d141088e745d124faa2c89f1..6ee08b0baa4c6a0f124cffe87f01c7e6aa24b919 100644 GIT binary patch literal 9955 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 diff --git a/app/assets/images/task.png b/app/assets/images/task.png index 3e1e569e7b23f9555d263e806a6fa814da436cdd..11e5a7aec8c1469236ac637103c56244788ddb0c 100644 GIT binary patch literal 8750 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 Y0OR&1xwK;JasU7T07*qoM6N<$g5z_oegFUf literal 6976 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 JQsPVC{{VgjaJv8i literal 8367 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 P3xT?_j#8b1ZRCFenG0+K diff --git a/app/assets/javascripts/Jit/RGraph/metamapRG.js b/app/assets/javascripts/Jit/RGraph/metamapRG.js index e2a8b4f0..12ba7870 100644 --- a/app/assets/javascripts/Jit/RGraph/metamapRG.js +++ b/app/assets/javascripts/Jit/RGraph/metamapRG.js @@ -65,6 +65,46 @@ function initRG(){ } } }); + //implement an edge type +$jit.RGraph.Plot.EdgeTypes.implement({ + 'customEdge': { + 'render': function(adj, canvas) { + //get nodes cartesian coordinates + var pos = adj.nodeFrom.pos.getc(true); + var posChild = adj.nodeTo.pos.getc(true); + + var direction = adj.getData("category"); + //label placement on edges + //plot arrow edge + if (direction == "none") { + this.edgeHelper.line.render({ x: pos.x, y: pos.y }, { x: posChild.x, y: posChild.y }, canvas); + } + else if (direction == "both") { + this.edgeHelper.arrow.render({ x: pos.x, y: pos.y }, { x: posChild.x, y: posChild.y }, 40, false, canvas); + this.edgeHelper.arrow.render({ x: pos.x, y: pos.y }, { x: posChild.x, y: posChild.y }, 40, true, canvas); + } + else if (direction == "from-to") { + this.edgeHelper.arrow.render({ x: pos.x, y: pos.y }, { x: posChild.x, y: posChild.y }, 40, false, canvas); + } + else if (direction == "to-from") { + this.edgeHelper.arrow.render({ x: pos.x, y: pos.y }, { x: posChild.x, y: posChild.y }, 40, true, canvas); + } + + //check for edge label in data + var desc = adj.getData("desc"); + var showDesc = adj.getData("showDesc"); + if( desc != "" && showDesc ) { + //now adjust the label placement + var radius = canvas.getSize(); + var x = parseInt((pos.x + posChild.x - (desc.length * 5)) /2); + var y = parseInt((pos.y + posChild.y) /2); + canvas.getCtx().fillStyle = '#000'; + canvas.getCtx().font = 'bold 14px arial'; + canvas.getCtx().fillText(desc, x, y); + } + } + } +}); // end // init RGraph rg = new $jit.RGraph({ @@ -101,7 +141,8 @@ function initRG(){ Edge: { overridable: true, color: '#222222', - lineWidth: 0.5 + type: 'customEdge', + lineWidth: 1 }, //Native canvas text styling Label: { @@ -152,9 +193,10 @@ function initRG(){ n.setData('dim', 25, 'end'); n.eachAdjacency(function(adj) { adj.setDataset('end', { - lineWidth: 0.5, - color: '#222222' - }); + lineWidth: 1, + color: '#222222' + }); + adj.setData('showDesc', false, 'current'); }); }); if(!node.selected) { @@ -164,7 +206,8 @@ function initRG(){ adj.setDataset('end', { lineWidth: 3, color: '#FFF' - }); + }); + adj.setData('showDesc', true, 'current'); }); } else { delete node.selected; diff --git a/app/assets/javascripts/Jit/jit.js b/app/assets/javascripts/Jit/jit.js index d417d796..301f2cc0 100644 --- a/app/assets/javascripts/Jit/jit.js +++ b/app/assets/javascripts/Jit/jit.js @@ -1,16841 +1,16847 @@ -/* - Copyright (c) 2010, Nicolas Garcia Belmonte - All rights reserved - - > Redistribution and use in source and binary forms, with or without - > modification, are permitted provided that the following conditions are met: - > * Redistributions of source code must retain the above copyright - > notice, this list of conditions and the following disclaimer. - > * Redistributions in binary form must reproduce the above copyright - > notice, this list of conditions and the following disclaimer in the - > documentation and/or other materials provided with the distribution. - > * Neither the name of the organization nor the - > names of its contributors may be used to endorse or promote products - > derived from this software without specific prior written permission. - > - > THIS SOFTWARE IS PROVIDED BY NICOLAS GARCIA BELMONTE ``AS IS'' AND ANY - > EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED - > WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE - > DISCLAIMED. IN NO EVENT SHALL NICOLAS GARCIA BELMONTE BE LIABLE FOR ANY - > DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES - > (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; - > LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND - > ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT - > (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS - > SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - */ - (function () { - -/* - File: Core.js - - */ - -/* - Object: $jit - - Defines the namespace for all library Classes and Objects. - This variable is the *only* global variable defined in the Toolkit. - There are also other interesting properties attached to this variable described below. - */ -window.$jit = function(w) { - w = w || window; - for(var k in $jit) { - if($jit[k].$extend) { - w[k] = $jit[k]; - } - } -}; - -$jit.version = '2.0.0b'; -/* - Object: $jit.id - - Works just like *document.getElementById* - - Example: - (start code js) - var element = $jit.id('elementId'); - (end code) - -*/ - -/* - Object: $jit.util - - Contains utility functions. - - Some of the utility functions and the Class system were based in the MooTools Framework - . Copyright (c) 2006-2010 Valerio Proietti, . - MIT license . - - These methods are generally also implemented in DOM manipulation frameworks like JQuery, MooTools and Prototype. - I'd suggest you to use the functions from those libraries instead of using these, since their functions - are widely used and tested in many different platforms/browsers. Use these functions only if you have to. - - */ -var $ = function(d) { - return document.getElementById(d); -}; - -$.empty = function() { -}; - -/* - Method: extend - - Augment an object by appending another object's properties. - - Parameters: - - original - (object) The object to be extended. - extended - (object) An object which properties are going to be appended to the original object. - - Example: - (start code js) - $jit.util.extend({ 'a': 1, 'b': 2 }, { 'b': 3, 'c': 4 }); //{ 'a':1, 'b': 3, 'c': 4 } - (end code) -*/ -$.extend = function(original, extended) { - for ( var key in (extended || {})) - original[key] = extended[key]; - return original; -}; - -$.lambda = function(value) { - return (typeof value == 'function') ? value : function() { - return value; - }; -}; - -$.time = Date.now || function() { - return +new Date; -}; - -/* - Method: splat - - Returns an array wrapping *obj* if *obj* is not an array. Returns *obj* otherwise. - - Parameters: - - obj - (mixed) The object to be wrapped in an array. - - Example: - (start code js) - $jit.util.splat(3); //[3] - $jit.util.splat([3]); //[3] - (end code) -*/ -$.splat = function(obj) { - var type = $.type(obj); - return type ? ((type != 'array') ? [ obj ] : obj) : []; -}; - -$.type = function(elem) { - var type = $.type.s.call(elem).match(/^\[object\s(.*)\]$/)[1].toLowerCase(); - if(type != 'object') return type; - if(elem && elem.$$family) return elem.$$family; - return (elem && elem.nodeName && elem.nodeType == 1)? 'element' : type; -}; -$.type.s = Object.prototype.toString; - -/* - Method: each - - Iterates through an iterable applying *f*. - - Parameters: - - iterable - (array) The original array. - fn - (function) The function to apply to the array elements. - - Example: - (start code js) - $jit.util.each([3, 4, 5], function(n) { alert('number ' + n); }); - (end code) -*/ -$.each = function(iterable, fn) { - var type = $.type(iterable); - if (type == 'object') { - for ( var key in iterable) - fn(iterable[key], key); - } else { - for ( var i = 0, l = iterable.length; i < l; i++) - fn(iterable[i], i); - } -}; - -$.indexOf = function(array, item) { - if(Array.indexOf) return array.indexOf(item); - for(var i=0,l=array.length; i> 16, hex >> 8 & 0xff, hex & 0xff ]; - } -}; - -$.destroy = function(elem) { - $.clean(elem); - if (elem.parentNode) - elem.parentNode.removeChild(elem); - if (elem.clearAttributes) - elem.clearAttributes(); -}; - -$.clean = function(elem) { - for (var ch = elem.childNodes, i = 0, l = ch.length; i < l; i++) { - $.destroy(ch[i]); - } -}; - -/* - Method: addEvent - - Cross-browser add event listener. - - Parameters: - - obj - (obj) The Element to attach the listener to. - type - (string) The listener type. For example 'click', or 'mousemove'. - fn - (function) The callback function to be used when the event is fired. - - Example: - (start code js) - $jit.util.addEvent(elem, 'click', function(){ alert('hello'); }); - (end code) -*/ -$.addEvent = function(obj, type, fn) { - if (obj.addEventListener) - obj.addEventListener(type, fn, false); - else - obj.attachEvent('on' + type, fn); -}; - -$.addEvents = function(obj, typeObj) { - for(var type in typeObj) { - $.addEvent(obj, type, typeObj[type]); - } -}; - -$.hasClass = function(obj, klass) { - return (' ' + obj.className + ' ').indexOf(' ' + klass + ' ') > -1; -}; - -$.addClass = function(obj, klass) { - if (!$.hasClass(obj, klass)) - obj.className = (obj.className + " " + klass); -}; - -$.removeClass = function(obj, klass) { - obj.className = obj.className.replace(new RegExp( - '(^|\\s)' + klass + '(?:\\s|$)'), '$1'); -}; - -$.getPos = function(elem) { - var offset = getOffsets(elem); - var scroll = getScrolls(elem); - return { - x: offset.x - scroll.x, - y: offset.y - scroll.y - }; - - function getOffsets(elem) { - var position = { - x: 0, - y: 0 - }; - while (elem && !isBody(elem)) { - position.x += elem.offsetLeft; - position.y += elem.offsetTop; - elem = elem.offsetParent; - } - return position; - } - - function getScrolls(elem) { - var position = { - x: 0, - y: 0 - }; - while (elem && !isBody(elem)) { - position.x += elem.scrollLeft; - position.y += elem.scrollTop; - elem = elem.parentNode; - } - return position; - } - - function isBody(element) { - return (/^(?:body|html)$/i).test(element.tagName); - } -}; - -$.event = { - get: function(e, win) { - win = win || window; - return e || win.event; - }, - getWheel: function(e) { - return e.wheelDelta? e.wheelDelta / 120 : -(e.detail || 0) / 3; - }, - isRightClick: function(e) { - return (e.which == 3 || e.button == 2); - }, - getPos: function(e, win) { - // get mouse position - win = win || window; - e = e || win.event; - var doc = win.document; - doc = doc.documentElement || doc.body; - //TODO(nico): make touch event handling better - if(e.touches && e.touches.length) { - e = e.touches[0]; - } - var page = { - x: e.pageX || (e.clientX + doc.scrollLeft), - y: e.pageY || (e.clientY + doc.scrollTop) - }; - return page; - }, - stop: function(e) { - if (e.stopPropagation) e.stopPropagation(); - e.cancelBubble = true; - if (e.preventDefault) e.preventDefault(); - else e.returnValue = false; - } -}; - -$jit.util = $jit.id = $; - -var Class = function(properties) { - properties = properties || {}; - var klass = function() { - for ( var key in this) { - if (typeof this[key] != 'function') - this[key] = $.unlink(this[key]); - } - this.constructor = klass; - if (Class.prototyping) - return this; - var instance = this.initialize ? this.initialize.apply(this, arguments) - : this; - //typize - this.$$family = 'class'; - return instance; - }; - - for ( var mutator in Class.Mutators) { - if (!properties[mutator]) - continue; - properties = Class.Mutators[mutator](properties, properties[mutator]); - delete properties[mutator]; - } - - $.extend(klass, this); - klass.constructor = Class; - klass.prototype = properties; - return klass; -}; - -Class.Mutators = { - - Implements: function(self, klasses) { - $.each($.splat(klasses), function(klass) { - Class.prototyping = klass; - var instance = (typeof klass == 'function') ? new klass : klass; - for ( var prop in instance) { - if (!(prop in self)) { - self[prop] = instance[prop]; - } - } - delete Class.prototyping; - }); - return self; - } - -}; - -$.extend(Class, { - - inherit: function(object, properties) { - for ( var key in properties) { - var override = properties[key]; - var previous = object[key]; - var type = $.type(override); - if (previous && type == 'function') { - if (override != previous) { - Class.override(object, key, override); - } - } else if (type == 'object') { - object[key] = $.merge(previous, override); - } else { - object[key] = override; - } - } - return object; - }, - - override: function(object, name, method) { - var parent = Class.prototyping; - if (parent && object[name] != parent[name]) - parent = null; - var override = function() { - var previous = this.parent; - this.parent = parent ? parent[name] : object[name]; - var value = method.apply(this, arguments); - this.parent = previous; - return value; - }; - object[name] = override; - } - -}); - -Class.prototype.implement = function() { - var proto = this.prototype; - $.each(Array.prototype.slice.call(arguments || []), function(properties) { - Class.inherit(proto, properties); - }); - return this; -}; - -$jit.Class = Class; - -/* - Object: $jit.json - - Provides JSON utility functions. - - Most of these functions are JSON-tree traversal and manipulation functions. -*/ -$jit.json = { - /* - Method: prune - - Clears all tree nodes having depth greater than maxLevel. - - Parameters: - - tree - (object) A JSON tree object. For more information please see . - maxLevel - (number) An integer specifying the maximum level allowed for this tree. All nodes having depth greater than max level will be deleted. - - */ - prune: function(tree, maxLevel) { - this.each(tree, function(elem, i) { - if (i == maxLevel && elem.children) { - delete elem.children; - elem.children = []; - } - }); - }, - /* - Method: getParent - - Returns the parent node of the node having _id_ as id. - - Parameters: - - tree - (object) A JSON tree object. See also . - id - (string) The _id_ of the child node whose parent will be returned. - - Returns: - - A tree JSON node if any, or false otherwise. - - */ - getParent: function(tree, id) { - if (tree.id == id) - return false; - var ch = tree.children; - if (ch && ch.length > 0) { - for ( var i = 0; i < ch.length; i++) { - if (ch[i].id == id) - return tree; - else { - var ans = this.getParent(ch[i], id); - if (ans) - return ans; - } - } - } - return false; - }, - /* - Method: getSubtree - - Returns the subtree that matches the given id. - - Parameters: - - tree - (object) A JSON tree object. See also . - id - (string) A node *unique* identifier. - - Returns: - - A subtree having a root node matching the given id. Returns null if no subtree matching the id is found. - - */ - getSubtree: function(tree, id) { - if (tree.id == id) - return tree; - for ( var i = 0, ch = tree.children; i < ch.length; i++) { - var t = this.getSubtree(ch[i], id); - if (t != null) - return t; - } - return null; - }, - /* - Method: eachLevel - - Iterates on tree nodes with relative depth less or equal than a specified level. - - Parameters: - - tree - (object) A JSON tree or subtree. See also . - initLevel - (number) An integer specifying the initial relative level. Usually zero. - toLevel - (number) An integer specifying a top level. This method will iterate only through nodes with depth less than or equal this number. - action - (function) A function that receives a node and an integer specifying the actual level of the node. - - Example: - (start code js) - $jit.json.eachLevel(tree, 0, 3, function(node, depth) { - alert(node.name + ' ' + depth); - }); - (end code) - */ - eachLevel: function(tree, initLevel, toLevel, action) { - if (initLevel <= toLevel) { - action(tree, initLevel); - if(!tree.children) return; - for ( var i = 0, ch = tree.children; i < ch.length; i++) { - this.eachLevel(ch[i], initLevel + 1, toLevel, action); - } - } - }, - /* - Method: each - - A JSON tree iterator. - - Parameters: - - tree - (object) A JSON tree or subtree. See also . - action - (function) A function that receives a node. - - Example: - (start code js) - $jit.json.each(tree, function(node) { - alert(node.name); - }); - (end code) - - */ - each: function(tree, action) { - this.eachLevel(tree, 0, Number.MAX_VALUE, action); - } -}; - - -/* - An object containing multiple type of transformations. -*/ - -$jit.Trans = { - $extend: true, - - linear: function(p){ - return p; - } -}; - -var Trans = $jit.Trans; - -(function(){ - - var makeTrans = function(transition, params){ - params = $.splat(params); - return $.extend(transition, { - easeIn: function(pos){ - return transition(pos, params); - }, - easeOut: function(pos){ - return 1 - transition(1 - pos, params); - }, - easeInOut: function(pos){ - return (pos <= 0.5)? transition(2 * pos, params) / 2 : (2 - transition( - 2 * (1 - pos), params)) / 2; - } - }); - }; - - var transitions = { - - Pow: function(p, x){ - return Math.pow(p, x[0] || 6); - }, - - Expo: function(p){ - return Math.pow(2, 8 * (p - 1)); - }, - - Circ: function(p){ - return 1 - Math.sin(Math.acos(p)); - }, - - Sine: function(p){ - return 1 - Math.sin((1 - p) * Math.PI / 2); - }, - - Back: function(p, x){ - x = x[0] || 1.618; - return Math.pow(p, 2) * ((x + 1) * p - x); - }, - - Bounce: function(p){ - var value; - for ( var a = 0, b = 1; 1; a += b, b /= 2) { - if (p >= (7 - 4 * a) / 11) { - value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); - break; - } - } - return value; - }, - - Elastic: function(p, x){ - return Math.pow(2, 10 * --p) - * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); - } - - }; - - $.each(transitions, function(val, key){ - Trans[key] = makeTrans(val); - }); - - $.each( [ - 'Quad', 'Cubic', 'Quart', 'Quint' - ], function(elem, i){ - Trans[elem] = makeTrans(function(p){ - return Math.pow(p, [ - i + 2 - ]); - }); - }); - -})(); - -/* - A Class that can perform animations for generic objects. - - If you are looking for animation transitions please take a look at the object. - - Used by: - - - - Based on: - - The Animation class is based in the MooTools Framework . Copyright (c) 2006-2009 Valerio Proietti, . MIT license . - -*/ - -var Animation = new Class( { - - initialize: function(options){ - this.setOptions(options); - }, - - setOptions: function(options){ - var opt = { - duration: 2500, - fps: 40, - transition: Trans.Quart.easeInOut, - compute: $.empty, - complete: $.empty, - link: 'ignore' - }; - this.opt = $.merge(opt, options || {}); - return this; - }, - - step: function(){ - var time = $.time(), opt = this.opt; - if (time < this.time + opt.duration) { - var delta = opt.transition((time - this.time) / opt.duration); - opt.compute(delta); - } else { - this.timer = clearInterval(this.timer); - opt.compute(1); - opt.complete(); - } - }, - - start: function(){ - if (!this.check()) - return this; - this.time = 0; - this.startTimer(); - return this; - }, - - startTimer: function(){ - var that = this, fps = this.opt.fps; - if (this.timer) - return false; - this.time = $.time() - this.time; - this.timer = setInterval((function(){ - that.step(); - }), Math.round(1000 / fps)); - return true; - }, - - pause: function(){ - this.stopTimer(); - return this; - }, - - resume: function(){ - this.startTimer(); - return this; - }, - - stopTimer: function(){ - if (!this.timer) - return false; - this.time = $.time() - this.time; - this.timer = clearInterval(this.timer); - return true; - }, - - check: function(){ - if (!this.timer) - return true; - if (this.opt.link == 'cancel') { - this.stopTimer(); - return true; - } - return false; - } -}); - - -var Options = function() { - var args = arguments; - for(var i=0, l=args.length, ans={}; i options. - Other options included in the AreaChart are , , , and . - - Syntax: - - (start code js) - - Options.AreaChart = { - animate: true, - labelOffset: 3, - type: 'stacked', - selectOnHover: true, - showAggregates: true, - showLabels: true, - filterOnClick: false, - restoreOnRightClick: false - }; - - (end code) - - Example: - - (start code js) - - var areaChart = new $jit.AreaChart({ - animate: true, - type: 'stacked:gradient', - selectOnHover: true, - filterOnClick: true, - restoreOnRightClick: true - }); - - (end code) - - Parameters: - - animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. - labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. - type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. - selectOnHover - (boolean) Default's *true*. If true, it will add a mark to the hovered stack. - showAggregates - (boolean) Default's *true*. Display the sum of the values of the different stacks. - showLabels - (boolean) Default's *true*. Display the name of the slots. - filterOnClick - (boolean) Default's *true*. Select the clicked stack by hiding all other stacks. - restoreOnRightClick - (boolean) Default's *true*. Show all stacks by right clicking. - -*/ - -Options.AreaChart = { - $extend: true, - - animate: true, - labelOffset: 3, // label offset - type: 'stacked', // gradient - Tips: { - enable: false, - onShow: $.empty, - onHide: $.empty - }, - Events: { - enable: false, - onClick: $.empty - }, - selectOnHover: true, - showAggregates: true, - showLabels: true, - filterOnClick: false, - restoreOnRightClick: false -}; - -/* - * File: Options.Margin.js - * -*/ - -/* - Object: Options.Margin - - Canvas drawing margins. - - Syntax: - - (start code js) - - Options.Margin = { - top: 0, - left: 0, - right: 0, - bottom: 0 - }; - - (end code) - - Example: - - (start code js) - - var viz = new $jit.Viz({ - Margin: { - right: 10, - bottom: 20 - } - }); - - (end code) - - Parameters: - - top - (number) Default's *0*. Top margin. - left - (number) Default's *0*. Left margin. - right - (number) Default's *0*. Right margin. - bottom - (number) Default's *0*. Bottom margin. - -*/ - -Options.Margin = { - $extend: false, - - top: 0, - left: 0, - right: 0, - bottom: 0 -}; - -/* - * File: Options.Canvas.js - * -*/ - -/* - Object: Options.Canvas - - These are Canvas general options, like where to append it in the DOM, its dimensions, background, - and other more advanced options. - - Syntax: - - (start code js) - - Options.Canvas = { - injectInto: 'id', - width: false, - height: false, - useCanvas: false, - withLabels: true, - background: false - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - injectInto: 'someContainerId', - width: 500, - height: 700 - }); - (end code) - - Parameters: - - injectInto - *required* (string|element) The id of the DOM container for the visualization. It can also be an Element provided that it has an id. - width - (number) Default's to the *container's offsetWidth*. The width of the canvas. - height - (number) Default's to the *container's offsetHeight*. The height of the canvas. - useCanvas - (boolean|object) Default's *false*. You can pass another instance to be used by the visualization. - withLabels - (boolean) Default's *true*. Whether to use a label container for the visualization. - background - (boolean|object) Default's *false*. An object containing information about the rendering of a background canvas. -*/ - -Options.Canvas = { - $extend: true, - - injectInto: 'id', - width: false, - height: false, - useCanvas: false, - withLabels: true, - background: false -}; - -/* - * File: Options.Tree.js - * -*/ - -/* - Object: Options.Tree - - Options related to (strict) Tree layout algorithms. These options are used by the visualization. - - Syntax: - - (start code js) - Options.Tree = { - orientation: "left", - subtreeOffset: 8, - siblingOffset: 5, - indent:10, - multitree: false, - align:"center" - }; - (end code) - - Example: - - (start code js) - var st = new $jit.ST({ - orientation: 'left', - subtreeOffset: 1, - siblingOFfset: 5, - multitree: true - }); - (end code) - - Parameters: - - subtreeOffset - (number) Default's 8. Separation offset between subtrees. - siblingOffset - (number) Default's 5. Separation offset between siblings. - orientation - (string) Default's 'left'. Tree orientation layout. Possible values are 'left', 'top', 'right', 'bottom'. - align - (string) Default's *center*. Whether the tree alignment is 'left', 'center' or 'right'. - indent - (number) Default's 10. Used when *align* is left or right and shows an indentation between parent and children. - multitree - (boolean) Default's *false*. Used with the node $orn data property for creating multitrees. - -*/ -Options.Tree = { - $extend: true, - - orientation: "left", - subtreeOffset: 8, - siblingOffset: 5, - indent:10, - multitree: false, - align:"center" -}; - - -/* - * File: Options.Node.js - * -*/ - -/* - Object: Options.Node - - Provides Node rendering options for Tree and Graph based visualizations. - - Syntax: - - (start code js) - Options.Node = { - overridable: false, - type: 'circle', - color: '#ccb', - alpha: 1, - dim: 3, - height: 20, - width: 90, - autoHeight: false, - autoWidth: false, - lineWidth: 1, - transform: true, - align: "center", - angularWidth:1, - span:1, - CanvasStyles: {} - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Node: { - overridable: true, - width: 30, - autoHeight: true, - type: 'rectangle' - } - }); - (end code) - - Parameters: - - overridable - (boolean) Default's *false*. Determine whether or not general node properties can be overridden by a particular . - type - (string) Default's *circle*. Node's shape. Node built-in types include 'circle', 'rectangle', 'square', 'ellipse', 'triangle', 'star'. The default Node type might vary in each visualization. You can also implement (non built-in) custom Node types into your visualizations. - color - (string) Default's *#ccb*. Node color. - alpha - (number) Default's *1*. The Node's alpha value. *1* is for full opacity. - dim - (number) Default's *3*. An extra parameter used by other node shapes such as circle or square, to determine the shape's diameter. - height - (number) Default's *20*. Used by 'rectangle' and 'ellipse' node types. The height of the node shape. - width - (number) Default's *90*. Used by 'rectangle' and 'ellipse' node types. The width of the node shape. - autoHeight - (boolean) Default's *false*. Whether to set an auto height for the node depending on the content of the Node's label. - autoWidth - (boolean) Default's *false*. Whether to set an auto width for the node depending on the content of the Node's label. - lineWidth - (number) Default's *1*. Used only by some Node shapes. The line width of the strokes of a node. - transform - (boolean) Default's *true*. Only used by the visualization. Whether to scale the nodes according to the moebius transformation. - align - (string) Default's *center*. Possible values are 'center', 'left' or 'right'. Used only by the visualization, these parameters are used for aligning nodes when some of they dimensions vary. - angularWidth - (number) Default's *1*. Used in radial layouts (like or visualizations). The amount of relative 'space' set for a node. - span - (number) Default's *1*. Used in radial layouts (like or visualizations). The angle span amount set for a node. - CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting a Node. - -*/ -Options.Node = { - $extend: false, - - overridable: false, - type: 'circle', - color: '#ccb', - alpha: 1, - dim: 3, - height: 20, - width: 90, - autoHeight: false, - autoWidth: false, - lineWidth: 1, - transform: true, - align: "center", - angularWidth:1, - span:1, - //Raw canvas styles to be - //applied to the context instance - //before plotting a node - CanvasStyles: {} -}; - - -/* - * File: Options.Edge.js - * -*/ - -/* - Object: Options.Edge - - Provides Edge rendering options for Tree and Graph based visualizations. - - Syntax: - - (start code js) - Options.Edge = { - overridable: false, - type: 'line', - color: '#ccb', - lineWidth: 1, - dim:15, - alpha: 1, - CanvasStyles: {} - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Edge: { - overridable: true, - type: 'line', - color: '#fff', - CanvasStyles: { - shadowColor: '#ccc', - shadowBlur: 10 - } - } - }); - (end code) - - Parameters: - - overridable - (boolean) Default's *false*. Determine whether or not general edges properties can be overridden by a particular . - type - (string) Default's 'line'. Edge styles include 'line', 'hyperline', 'arrow'. The default Edge type might vary in each visualization. You can also implement custom Edge types. - color - (string) Default's '#ccb'. Edge color. - lineWidth - (number) Default's *1*. Line/Edge width. - alpha - (number) Default's *1*. The Edge's alpha value. *1* is for full opacity. - dim - (number) Default's *15*. An extra parameter used by other complex shapes such as quadratic, bezier or arrow, to determine the shape's diameter. - epsilon - (number) Default's *7*. Only used when using *enableForEdges* in . This dimension is used to create an area for the line where the contains method for the edge returns *true*. - CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting an Edge. - - See also: - - If you want to know more about how to customize Node/Edge data per element, in the JSON or programmatically, take a look at this article. -*/ -Options.Edge = { - $extend: false, - - overridable: false, - type: 'line', - color: '#ccb', - lineWidth: 1, - dim:15, - alpha: 1, - epsilon: 7, - - //Raw canvas styles to be - //applied to the context instance - //before plotting an edge - CanvasStyles: {} -}; - - -/* - * File: Options.Fx.js - * -*/ - -/* - Object: Options.Fx - - Provides animation options like duration of the animations, frames per second and animation transitions. - - Syntax: - - (start code js) - Options.Fx = { - fps:40, - duration: 2500, - transition: $jit.Trans.Quart.easeInOut, - clearCanvas: true - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - duration: 1000, - fps: 35, - transition: $jit.Trans.linear - }); - (end code) - - Parameters: - - clearCanvas - (boolean) Default's *true*. Whether to clear the frame/canvas when the viz is plotted or animated. - duration - (number) Default's *2500*. Duration of the animation in milliseconds. - fps - (number) Default's *40*. Frames per second. - transition - (object) Default's *$jit.Trans.Quart.easeInOut*. The transition used for the animations. See below for a more detailed explanation. - - Object: $jit.Trans - - This object is used for specifying different animation transitions in all visualizations. - - There are many different type of animation transitions. - - linear: - - Displays a linear transition - - >Trans.linear - - (see Linear.png) - - Quad: - - Displays a Quadratic transition. - - >Trans.Quad.easeIn - >Trans.Quad.easeOut - >Trans.Quad.easeInOut - - (see Quad.png) - - Cubic: - - Displays a Cubic transition. - - >Trans.Cubic.easeIn - >Trans.Cubic.easeOut - >Trans.Cubic.easeInOut - - (see Cubic.png) - - Quart: - - Displays a Quartetic transition. - - >Trans.Quart.easeIn - >Trans.Quart.easeOut - >Trans.Quart.easeInOut - - (see Quart.png) - - Quint: - - Displays a Quintic transition. - - >Trans.Quint.easeIn - >Trans.Quint.easeOut - >Trans.Quint.easeInOut - - (see Quint.png) - - Expo: - - Displays an Exponential transition. - - >Trans.Expo.easeIn - >Trans.Expo.easeOut - >Trans.Expo.easeInOut - - (see Expo.png) - - Circ: - - Displays a Circular transition. - - >Trans.Circ.easeIn - >Trans.Circ.easeOut - >Trans.Circ.easeInOut - - (see Circ.png) - - Sine: - - Displays a Sineousidal transition. - - >Trans.Sine.easeIn - >Trans.Sine.easeOut - >Trans.Sine.easeInOut - - (see Sine.png) - - Back: - - >Trans.Back.easeIn - >Trans.Back.easeOut - >Trans.Back.easeInOut - - (see Back.png) - - Bounce: - - Bouncy transition. - - >Trans.Bounce.easeIn - >Trans.Bounce.easeOut - >Trans.Bounce.easeInOut - - (see Bounce.png) - - Elastic: - - Elastic curve. - - >Trans.Elastic.easeIn - >Trans.Elastic.easeOut - >Trans.Elastic.easeInOut - - (see Elastic.png) - - Based on: - - Easing and Transition animation methods are based in the MooTools Framework . Copyright (c) 2006-2010 Valerio Proietti, . MIT license . - - -*/ -Options.Fx = { - $extend: true, - - fps:40, - duration: 2500, - transition: $jit.Trans.Quart.easeInOut, - clearCanvas: true -}; - -/* - * File: Options.Label.js - * -*/ -/* - Object: Options.Label - - Provides styling for Labels such as font size, family, etc. Also sets Node labels as HTML, SVG or Native canvas elements. - - Syntax: - - (start code js) - Options.Label = { - overridable: false, - type: 'HTML', //'SVG', 'Native' - style: ' ', - size: 10, - family: 'sans-serif', - textAlign: 'center', - textBaseline: 'alphabetic', - color: '#fff' - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Label: { - type: 'Native', - size: 11, - color: '#ccc' - } - }); - (end code) - - Parameters: - - overridable - (boolean) Default's *false*. Determine whether or not general label properties can be overridden by a particular . - type - (string) Default's *HTML*. The type for the labels. Can be 'HTML', 'SVG' or 'Native' canvas labels. - style - (string) Default's *empty string*. Can be 'italic' or 'bold'. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. - size - (number) Default's *10*. The font's size. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. - family - (string) Default's *sans-serif*. The font's family. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. - color - (string) Default's *#fff*. The font's color. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. -*/ -Options.Label = { - $extend: false, - - overridable: false, - type: 'HTML', //'SVG', 'Native' - style: ' ', - size: 10, - family: 'sans-serif', - textAlign: 'center', - textBaseline: 'alphabetic', - color: '#fff' -}; - - -/* - * File: Options.Tips.js - * - */ - -/* - Object: Options.Tips - - Tips options - - Syntax: - - (start code js) - Options.Tips = { - enable: false, - type: 'auto', - offsetX: 20, - offsetY: 20, - onShow: $.empty, - onHide: $.empty - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Tips: { - enable: true, - type: 'Native', - offsetX: 10, - offsetY: 10, - onShow: function(tip, node) { - tip.innerHTML = node.name; - } - } - }); - (end code) - - Parameters: - - enable - (boolean) Default's *false*. If *true*, a tooltip will be shown when a node is hovered. The tooltip is a div DOM element having "tip" as CSS class. - type - (string) Default's *auto*. Defines where to attach the MouseEnter/Leave tooltip events. Possible values are 'Native' to attach them to the canvas or 'HTML' to attach them to DOM label elements (if defined). 'auto' sets this property to the value of 's *type* property. - offsetX - (number) Default's *20*. An offset added to the current tooltip x-position (which is the same as the current mouse position). Default's 20. - offsetY - (number) Default's *20*. An offset added to the current tooltip y-position (which is the same as the current mouse position). Default's 20. - onShow(tip, node) - This callack is used right before displaying a tooltip. The first formal parameter is the tip itself (which is a DivElement). The second parameter may be a for graph based visualizations or an object with label, value properties for charts. - onHide() - This callack is used when hiding a tooltip. - -*/ -Options.Tips = { - $extend: false, - - enable: false, - type: 'auto', - offsetX: 20, - offsetY: 20, - force: false, - onShow: $.empty, - onHide: $.empty -}; - - -/* - * File: Options.NodeStyles.js - * - */ - -/* - Object: Options.NodeStyles - - Apply different styles when a node is hovered or selected. - - Syntax: - - (start code js) - Options.NodeStyles = { - enable: false, - type: 'auto', - stylesHover: false, - stylesClick: false - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - NodeStyles: { - enable: true, - type: 'Native', - stylesHover: { - dim: 30, - color: '#fcc' - }, - duration: 600 - } - }); - (end code) - - Parameters: - - enable - (boolean) Default's *false*. Whether to enable this option. - type - (string) Default's *auto*. Use this to attach the hover/click events in the nodes or the nodes labels (if they have been defined as DOM elements: 'HTML' or 'SVG', see for more details). The default 'auto' value will set NodeStyles to the same type defined for . - stylesHover - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. - stylesClick - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. -*/ - -Options.NodeStyles = { - $extend: false, - - enable: false, - type: 'auto', - stylesHover: false, - stylesClick: false -}; - - -/* - * File: Options.Events.js - * -*/ - -/* - Object: Options.Events - - Configuration for adding mouse/touch event handlers to Nodes. - - Syntax: - - (start code js) - Options.Events = { - enable: false, - enableForEdges: false, - type: 'auto', - onClick: $.empty, - onRightClick: $.empty, - onMouseMove: $.empty, - onMouseEnter: $.empty, - onMouseLeave: $.empty, - onDragStart: $.empty, - onDragMove: $.empty, - onDragCancel: $.empty, - onDragEnd: $.empty, - onTouchStart: $.empty, - onTouchMove: $.empty, - onTouchEnd: $.empty, - onTouchCancel: $.empty, - onMouseWheel: $.empty - }; - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Events: { - enable: true, - onClick: function(node, eventInfo, e) { - viz.doSomething(); - }, - onMouseEnter: function(node, eventInfo, e) { - viz.canvas.getElement().style.cursor = 'pointer'; - }, - onMouseLeave: function(node, eventInfo, e) { - viz.canvas.getElement().style.cursor = ''; - } - } - }); - (end code) - - Parameters: - - enable - (boolean) Default's *false*. Whether to enable the Event system. - enableForEdges - (boolean) Default's *false*. Whether to track events also in arcs. If *true* the same callbacks -described below- are used for nodes *and* edges. A simple duck type check for edges is to check for *node.nodeFrom*. - type - (string) Default's 'auto'. Whether to attach the events onto the HTML labels (via event delegation) or to use the custom 'Native' canvas Event System of the library. 'auto' is set when you let the *type* parameter decide this. - onClick(node, eventInfo, e) - Triggered when a user performs a click in the canvas. *node* is the clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onRightClick(node, eventInfo, e) - Triggered when a user performs a right click in the canvas. *node* is the right clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onMouseMove(node, eventInfo, e) - Triggered when the user moves the mouse. *node* is the under the cursor as it's moving over the canvas or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onMouseEnter(node, eventInfo, e) - Triggered when a user moves the mouse over a node. *node* is the that the mouse just entered. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onMouseLeave(node, eventInfo, e) - Triggered when the user mouse-outs a node. *node* is the 'mouse-outed'. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onDragStart(node, eventInfo, e) - Triggered when the user mouse-downs over a node. *node* is the being pressed. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onDragMove(node, eventInfo, e) - Triggered when a user, after pressing the mouse button over a node, moves the mouse around. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onDragEnd(node, eventInfo, e) - Triggered when a user finished dragging a node. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onDragCancel(node, eventInfo, e) - Triggered when the user releases the mouse button over a that wasn't dragged (i.e. the user didn't perform any mouse movement after pressing the mouse button). *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. - onTouchStart(node, eventInfo, e) - Behaves just like onDragStart. - onTouchMove(node, eventInfo, e) - Behaves just like onDragMove. - onTouchEnd(node, eventInfo, e) - Behaves just like onDragEnd. - onTouchCancel(node, eventInfo, e) - Behaves just like onDragCancel. - onMouseWheel(delta, e) - Triggered when the user uses the mouse scroll over the canvas. *delta* is 1 or -1 depending on the sense of the mouse scroll. -*/ - -Options.Events = { - $extend: false, - - enable: false, - enableForEdges: false, - type: 'auto', - onClick: $.empty, - onRightClick: $.empty, - onMouseMove: $.empty, - onMouseEnter: $.empty, - onMouseLeave: $.empty, - onDragStart: $.empty, - onDragMove: $.empty, - onDragCancel: $.empty, - onDragEnd: $.empty, - onTouchStart: $.empty, - onTouchMove: $.empty, - onTouchEnd: $.empty, - onMouseWheel: $.empty -}; - -/* - * File: Options.Navigation.js - * -*/ - -/* - Object: Options.Navigation - - Panning and zooming options for Graph/Tree based visualizations. These options are implemented - by all visualizations except charts (, and ). - - Syntax: - - (start code js) - - Options.Navigation = { - enable: false, - type: 'auto', - panning: false, //true, 'avoid nodes' - zooming: false - }; - - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - Navigation: { - enable: true, - panning: 'avoid nodes', - zooming: 20 - } - }); - (end code) - - Parameters: - - enable - (boolean) Default's *false*. Whether to enable Navigation capabilities. - panning - (boolean|string) Default's *false*. Set this property to *true* if you want to add Drag and Drop panning support to the visualization. You can also set this parameter to 'avoid nodes' to enable DnD panning but disable it if the DnD is taking place over a node. This is useful when some other events like Drag & Drop for nodes are added to . - zooming - (boolean|number) Default's *false*. Set this property to a numeric value to turn mouse-scroll zooming on. The number will be proportional to the mouse-scroll sensitivity. - -*/ - -Options.Navigation = { - $extend: false, - - enable: false, - type: 'auto', - panning: false, //true | 'avoid nodes' - zooming: false -}; - -/* - * File: Options.Controller.js - * -*/ - -/* - Object: Options.Controller - - Provides controller methods. Controller methods are callback functions that get called at different stages - of the animation, computing or plotting of the visualization. - - Implemented by: - - All visualizations except charts (, and ). - - Syntax: - - (start code js) - - Options.Controller = { - onBeforeCompute: $.empty, - onAfterCompute: $.empty, - onCreateLabel: $.empty, - onPlaceLabel: $.empty, - onComplete: $.empty, - onBeforePlotLine:$.empty, - onAfterPlotLine: $.empty, - onBeforePlotNode:$.empty, - onAfterPlotNode: $.empty, - request: false - }; - - (end code) - - Example: - - (start code js) - var viz = new $jit.Viz({ - onBeforePlotNode: function(node) { - if(node.selected) { - node.setData('color', '#ffc'); - } else { - node.removeData('color'); - } - }, - onBeforePlotLine: function(adj) { - if(adj.nodeFrom.selected && adj.nodeTo.selected) { - adj.setData('color', '#ffc'); - } else { - adj.removeData('color'); - } - }, - onAfterCompute: function() { - alert("computed!"); - } - }); - (end code) - - Parameters: - - onBeforeCompute(node) - This method is called right before performing all computations and animations. The selected is passed as parameter. - onAfterCompute() - This method is triggered after all animations or computations ended. - onCreateLabel(domElement, node) - This method receives a new label DIV element as first parameter, and the corresponding as second parameter. This method will only be called once for each label. This method is useful when adding events or styles to the labels used by the JIT. - onPlaceLabel(domElement, node) - This method receives a label DIV element as first parameter and the corresponding as second parameter. This method is called each time a label has been placed in the visualization, for example at each step of an animation, and thus it allows you to update the labels properties, such as size or position. Note that onPlaceLabel will be triggered after updating the labels positions. That means that, for example, the left and top css properties are already updated to match the nodes positions. Width and height properties are not set however. - onBeforePlotNode(node) - This method is triggered right before plotting each . This method is useful for changing a node style right before plotting it. - onAfterPlotNode(node) - This method is triggered right after plotting each . - onBeforePlotLine(adj) - This method is triggered right before plotting a . This method is useful for adding some styles to a particular edge before being plotted. - onAfterPlotLine(adj) - This method is triggered right after plotting a . - - *Used in , and visualizations* - - request(nodeId, level, onComplete) - This method is used for buffering information into the visualization. When clicking on an empty node, the visualization will make a request for this node's subtrees, specifying a given level for this subtree (defined by _levelsToShow_). Once the request is completed, the onComplete callback should be called with the given result. This is useful to provide on-demand information into the visualizations withought having to load the entire information from start. The parameters used by this method are _nodeId_, which is the id of the root of the subtree to request, _level_ which is the depth of the subtree to be requested (0 would mean just the root node). _onComplete_ is an object having the callback method _onComplete.onComplete(json)_ that should be called once the json has been retrieved. - - */ -Options.Controller = { - $extend: true, - - onBeforeCompute: $.empty, - onAfterCompute: $.empty, - onCreateLabel: $.empty, - onPlaceLabel: $.empty, - onComplete: $.empty, - onBeforePlotLine:$.empty, - onAfterPlotLine: $.empty, - onBeforePlotNode:$.empty, - onAfterPlotNode: $.empty, - request: false -}; - - -/* - * File: Extras.js - * - * Provides Extras such as Tips and Style Effects. - * - * Description: - * - * Provides the and classes and functions. - * - */ - -/* - * Manager for mouse events (clicking and mouse moving). - * - * This class is used for registering objects implementing onClick - * and onMousemove methods. These methods are called when clicking or - * moving the mouse around the Canvas. - * For now, and are classes implementing these methods. - * - */ -var ExtrasInitializer = { - initialize: function(className, viz) { - this.viz = viz; - this.canvas = viz.canvas; - this.config = viz.config[className]; - this.nodeTypes = viz.fx.nodeTypes; - var type = this.config.type; - this.dom = type == 'auto'? (viz.config.Label.type != 'Native') : (type != 'Native'); - this.labelContainer = this.dom && viz.labels.getLabelContainer(); - this.isEnabled() && this.initializePost(); - }, - initializePost: $.empty, - setAsProperty: $.lambda(false), - isEnabled: function() { - return this.config.enable; - }, - isLabel: function(e, win) { - e = $.event.get(e, win); - var labelContainer = this.labelContainer, - target = e.target || e.srcElement; - if(target && target.parentNode == labelContainer) - return target; - return false; - } -}; - -var EventsInterface = { - onMouseUp: $.empty, - onMouseDown: $.empty, - onMouseMove: $.empty, - onMouseOver: $.empty, - onMouseOut: $.empty, - onMouseWheel: $.empty, - onTouchStart: $.empty, - onTouchMove: $.empty, - onTouchEnd: $.empty, - onTouchCancel: $.empty -}; - -var MouseEventsManager = new Class({ - initialize: function(viz) { - this.viz = viz; - this.canvas = viz.canvas; - this.node = false; - this.edge = false; - this.registeredObjects = []; - this.attachEvents(); - }, - - attachEvents: function() { - var htmlCanvas = this.canvas.getElement(), - that = this; - htmlCanvas.oncontextmenu = $.lambda(false); - $.addEvents(htmlCanvas, { - 'mouseup': function(e, win) { - var event = $.event.get(e, win); - that.handleEvent('MouseUp', e, win, - that.makeEventObject(e, win), - $.event.isRightClick(event)); - }, - 'mousedown': function(e, win) { - var event = $.event.get(e, win); - that.handleEvent('MouseDown', e, win, that.makeEventObject(e, win), - $.event.isRightClick(event)); - }, - 'mousemove': function(e, win) { - that.handleEvent('MouseMove', e, win, that.makeEventObject(e, win)); - }, - 'mouseover': function(e, win) { - that.handleEvent('MouseOver', e, win, that.makeEventObject(e, win)); - }, - 'mouseout': function(e, win) { - that.handleEvent('MouseOut', e, win, that.makeEventObject(e, win)); - }, - 'touchstart': function(e, win) { - that.handleEvent('TouchStart', e, win, that.makeEventObject(e, win)); - }, - 'touchmove': function(e, win) { - that.handleEvent('TouchMove', e, win, that.makeEventObject(e, win)); - }, - 'touchend': function(e, win) { - that.handleEvent('TouchEnd', e, win, that.makeEventObject(e, win)); - } - }); - //attach mousewheel event - var handleMouseWheel = function(e, win) { - var event = $.event.get(e, win); - var wheel = $.event.getWheel(event); - that.handleEvent('MouseWheel', e, win, wheel); - }; - //TODO(nico): this is a horrible check for non-gecko browsers! - if(!document.getBoxObjectFor && window.mozInnerScreenX == null) { - $.addEvent(htmlCanvas, 'mousewheel', handleMouseWheel); - } else { - htmlCanvas.addEventListener('DOMMouseScroll', handleMouseWheel, false); - } - }, - - register: function(obj) { - this.registeredObjects.push(obj); - }, - - handleEvent: function() { - var args = Array.prototype.slice.call(arguments), - type = args.shift(); - for(var i=0, regs=this.registeredObjects, l=regs.length; i and implemented - * by all main visualizations. - * - */ -var Extras = { - initializeExtras: function() { - var mem = new MouseEventsManager(this), that = this; - $.each(['NodeStyles', 'Tips', 'Navigation', 'Events'], function(k) { - var obj = new Extras.Classes[k](k, that); - if(obj.isEnabled()) { - mem.register(obj); - } - if(obj.setAsProperty()) { - that[k.toLowerCase()] = obj; - } - }); - } -}; - -Extras.Classes = {}; -/* - Class: Events - - This class defines an Event API to be accessed by the user. - The methods implemented are the ones defined in the object. -*/ - -Extras.Classes.Events = new Class({ - Implements: [ExtrasInitializer, EventsInterface], - - initializePost: function() { - this.fx = this.viz.fx; - this.ntypes = this.viz.fx.nodeTypes; - this.etypes = this.viz.fx.edgeTypes; - - this.hovered = false; - this.pressed = false; - this.touched = false; - - this.touchMoved = false; - this.moved = false; - - }, - - setAsProperty: $.lambda(true), - - onMouseUp: function(e, win, event, isRightClick) { - var evt = $.event.get(e, win); - if(!this.moved) { - if(isRightClick) { - this.config.onRightClick(this.hovered, event, evt); - } else { - this.config.onClick(this.pressed, event, evt); - } - } - if(this.pressed) { - if(this.moved) { - this.config.onDragEnd(this.pressed, event, evt); - } else { - this.config.onDragCancel(this.pressed, event, evt); - } - this.pressed = this.moved = false; - } - }, - - onMouseOut: function(e, win, event) { - //mouseout a label - var evt = $.event.get(e, win), label; - if(this.dom && (label = this.isLabel(e, win))) { - this.config.onMouseLeave(this.viz.graph.getNode(label.id), - event, evt); - this.hovered = false; - return; - } - //mouseout canvas - var rt = evt.relatedTarget, - canvasWidget = this.canvas.getElement(); - while(rt && rt.parentNode) { - if(canvasWidget == rt.parentNode) return; - rt = rt.parentNode; - } - if(this.hovered) { - this.config.onMouseLeave(this.hovered, - event, evt); - this.hovered = false; - } - }, - - onMouseOver: function(e, win, event) { - //mouseover a label - var evt = $.event.get(e, win), label; - if(this.dom && (label = this.isLabel(e, win))) { - this.hovered = this.viz.graph.getNode(label.id); - this.config.onMouseEnter(this.hovered, - event, evt); - } - }, - - onMouseMove: function(e, win, event) { - var label, evt = $.event.get(e, win); - if(this.pressed) { - this.moved = true; - this.config.onDragMove(this.pressed, event, evt); - return; - } - if(this.dom) { - this.config.onMouseMove(this.hovered, - event, evt); - } else { - if(this.hovered) { - var hn = this.hovered; - var geom = hn.nodeFrom? this.etypes[hn.getData('type')] : this.ntypes[hn.getData('type')]; - var contains = geom && geom.contains - && geom.contains.call(this.fx, hn, event.getPos()); - if(contains) { - this.config.onMouseMove(hn, event, evt); - return; - } else { - this.config.onMouseLeave(hn, event, evt); - this.hovered = false; - } - } - if(this.hovered = (event.getNode() || (this.config.enableForEdges && event.getEdge()))) { - this.config.onMouseEnter(this.hovered, event, evt); - } else { - this.config.onMouseMove(false, event, evt); - } - } - }, - - onMouseWheel: function(e, win, delta) { - this.config.onMouseWheel(delta, $.event.get(e, win)); - }, - - onMouseDown: function(e, win, event) { - var evt = $.event.get(e, win); - this.pressed = event.getNode() || (this.config.enableForEdges && event.getEdge()); - this.config.onDragStart(this.pressed, event, evt); - }, - - onTouchStart: function(e, win, event) { - var evt = $.event.get(e, win); - this.touched = event.getNode() || (this.config.enableForEdges && event.getEdge()); - this.config.onTouchStart(this.touched, event, evt); - }, - - onTouchMove: function(e, win, event) { - var evt = $.event.get(e, win); - if(this.touched) { - this.touchMoved = true; - this.config.onTouchMove(this.touched, event, evt); - } - }, - - onTouchEnd: function(e, win, event) { - var evt = $.event.get(e, win); - if(this.touched) { - if(this.touchMoved) { - this.config.onTouchEnd(this.touched, event, evt); - } else { - this.config.onTouchCancel(this.touched, event, evt); - } - this.touched = this.touchMoved = false; - } - } -}); - -/* - Class: Tips - - A class containing tip related functions. This class is used internally. - - Used by: - - , , , , , , - - See also: - - -*/ - -Extras.Classes.Tips = new Class({ - Implements: [ExtrasInitializer, EventsInterface], - - initializePost: function() { - //add DOM tooltip - if(document.body) { - var tip = $('_tooltip') || document.createElement('div'); - tip.id = '_tooltip'; - tip.className = 'tip'; - $.extend(tip.style, { - position: 'absolute', - display: 'none', - zIndex: 13000 - }); - document.body.appendChild(tip); - this.tip = tip; - this.node = false; - } - }, - - setAsProperty: $.lambda(true), - - onMouseOut: function(e, win) { - //mouseout a label - if(this.dom && this.isLabel(e, win)) { - this.hide(true); - return; - } - //mouseout canvas - var rt = e.relatedTarget, - canvasWidget = this.canvas.getElement(); - while(rt && rt.parentNode) { - if(canvasWidget == rt.parentNode) return; - rt = rt.parentNode; - } - this.hide(false); - }, - - onMouseOver: function(e, win) { - //mouseover a label - var label; - if(this.dom && (label = this.isLabel(e, win))) { - this.node = this.viz.graph.getNode(label.id); - this.config.onShow(this.tip, this.node, label); - } - }, - - onMouseMove: function(e, win, opt) { - if(this.dom && this.isLabel(e, win)) { - this.setTooltipPosition($.event.getPos(e, win)); - } - if(!this.dom) { - var node = opt.getNode(); - if(!node) { - this.hide(true); - return; - } - if(this.config.force || !this.node || this.node.id != node.id) { - this.node = node; - this.config.onShow(this.tip, node, opt.getContains()); - } - this.setTooltipPosition($.event.getPos(e, win)); - } - }, - - setTooltipPosition: function(pos) { - var tip = this.tip, - style = tip.style, - cont = this.config; - style.display = ''; - //get window dimensions - var win = { - 'height': document.body.clientHeight, - 'width': document.body.clientWidth - }; - //get tooltip dimensions - var obj = { - 'width': tip.offsetWidth, - 'height': tip.offsetHeight - }; - //set tooltip position - var x = cont.offsetX, y = cont.offsetY; - style.top = ((pos.y + y + obj.height > win.height)? - (pos.y - obj.height - y) : pos.y + y) + 'px'; - style.left = ((pos.x + obj.width + x > win.width)? - (pos.x - obj.width - x) : pos.x + x) + 'px'; - }, - - hide: function(triggerCallback) { - this.tip.style.display = 'none'; - triggerCallback && this.config.onHide(); - } -}); - -/* - Class: NodeStyles - - Change node styles when clicking or hovering a node. This class is used internally. - - Used by: - - , , , , , , - - See also: - - -*/ -Extras.Classes.NodeStyles = new Class({ - Implements: [ExtrasInitializer, EventsInterface], - - initializePost: function() { - this.fx = this.viz.fx; - this.types = this.viz.fx.nodeTypes; - this.nStyles = this.config; - this.nodeStylesOnHover = this.nStyles.stylesHover; - this.nodeStylesOnClick = this.nStyles.stylesClick; - this.hoveredNode = false; - this.fx.nodeFxAnimation = new Animation(); - - this.down = false; - this.move = false; - }, - - onMouseOut: function(e, win) { - this.down = this.move = false; - if(!this.hoveredNode) return; - //mouseout a label - if(this.dom && this.isLabel(e, win)) { - this.toggleStylesOnHover(this.hoveredNode, false); - } - //mouseout canvas - var rt = e.relatedTarget, - canvasWidget = this.canvas.getElement(); - while(rt && rt.parentNode) { - if(canvasWidget == rt.parentNode) return; - rt = rt.parentNode; - } - this.toggleStylesOnHover(this.hoveredNode, false); - this.hoveredNode = false; - }, - - onMouseOver: function(e, win) { - //mouseover a label - var label; - if(this.dom && (label = this.isLabel(e, win))) { - var node = this.viz.graph.getNode(label.id); - if(node.selected) return; - this.hoveredNode = node; - this.toggleStylesOnHover(this.hoveredNode, true); - } - }, - - onMouseDown: function(e, win, event, isRightClick) { - if(isRightClick) return; - var label; - if(this.dom && (label = this.isLabel(e, win))) { - this.down = this.viz.graph.getNode(label.id); - } else if(!this.dom) { - this.down = event.getNode(); - } - this.move = false; - }, - - onMouseUp: function(e, win, event, isRightClick) { - if(isRightClick) return; - if(!this.move) { - this.onClick(event.getNode()); - } - this.down = this.move = false; - }, - - getRestoredStyles: function(node, type) { - var restoredStyles = {}, - nStyles = this['nodeStylesOn' + type]; - for(var prop in nStyles) { - restoredStyles[prop] = node.styles['$' + prop]; - } - return restoredStyles; - }, - - toggleStylesOnHover: function(node, set) { - if(this.nodeStylesOnHover) { - this.toggleStylesOn('Hover', node, set); - } - }, - - toggleStylesOnClick: function(node, set) { - if(this.nodeStylesOnClick) { - this.toggleStylesOn('Click', node, set); - } - }, - - toggleStylesOn: function(type, node, set) { - var viz = this.viz; - var nStyles = this.nStyles; - if(set) { - var that = this; - if(!node.styles) { - node.styles = $.merge(node.data, {}); - } - for(var s in this['nodeStylesOn' + type]) { - var $s = '$' + s; - if(!($s in node.styles)) { - node.styles[$s] = node.getData(s); - } - } - viz.fx.nodeFx($.extend({ - 'elements': { - 'id': node.id, - 'properties': that['nodeStylesOn' + type] - }, - transition: Trans.Quart.easeOut, - duration:300, - fps:40 - }, this.config)); - } else { - var restoredStyles = this.getRestoredStyles(node, type); - viz.fx.nodeFx($.extend({ - 'elements': { - 'id': node.id, - 'properties': restoredStyles - }, - transition: Trans.Quart.easeOut, - duration:300, - fps:40 - }, this.config)); - } - }, - - onClick: function(node) { - if(!node) return; - var nStyles = this.nodeStylesOnClick; - if(!nStyles) return; - //if the node is selected then unselect it - if(node.selected) { - this.toggleStylesOnClick(node, false); - delete node.selected; - } else { - //unselect all selected nodes... - this.viz.graph.eachNode(function(n) { - if(n.selected) { - for(var s in nStyles) { - n.setData(s, n.styles['$' + s], 'end'); - } - delete n.selected; - } - }); - //select clicked node - this.toggleStylesOnClick(node, true); - node.selected = true; - delete node.hovered; - this.hoveredNode = false; - } - }, - - onMouseMove: function(e, win, event) { - //if mouse button is down and moving set move=true - if(this.down) this.move = true; - //already handled by mouseover/out - if(this.dom && this.isLabel(e, win)) return; - var nStyles = this.nodeStylesOnHover; - if(!nStyles) return; - - if(!this.dom) { - if(this.hoveredNode) { - var geom = this.types[this.hoveredNode.getData('type')]; - var contains = geom && geom.contains && geom.contains.call(this.fx, - this.hoveredNode, event.getPos()); - if(contains) return; - } - var node = event.getNode(); - //if no node is being hovered then just exit - if(!this.hoveredNode && !node) return; - //if the node is hovered then exit - if(node.hovered) return; - //select hovered node - if(node && !node.selected) { - //check if an animation is running and exit it - this.fx.nodeFxAnimation.stopTimer(); - //unselect all hovered nodes... - this.viz.graph.eachNode(function(n) { - if(n.hovered && !n.selected) { - for(var s in nStyles) { - n.setData(s, n.styles['$' + s], 'end'); - } - delete n.hovered; - } - }); - //select hovered node - node.hovered = true; - this.hoveredNode = node; - this.toggleStylesOnHover(node, true); - } else if(this.hoveredNode && !this.hoveredNode.selected) { - //check if an animation is running and exit it - this.fx.nodeFxAnimation.stopTimer(); - //unselect hovered node - this.toggleStylesOnHover(this.hoveredNode, false); - delete this.hoveredNode.hovered; - this.hoveredNode = false; - } - } - } -}); - -Extras.Classes.Navigation = new Class({ - Implements: [ExtrasInitializer, EventsInterface], - - initializePost: function() { - this.pos = false; - this.pressed = false; - }, - - onMouseWheel: function(e, win, scroll) { - if(!this.config.zooming) return; - $.event.stop($.event.get(e, win)); - var val = this.config.zooming / 1000, - ans = 1 + scroll * val; - this.canvas.scale(ans, ans); - }, - - onMouseDown: function(e, win, eventInfo) { - if(!this.config.panning) return; - if(this.config.panning == 'avoid nodes' && eventInfo.getNode()) return; - this.pressed = true; - this.pos = eventInfo.getPos(); - var canvas = this.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY; - this.pos.x *= sx; - this.pos.x += ox; - this.pos.y *= sy; - this.pos.y += oy; - }, - - onMouseMove: function(e, win, eventInfo) { - if(!this.config.panning) return; - if(!this.pressed) return; - if(this.config.panning == 'avoid nodes' && eventInfo.getNode()) return; - var thispos = this.pos, - currentPos = eventInfo.getPos(), - canvas = this.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY; - currentPos.x *= sx; - currentPos.y *= sy; - currentPos.x += ox; - currentPos.y += oy; - var x = currentPos.x - thispos.x, - y = currentPos.y - thispos.y; - this.pos = currentPos; - this.canvas.translate(x * 1/sx, y * 1/sy); - }, - - onMouseUp: function(e, win, eventInfo, isRightClick) { - if(!this.config.panning) return; - this.pressed = false; - } -}); - - -/* - * File: Canvas.js - * - */ - -/* - Class: Canvas - - A canvas widget used by all visualizations. The canvas object can be accessed by doing *viz.canvas*. If you want to - know more about options take a look at . - - A canvas widget is a set of DOM elements that wrap the native canvas DOM Element providing a consistent API and behavior - across all browsers. It can also include Elements to add DOM (SVG or HTML) label support to all visualizations. - - Example: - - Suppose we have this HTML - - (start code xml) -

- (end code) - - Now we create a new Visualization - - (start code js) - var viz = new $jit.Viz({ - //Where to inject the canvas. Any div container will do. - 'injectInto':'infovis', - //width and height for canvas. - //Default's to the container offsetWidth and Height. - 'width': 900, - 'height':500 - }); - (end code) - - The generated HTML will look like this - - (start code xml) -
-
- -
-
-
-
- (end code) - - As you can see, the generated HTML consists of a canvas DOM Element of id *infovis-canvas* and a div label container - of id *infovis-label*, wrapped in a main div container of id *infovis-canvaswidget*. - */ - -var Canvas; -(function() { - //check for native canvas support - var canvasType = typeof HTMLCanvasElement, - supportsCanvas = (canvasType == 'object' || canvasType == 'function'); - //create element function - function $E(tag, props) { - var elem = document.createElement(tag); - for(var p in props) { - if(typeof props[p] == "object") { - $.extend(elem[p], props[p]); - } else { - elem[p] = props[p]; - } - } - if (tag == "canvas" && !supportsCanvas && G_vmlCanvasManager) { - elem = G_vmlCanvasManager.initElement(document.body.appendChild(elem)); - } - return elem; - } - //canvas widget which we will call just Canvas - $jit.Canvas = Canvas = new Class({ - canvases: [], - pos: false, - element: false, - labelContainer: false, - translateOffsetX: 0, - translateOffsetY: 0, - scaleOffsetX: 1, - scaleOffsetY: 1, - - initialize: function(viz, opt) { - this.viz = viz; - this.opt = opt; - var id = $.type(opt.injectInto) == 'string'? - opt.injectInto:opt.injectInto.id, - idLabel = id + "-label", - wrapper = $(id), - width = opt.width || wrapper.offsetWidth, - height = opt.height || wrapper.offsetHeight; - this.id = id; - //canvas options - var canvasOptions = { - injectInto: id, - width: width, - height: height - }; - //create main wrapper - this.element = $E('div', { - 'id': id + '-canvaswidget', - 'style': { - 'position': 'relative', - 'width': width + 'px', - 'height': height + 'px' - } - }); - //create label container - this.labelContainer = this.createLabelContainer(opt.Label.type, - idLabel, canvasOptions); - //create primary canvas - this.canvases.push(new Canvas.Base({ - config: $.extend({idSuffix: '-canvas'}, canvasOptions), - plot: function(base) { - viz.fx.plot(); - }, - resize: function() { - viz.refresh(); - } - })); - //create secondary canvas - var back = opt.background; - if(back) { - var backCanvas = new Canvas.Background[back.type](viz, $.extend(back, canvasOptions)); - this.canvases.push(new Canvas.Base(backCanvas)); - } - //insert canvases - var len = this.canvases.length; - while(len--) { - this.element.appendChild(this.canvases[len].canvas); - if(len > 0) { - this.canvases[len].plot(); - } - } - this.element.appendChild(this.labelContainer); - wrapper.appendChild(this.element); - //Update canvas position when the page is scrolled. - var timer = null, that = this; - $.addEvent(window, 'scroll', function() { - clearTimeout(timer); - timer = setTimeout(function() { - that.getPos(true); //update canvas position - }, 500); - }); - }, - /* - Method: getCtx - - Returns the main canvas context object - - Example: - - (start code js) - var ctx = canvas.getCtx(); - //Now I can use the native canvas context - //and for example change some canvas styles - ctx.globalAlpha = 1; - (end code) - */ - getCtx: function(i) { - return this.canvases[i || 0].getCtx(); - }, - /* - Method: getConfig - - Returns the current Configuration for this Canvas Widget. - - Example: - - (start code js) - var config = canvas.getConfig(); - (end code) - */ - getConfig: function() { - return this.opt; - }, - /* - Method: getElement - - Returns the main Canvas DOM wrapper - - Example: - - (start code js) - var wrapper = canvas.getElement(); - //Returns
...
as element - (end code) - */ - getElement: function() { - return this.element; - }, - /* - Method: getSize - - Returns canvas dimensions. - - Returns: - - An object with *width* and *height* properties. - - Example: - (start code js) - canvas.getSize(); //returns { width: 900, height: 500 } - (end code) - */ - getSize: function(i) { - return this.canvases[i || 0].getSize(); - }, - /* - Method: resize - - Resizes the canvas. - - Parameters: - - width - New canvas width. - height - New canvas height. - - Example: - - (start code js) - canvas.resize(width, height); - (end code) - - */ - resize: function(width, height) { - this.getPos(true); - this.translateOffsetX = this.translateOffsetY = 0; - this.scaleOffsetX = this.scaleOffsetY = 1; - for(var i=0, l=this.canvases.length; i class. - * - * Description: - * - * The class, just like the class, is used by the , and as a 2D point representation. - * - * See also: - * - * - * -*/ - -/* - Class: Polar - - A multi purpose polar representation. - - Description: - - The class, just like the class, is used by the , and as a 2D point representation. - - See also: - - - - Parameters: - - theta - An angle. - rho - The norm. -*/ - -var Polar = function(theta, rho) { - this.theta = theta; - this.rho = rho; -}; - -$jit.Polar = Polar; - -Polar.prototype = { - /* - Method: getc - - Returns a complex number. - - Parameters: - - simple - _optional_ If *true*, this method will return only an object holding x and y properties and not a instance. Default's *false*. - - Returns: - - A complex number. - */ - getc: function(simple) { - return this.toComplex(simple); - }, - - /* - Method: getp - - Returns a representation. - - Returns: - - A variable in polar coordinates. - */ - getp: function() { - return this; - }, - - - /* - Method: set - - Sets a number. - - Parameters: - - v - A or instance. - - */ - set: function(v) { - v = v.getp(); - this.theta = v.theta; this.rho = v.rho; - }, - - /* - Method: setc - - Sets a number. - - Parameters: - - x - A number real part. - y - A number imaginary part. - - */ - setc: function(x, y) { - this.rho = Math.sqrt(x * x + y * y); - this.theta = Math.atan2(y, x); - if(this.theta < 0) this.theta += Math.PI * 2; - }, - - /* - Method: setp - - Sets a polar number. - - Parameters: - - theta - A number angle property. - rho - A number rho property. - - */ - setp: function(theta, rho) { - this.theta = theta; - this.rho = rho; - }, - - /* - Method: clone - - Returns a copy of the current object. - - Returns: - - A copy of the real object. - */ - clone: function() { - return new Polar(this.theta, this.rho); - }, - - /* - Method: toComplex - - Translates from polar to cartesian coordinates and returns a new instance. - - Parameters: - - simple - _optional_ If *true* this method will only return an object with x and y properties (and not the whole instance). Default's *false*. - - Returns: - - A new instance. - */ - toComplex: function(simple) { - var x = Math.cos(this.theta) * this.rho; - var y = Math.sin(this.theta) * this.rho; - if(simple) return { 'x': x, 'y': y}; - return new Complex(x, y); - }, - - /* - Method: add - - Adds two instances. - - Parameters: - - polar - A number. - - Returns: - - A new Polar instance. - */ - add: function(polar) { - return new Polar(this.theta + polar.theta, this.rho + polar.rho); - }, - - /* - Method: scale - - Scales a polar norm. - - Parameters: - - number - A scale factor. - - Returns: - - A new Polar instance. - */ - scale: function(number) { - return new Polar(this.theta, this.rho * number); - }, - - /* - Method: equals - - Comparison method. - - Returns *true* if the theta and rho properties are equal. - - Parameters: - - c - A number. - - Returns: - - *true* if the theta and rho parameters for these objects are equal. *false* otherwise. - */ - equals: function(c) { - return this.theta == c.theta && this.rho == c.rho; - }, - - /* - Method: $add - - Adds two instances affecting the current object. - - Paramters: - - polar - A instance. - - Returns: - - The changed object. - */ - $add: function(polar) { - this.theta = this.theta + polar.theta; this.rho += polar.rho; - return this; - }, - - /* - Method: $madd - - Adds two instances affecting the current object. The resulting theta angle is modulo 2pi. - - Parameters: - - polar - A instance. - - Returns: - - The changed object. - */ - $madd: function(polar) { - this.theta = (this.theta + polar.theta) % (Math.PI * 2); this.rho += polar.rho; - return this; - }, - - - /* - Method: $scale - - Scales a polar instance affecting the object. - - Parameters: - - number - A scaling factor. - - Returns: - - The changed object. - */ - $scale: function(number) { - this.rho *= number; - return this; - }, - - /* - Method: interpolate - - Calculates a polar interpolation between two points at a given delta moment. - - Parameters: - - elem - A instance. - delta - A delta factor ranging [0, 1]. - - Returns: - - A new instance representing an interpolation between _this_ and _elem_ - */ - interpolate: function(elem, delta) { - var pi = Math.PI, pi2 = pi * 2; - var ch = function(t) { - var a = (t < 0)? (t % pi2) + pi2 : t % pi2; - return a; - }; - var tt = this.theta, et = elem.theta; - var sum, diff = Math.abs(tt - et); - if(diff == pi) { - if(tt > et) { - sum = ch((et + ((tt - pi2) - et) * delta)) ; - } else { - sum = ch((et - pi2 + (tt - (et)) * delta)); - } - } else if(diff >= pi) { - if(tt > et) { - sum = ch((et + ((tt - pi2) - et) * delta)) ; - } else { - sum = ch((et - pi2 + (tt - (et - pi2)) * delta)); - } - } else { - sum = ch((et + (tt - et) * delta)) ; - } - var r = (this.rho - elem.rho) * delta + elem.rho; - return { - 'theta': sum, - 'rho': r - }; - } -}; - - -var $P = function(a, b) { return new Polar(a, b); }; - -Polar.KER = $P(0, 0); - - - -/* - * File: Complex.js - * - * Defines the class. - * - * Description: - * - * The class, just like the class, is used by the , and as a 2D point representation. - * - * See also: - * - * - * -*/ - -/* - Class: Complex - - A multi-purpose Complex Class with common methods. - - Description: - - The class, just like the class, is used by the , and as a 2D point representation. - - See also: - - - - Parameters: - - x - _optional_ A Complex number real part. - y - _optional_ A Complex number imaginary part. - -*/ - -var Complex = function(x, y) { - this.x = x; - this.y = y; -}; - -$jit.Complex = Complex; - -Complex.prototype = { - /* - Method: getc - - Returns a complex number. - - Returns: - - A complex number. - */ - getc: function() { - return this; - }, - - /* - Method: getp - - Returns a representation of this number. - - Parameters: - - simple - _optional_ If *true*, this method will return only an object holding theta and rho properties and not a instance. Default's *false*. - - Returns: - - A variable in coordinates. - */ - getp: function(simple) { - return this.toPolar(simple); - }, - - - /* - Method: set - - Sets a number. - - Parameters: - - c - A or instance. - - */ - set: function(c) { - c = c.getc(true); - this.x = c.x; - this.y = c.y; - }, - - /* - Method: setc - - Sets a complex number. - - Parameters: - - x - A number Real part. - y - A number Imaginary part. - - */ - setc: function(x, y) { - this.x = x; - this.y = y; - }, - - /* - Method: setp - - Sets a polar number. - - Parameters: - - theta - A number theta property. - rho - A number rho property. - - */ - setp: function(theta, rho) { - this.x = Math.cos(theta) * rho; - this.y = Math.sin(theta) * rho; - }, - - /* - Method: clone - - Returns a copy of the current object. - - Returns: - - A copy of the real object. - */ - clone: function() { - return new Complex(this.x, this.y); - }, - - /* - Method: toPolar - - Transforms cartesian to polar coordinates. - - Parameters: - - simple - _optional_ If *true* this method will only return an object with theta and rho properties (and not the whole instance). Default's *false*. - - Returns: - - A new instance. - */ - - toPolar: function(simple) { - var rho = this.norm(); - var atan = Math.atan2(this.y, this.x); - if(atan < 0) atan += Math.PI * 2; - if(simple) return { 'theta': atan, 'rho': rho }; - return new Polar(atan, rho); - }, - /* - Method: norm - - Calculates a number norm. - - Returns: - - A real number representing the complex norm. - */ - norm: function () { - return Math.sqrt(this.squaredNorm()); - }, - - /* - Method: squaredNorm - - Calculates a number squared norm. - - Returns: - - A real number representing the complex squared norm. - */ - squaredNorm: function () { - return this.x*this.x + this.y*this.y; - }, - - /* - Method: add - - Returns the result of adding two complex numbers. - - Does not alter the original object. - - Parameters: - - pos - A instance. - - Returns: - - The result of adding two complex numbers. - */ - add: function(pos) { - return new Complex(this.x + pos.x, this.y + pos.y); - }, - - /* - Method: prod - - Returns the result of multiplying two numbers. - - Does not alter the original object. - - Parameters: - - pos - A instance. - - Returns: - - The result of multiplying two complex numbers. - */ - prod: function(pos) { - return new Complex(this.x*pos.x - this.y*pos.y, this.y*pos.x + this.x*pos.y); - }, - - /* - Method: conjugate - - Returns the conjugate of this number. - - Does not alter the original object. - - Returns: - - The conjugate of this number. - */ - conjugate: function() { - return new Complex(this.x, -this.y); - }, - - - /* - Method: scale - - Returns the result of scaling a instance. - - Does not alter the original object. - - Parameters: - - factor - A scale factor. - - Returns: - - The result of scaling this complex to a factor. - */ - scale: function(factor) { - return new Complex(this.x * factor, this.y * factor); - }, - - /* - Method: equals - - Comparison method. - - Returns *true* if both real and imaginary parts are equal. - - Parameters: - - c - A instance. - - Returns: - - A boolean instance indicating if both numbers are equal. - */ - equals: function(c) { - return this.x == c.x && this.y == c.y; - }, - - /* - Method: $add - - Returns the result of adding two numbers. - - Alters the original object. - - Parameters: - - pos - A instance. - - Returns: - - The result of adding two complex numbers. - */ - $add: function(pos) { - this.x += pos.x; this.y += pos.y; - return this; - }, - - /* - Method: $prod - - Returns the result of multiplying two numbers. - - Alters the original object. - - Parameters: - - pos - A instance. - - Returns: - - The result of multiplying two complex numbers. - */ - $prod:function(pos) { - var x = this.x, y = this.y; - this.x = x*pos.x - y*pos.y; - this.y = y*pos.x + x*pos.y; - return this; - }, - - /* - Method: $conjugate - - Returns the conjugate for this . - - Alters the original object. - - Returns: - - The conjugate for this complex. - */ - $conjugate: function() { - this.y = -this.y; - return this; - }, - - /* - Method: $scale - - Returns the result of scaling a instance. - - Alters the original object. - - Parameters: - - factor - A scale factor. - - Returns: - - The result of scaling this complex to a factor. - */ - $scale: function(factor) { - this.x *= factor; this.y *= factor; - return this; - }, - - /* - Method: $div - - Returns the division of two numbers. - - Alters the original object. - - Parameters: - - pos - A number. - - Returns: - - The result of scaling this complex to a factor. - */ - $div: function(pos) { - var x = this.x, y = this.y; - var sq = pos.squaredNorm(); - this.x = x * pos.x + y * pos.y; this.y = y * pos.x - x * pos.y; - return this.$scale(1 / sq); - } -}; - -var $C = function(a, b) { return new Complex(a, b); }; - -Complex.KER = $C(0, 0); - - - -/* - * File: Graph.js - * -*/ - -/* - Class: Graph - - A Graph Class that provides useful manipulation functions. You can find more manipulation methods in the object. - - An instance of this class can be accessed by using the *graph* parameter of any tree or graph visualization. - - Example: - - (start code js) - //create new visualization - var viz = new $jit.Viz(options); - //load JSON data - viz.loadJSON(json); - //access model - viz.graph; // instance - (end code) - - Implements: - - The following methods are implemented in - - - - - - - - - - - - - - - - -*/ - -$jit.Graph = new Class({ - - initialize: function(opt, Node, Edge, Label) { - var innerOptions = { - 'complex': false, - 'Node': {} - }; - this.Node = Node; - this.Edge = Edge; - this.Label = Label; - this.opt = $.merge(innerOptions, opt || {}); - this.nodes = {}; - this.edges = {}; - - //add nodeList methods - var that = this; - this.nodeList = {}; - for(var p in Accessors) { - that.nodeList[p] = (function(p) { - return function() { - var args = Array.prototype.slice.call(arguments); - that.eachNode(function(n) { - n[p].apply(n, args); - }); - }; - })(p); - } - - }, - -/* - Method: getNode - - Returns a by *id*. - - Parameters: - - id - (string) A id. - - Example: - - (start code js) - var node = graph.getNode('nodeId'); - (end code) -*/ - getNode: function(id) { - if(this.hasNode(id)) return this.nodes[id]; - return false; - }, - - /* - Method: getByName - - Returns a by *name*. - - Parameters: - - name - (string) A name. - - Example: - - (start code js) - var node = graph.getByName('someName'); - (end code) - */ - getByName: function(name) { - for(var id in this.nodes) { - var n = this.nodes[id]; - if(n.name == name) return n; - } - return false; - }, - -/* - Method: getAdjacence - - Returns a object connecting nodes with ids *id* and *id2*. - - Parameters: - - id - (string) A id. - id2 - (string) A id. -*/ - getAdjacence: function (id, id2) { - if(id in this.edges) { - return this.edges[id][id2]; - } - return false; - }, - - /* - Method: addNode - - Adds a node. - - Parameters: - - obj - An object with the properties described below - - id - (string) A node id - name - (string) A node's name - data - (object) A node's data hash - - See also: - - - */ - addNode: function(obj) { - if(!this.nodes[obj.id]) { - var edges = this.edges[obj.id] = {}; - this.nodes[obj.id] = new Graph.Node($.extend({ - 'id': obj.id, - 'name': obj.name, - 'data': $.merge(obj.data || {}, {}), - 'adjacencies': edges - }, this.opt.Node), - this.opt.complex, - this.Node, - this.Edge, - this.Label); - } - return this.nodes[obj.id]; - }, - - /* - Method: addAdjacence - - Connects nodes specified by *obj* and *obj2*. If not found, nodes are created. - - Parameters: - - obj - (object) A object. - obj2 - (object) Another object. - data - (object) A data object. Used to store some extra information in the object created. - - See also: - - , - */ - addAdjacence: function (obj, obj2, data) { - if(!this.hasNode(obj.id)) { this.addNode(obj); } - if(!this.hasNode(obj2.id)) { this.addNode(obj2); } - obj = this.nodes[obj.id]; obj2 = this.nodes[obj2.id]; - if(!obj.adjacentTo(obj2)) { - var adjsObj = this.edges[obj.id] = this.edges[obj.id] || {}; - var adjsObj2 = this.edges[obj2.id] = this.edges[obj2.id] || {}; - adjsObj[obj2.id] = adjsObj2[obj.id] = new Graph.Adjacence(obj, obj2, data, this.Edge, this.Label); - return adjsObj[obj2.id]; - } - return this.edges[obj.id][obj2.id]; - }, - - /* - Method: removeNode - - Removes a matching the specified *id*. - - Parameters: - - id - (string) A node's id. - - */ - removeNode: function(id) { - if(this.hasNode(id)) { - delete this.nodes[id]; - var adjs = this.edges[id]; - for(var to in adjs) { - delete this.edges[to][id]; - } - delete this.edges[id]; - } - }, - -/* - Method: removeAdjacence - - Removes a matching *id1* and *id2*. - - Parameters: - - id1 - (string) A id. - id2 - (string) A id. -*/ - removeAdjacence: function(id1, id2) { - delete this.edges[id1][id2]; - delete this.edges[id2][id1]; - }, - - /* - Method: hasNode - - Returns a boolean indicating if the node belongs to the or not. - - Parameters: - - id - (string) Node id. - */ - hasNode: function(id) { - return id in this.nodes; - }, - - /* - Method: empty - - Empties the Graph - - */ - empty: function() { this.nodes = {}; this.edges = {};} - -}); - -var Graph = $jit.Graph; - -/* - Object: Accessors - - Defines a set of methods for data, canvas and label styles manipulation implemented by and instances. - - */ -var Accessors; - -(function () { - var getDataInternal = function(prefix, prop, type, force, prefixConfig) { - var data; - type = type || 'current'; - prefix = "$" + (prefix ? prefix + "-" : ""); - - if(type == 'current') { - data = this.data; - } else if(type == 'start') { - data = this.startData; - } else if(type == 'end') { - data = this.endData; - } - - var dollar = prefix + prop; - - if(force) { - return data[dollar]; - } - - if(!this.Config.overridable) - return prefixConfig[prop] || 0; - - return (dollar in data) ? - data[dollar] : ((dollar in this.data) ? this.data[dollar] : (prefixConfig[prop] || 0)); - } - - var setDataInternal = function(prefix, prop, value, type) { - type = type || 'current'; - prefix = '$' + (prefix ? prefix + '-' : ''); - - var data; - - if(type == 'current') { - data = this.data; - } else if(type == 'start') { - data = this.startData; - } else if(type == 'end') { - data = this.endData; - } - - data[prefix + prop] = value; - } - - var removeDataInternal = function(prefix, properties) { - prefix = '$' + (prefix ? prefix + '-' : ''); - var that = this; - $.each(properties, function(prop) { - var pref = prefix + prop; - delete that.data[pref]; - delete that.endData[pref]; - delete that.startData[pref]; - }); - } - - Accessors = { - /* - Method: getData - - Returns the specified data value property. - This is useful for querying special/reserved data properties - (i.e dollar prefixed properties). - - Parameters: - - prop - (string) The name of the property. The dollar sign is not needed. For - example *getData(width)* will return *data.$width*. - type - (string) The type of the data property queried. Default's "current". You can access *start* and *end* - data properties also. These properties are used when making animations. - force - (boolean) Whether to obtain the true value of the property (equivalent to - *data.$prop*) or to check for *node.overridable = true* first. - - Returns: - - The value of the dollar prefixed property or the global Node/Edge property - value if *overridable=false* - - Example: - (start code js) - node.getData('width'); //will return node.data.$width if Node.overridable=true; - (end code) - */ - getData: function(prop, type, force) { - return getDataInternal.call(this, "", prop, type, force, this.Config); - }, - - - /* - Method: setData - - Sets the current data property with some specific value. - This method is only useful for reserved (dollar prefixed) properties. - - Parameters: - - prop - (string) The name of the property. The dollar sign is not necessary. For - example *setData(width)* will set *data.$width*. - value - (mixed) The value to store. - type - (string) The type of the data property to store. Default's "current" but - can also be "start" or "end". - - Example: - - (start code js) - node.setData('width', 30); - (end code) - - If we were to make an animation of a node/edge width then we could do - - (start code js) - var node = viz.getNode('nodeId'); - //set start and end values - node.setData('width', 10, 'start'); - node.setData('width', 30, 'end'); - //will animate nodes width property - viz.fx.animate({ - modes: ['node-property:width'], - duration: 1000 - }); - (end code) - */ - setData: function(prop, value, type) { - setDataInternal.call(this, "", prop, value, type); - }, - - /* - Method: setDataset - - Convenience method to set multiple data values at once. - - Parameters: - - types - (array|string) A set of 'current', 'end' or 'start' values. - obj - (object) A hash containing the names and values of the properties to be altered. - - Example: - (start code js) - node.setDataset(['current', 'end'], { - 'width': [100, 5], - 'color': ['#fff', '#ccc'] - }); - //...or also - node.setDataset('end', { - 'width': 5, - 'color': '#ccc' - }); - (end code) - - See also: - - - - */ - setDataset: function(types, obj) { - types = $.splat(types); - for(var attr in obj) { - for(var i=0, val = $.splat(obj[attr]), l=types.length; i canvas style data properties (i.e. - dollar prefixed properties that match with $canvas-). - - Parameters: - - prop - (string) The name of the property. The dollar sign is not needed. For - example *getCanvasStyle(shadowBlur)* will return *data[$canvas-shadowBlur]*. - type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* - data properties also. - - Example: - (start code js) - node.getCanvasStyle('shadowBlur'); - (end code) - - See also: - - - */ - getCanvasStyle: function(prop, type, force) { - return getDataInternal.call( - this, 'canvas', prop, type, force, this.Config.CanvasStyles); - }, - - /* - Method: setCanvasStyle - - Sets the canvas style data property with some specific value. - This method is only useful for reserved (dollar prefixed) properties. - - Parameters: - - prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. - value - (mixed) The value to set to the property. - type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. - - Example: - - (start code js) - node.setCanvasStyle('shadowBlur', 30); - (end code) - - If we were to make an animation of a node/edge shadowBlur canvas style then we could do - - (start code js) - var node = viz.getNode('nodeId'); - //set start and end values - node.setCanvasStyle('shadowBlur', 10, 'start'); - node.setCanvasStyle('shadowBlur', 30, 'end'); - //will animate nodes canvas style property for nodes - viz.fx.animate({ - modes: ['node-style:shadowBlur'], - duration: 1000 - }); - (end code) - - See also: - - . - */ - setCanvasStyle: function(prop, value, type) { - setDataInternal.call(this, 'canvas', prop, value, type); - }, - - /* - Method: setCanvasStyles - - Convenience method to set multiple styles at once. - - Parameters: - - types - (array|string) A set of 'current', 'end' or 'start' values. - obj - (object) A hash containing the names and values of the properties to be altered. - - See also: - - . - */ - setCanvasStyles: function(types, obj) { - types = $.splat(types); - for(var attr in obj) { - for(var i=0, val = $.splat(obj[attr]), l=types.length; i. - */ - removeCanvasStyle: function() { - removeDataInternal.call(this, 'canvas', Array.prototype.slice.call(arguments)); - }, - - /* - Method: getLabelData - - Returns the specified label data value property. This is useful for - querying special/reserved label options (i.e. - dollar prefixed properties that match with $label-). - - Parameters: - - prop - (string) The name of the property. The dollar sign prefix is not needed. For - example *getLabelData(size)* will return *data[$label-size]*. - type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* - data properties also. - - See also: - - . - */ - getLabelData: function(prop, type, force) { - return getDataInternal.call( - this, 'label', prop, type, force, this.Label); - }, - - /* - Method: setLabelData - - Sets the current label data with some specific value. - This method is only useful for reserved (dollar prefixed) properties. - - Parameters: - - prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. - value - (mixed) The value to set to the property. - type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. - - Example: - - (start code js) - node.setLabelData('size', 30); - (end code) - - If we were to make an animation of a node label size then we could do - - (start code js) - var node = viz.getNode('nodeId'); - //set start and end values - node.setLabelData('size', 10, 'start'); - node.setLabelData('size', 30, 'end'); - //will animate nodes label size - viz.fx.animate({ - modes: ['label-property:size'], - duration: 1000 - }); - (end code) - - See also: - - . - */ - setLabelData: function(prop, value, type) { - setDataInternal.call(this, 'label', prop, value, type); - }, - - /* - Method: setLabelDataset - - Convenience function to set multiple label data at once. - - Parameters: - - types - (array|string) A set of 'current', 'end' or 'start' values. - obj - (object) A hash containing the names and values of the properties to be altered. - - See also: - - . - */ - setLabelDataset: function(types, obj) { - types = $.splat(types); - for(var attr in obj) { - for(var i=0, val = $.splat(obj[attr]), l=types.length; i. - */ - removeLabelData: function() { - removeDataInternal.call(this, 'label', Array.prototype.slice.call(arguments)); - } - }; -})(); - -/* - Class: Graph.Node - - A node. - - Implements: - - methods. - - The following methods are implemented by - - - - - - - - - - - - - - - - - -*/ -Graph.Node = new Class({ - - initialize: function(opt, complex, Node, Edge, Label) { - var innerOptions = { - 'id': '', - 'name': '', - 'data': {}, - 'startData': {}, - 'endData': {}, - 'adjacencies': {}, - - 'selected': false, - 'drawn': false, - 'exist': false, - - 'angleSpan': { - 'begin': 0, - 'end' : 0 - }, - - 'pos': (complex && $C(0, 0)) || $P(0, 0), - 'startPos': (complex && $C(0, 0)) || $P(0, 0), - 'endPos': (complex && $C(0, 0)) || $P(0, 0) - }; - - $.extend(this, $.extend(innerOptions, opt)); - this.Config = this.Node = Node; - this.Edge = Edge; - this.Label = Label; - }, - - /* - Method: adjacentTo - - Indicates if the node is adjacent to the node specified by id - - Parameters: - - id - (string) A node id. - - Example: - (start code js) - node.adjacentTo('nodeId') == true; - (end code) - */ - adjacentTo: function(node) { - return node.id in this.adjacencies; - }, - - /* - Method: getAdjacency - - Returns a object connecting the current and the node having *id* as id. - - Parameters: - - id - (string) A node id. - */ - getAdjacency: function(id) { - return this.adjacencies[id]; - }, - - /* - Method: getPos - - Returns the position of the node. - - Parameters: - - type - (string) Default's *current*. Possible values are "start", "end" or "current". - - Returns: - - A or instance. - - Example: - (start code js) - var pos = node.getPos('end'); - (end code) - */ - getPos: function(type) { - type = type || "current"; - if(type == "current") { - return this.pos; - } else if(type == "end") { - return this.endPos; - } else if(type == "start") { - return this.startPos; - } - }, - /* - Method: setPos - - Sets the node's position. - - Parameters: - - value - (object) A or instance. - type - (string) Default's *current*. Possible values are "start", "end" or "current". - - Example: - (start code js) - node.setPos(new $jit.Complex(0, 0), 'end'); - (end code) - */ - setPos: function(value, type) { - type = type || "current"; - var pos; - if(type == "current") { - pos = this.pos; - } else if(type == "end") { - pos = this.endPos; - } else if(type == "start") { - pos = this.startPos; - } - pos.set(value); - } -}); - -Graph.Node.implement(Accessors); - -/* - Class: Graph.Adjacence - - A adjacence (or edge) connecting two . - - Implements: - - methods. - - See also: - - , - - Properties: - - nodeFrom - A connected by this edge. - nodeTo - Another connected by this edge. - data - Node data property containing a hash (i.e {}) with custom options. -*/ -Graph.Adjacence = new Class({ - - initialize: function(nodeFrom, nodeTo, data, Edge, Label) { - this.nodeFrom = nodeFrom; - this.nodeTo = nodeTo; - this.data = data || {}; - this.startData = {}; - this.endData = {}; - this.Config = this.Edge = Edge; - this.Label = Label; - } -}); - -Graph.Adjacence.implement(Accessors); - -/* - Object: Graph.Util - - traversal and processing utility object. - - Note: - - For your convenience some of these methods have also been appended to and classes. -*/ -Graph.Util = { - /* - filter - - For internal use only. Provides a filtering function based on flags. - */ - filter: function(param) { - if(!param || !($.type(param) == 'string')) return function() { return true; }; - var props = param.split(" "); - return function(elem) { - for(var i=0; i by *id*. - - Also implemented by: - - - - Parameters: - - graph - (object) A instance. - id - (string) A id. - - Example: - - (start code js) - $jit.Graph.Util.getNode(graph, 'nodeid'); - //or... - graph.getNode('nodeid'); - (end code) - */ - getNode: function(graph, id) { - return graph.nodes[id]; - }, - - /* - Method: eachNode - - Iterates over nodes performing an *action*. - - Also implemented by: - - . - - Parameters: - - graph - (object) A instance. - action - (function) A callback function having a as first formal parameter. - - Example: - (start code js) - $jit.Graph.Util.eachNode(graph, function(node) { - alert(node.name); - }); - //or... - graph.eachNode(function(node) { - alert(node.name); - }); - (end code) - */ - eachNode: function(graph, action, flags) { - var filter = this.filter(flags); - for(var i in graph.nodes) { - if(filter(graph.nodes[i])) action(graph.nodes[i]); - } - }, - - /* - Method: eachAdjacency - - Iterates over adjacencies applying the *action* function. - - Also implemented by: - - . - - Parameters: - - node - (object) A . - action - (function) A callback function having as first formal parameter. - - Example: - (start code js) - $jit.Graph.Util.eachAdjacency(node, function(adj) { - alert(adj.nodeTo.name); - }); - //or... - node.eachAdjacency(function(adj) { - alert(adj.nodeTo.name); - }); - (end code) - */ - eachAdjacency: function(node, action, flags) { - var adj = node.adjacencies, filter = this.filter(flags); - for(var id in adj) { - var a = adj[id]; - if(filter(a)) { - if(a.nodeFrom != node) { - var tmp = a.nodeFrom; - a.nodeFrom = a.nodeTo; - a.nodeTo = tmp; - } - action(a, id); - } - } - }, - - /* - Method: computeLevels - - Performs a BFS traversal setting the correct depth for each node. - - Also implemented by: - - . - - Note: - - The depth of each node can then be accessed by - >node._depth - - Parameters: - - graph - (object) A . - id - (string) A starting node id for the BFS traversal. - startDepth - (optional|number) A minimum depth value. Default's 0. - - */ - computeLevels: function(graph, id, startDepth, flags) { - startDepth = startDepth || 0; - var filter = this.filter(flags); - this.eachNode(graph, function(elem) { - elem._flag = false; - elem._depth = -1; - }, flags); - var root = graph.getNode(id); - root._depth = startDepth; - var queue = [root]; - while(queue.length != 0) { - var node = queue.pop(); - node._flag = true; - this.eachAdjacency(node, function(adj) { - var n = adj.nodeTo; - if(n._flag == false && filter(n)) { - if(n._depth < 0) n._depth = node._depth + 1 + startDepth; - queue.unshift(n); - } - }, flags); - } - }, - - /* - Method: eachBFS - - Performs a BFS traversal applying *action* to each . - - Also implemented by: - - . - - Parameters: - - graph - (object) A . - id - (string) A starting node id for the BFS traversal. - action - (function) A callback function having a as first formal parameter. - - Example: - (start code js) - $jit.Graph.Util.eachBFS(graph, 'mynodeid', function(node) { - alert(node.name); - }); - //or... - graph.eachBFS('mynodeid', function(node) { - alert(node.name); - }); - (end code) - */ - eachBFS: function(graph, id, action, flags) { - var filter = this.filter(flags); - this.clean(graph); - var queue = [graph.getNode(id)]; - while(queue.length != 0) { - var node = queue.pop(); - node._flag = true; - action(node, node._depth); - this.eachAdjacency(node, function(adj) { - var n = adj.nodeTo; - if(n._flag == false && filter(n)) { - n._flag = true; - queue.unshift(n); - } - }, flags); - } - }, - - /* - Method: eachLevel - - Iterates over a node's subgraph applying *action* to the nodes of relative depth between *levelBegin* and *levelEnd*. - - Also implemented by: - - . - - Parameters: - - node - (object) A . - levelBegin - (number) A relative level value. - levelEnd - (number) A relative level value. - action - (function) A callback function having a as first formal parameter. - - */ - eachLevel: function(node, levelBegin, levelEnd, action, flags) { - var d = node._depth, filter = this.filter(flags), that = this; - levelEnd = levelEnd === false? Number.MAX_VALUE -d : levelEnd; - (function loopLevel(node, levelBegin, levelEnd) { - var d = node._depth; - if(d >= levelBegin && d <= levelEnd && filter(node)) action(node, d); - if(d < levelEnd) { - that.eachAdjacency(node, function(adj) { - var n = adj.nodeTo; - if(n._depth > d) loopLevel(n, levelBegin, levelEnd); - }); - } - })(node, levelBegin + d, levelEnd + d); - }, - - /* - Method: eachSubgraph - - Iterates over a node's children recursively. - - Also implemented by: - - . - - Parameters: - node - (object) A . - action - (function) A callback function having a as first formal parameter. - - Example: - (start code js) - $jit.Graph.Util.eachSubgraph(node, function(node) { - alert(node.name); - }); - //or... - node.eachSubgraph(function(node) { - alert(node.name); - }); - (end code) - */ - eachSubgraph: function(node, action, flags) { - this.eachLevel(node, 0, false, action, flags); - }, - - /* - Method: eachSubnode - - Iterates over a node's children (without deeper recursion). - - Also implemented by: - - . - - Parameters: - node - (object) A . - action - (function) A callback function having a as first formal parameter. - - Example: - (start code js) - $jit.Graph.Util.eachSubnode(node, function(node) { - alert(node.name); - }); - //or... - node.eachSubnode(function(node) { - alert(node.name); - }); - (end code) - */ - eachSubnode: function(node, action, flags) { - this.eachLevel(node, 1, 1, action, flags); - }, - - /* - Method: anySubnode - - Returns *true* if any subnode matches the given condition. - - Also implemented by: - - . - - Parameters: - node - (object) A . - cond - (function) A callback function returning a Boolean instance. This function has as first formal parameter a . - - Example: - (start code js) - $jit.Graph.Util.anySubnode(node, function(node) { return node.name == "mynodename"; }); - //or... - node.anySubnode(function(node) { return node.name == 'mynodename'; }); - (end code) - */ - anySubnode: function(node, cond, flags) { - var flag = false; - cond = cond || $.lambda(true); - var c = $.type(cond) == 'string'? function(n) { return n[cond]; } : cond; - this.eachSubnode(node, function(elem) { - if(c(elem)) flag = true; - }, flags); - return flag; - }, - - /* - Method: getSubnodes - - Collects all subnodes for a specified node. - The *level* parameter filters nodes having relative depth of *level* from the root node. - - Also implemented by: - - . - - Parameters: - node - (object) A . - level - (optional|number) Default's *0*. A starting relative depth for collecting nodes. - - Returns: - An array of nodes. - - */ - getSubnodes: function(node, level, flags) { - var ans = [], that = this; - level = level || 0; - var levelStart, levelEnd; - if($.type(level) == 'array') { - levelStart = level[0]; - levelEnd = level[1]; - } else { - levelStart = level; - levelEnd = Number.MAX_VALUE - node._depth; - } - this.eachLevel(node, levelStart, levelEnd, function(n) { - ans.push(n); - }, flags); - return ans; - }, - - - /* - Method: getParents - - Returns an Array of which are parents of the given node. - - Also implemented by: - - . - - Parameters: - node - (object) A . - - Returns: - An Array of . - - Example: - (start code js) - var pars = $jit.Graph.Util.getParents(node); - //or... - var pars = node.getParents(); - - if(pars.length > 0) { - //do stuff with parents - } - (end code) - */ - getParents: function(node) { - var ans = []; - this.eachAdjacency(node, function(adj) { - var n = adj.nodeTo; - if(n._depth < node._depth) ans.push(n); - }); - return ans; - }, - - /* - Method: isDescendantOf - - Returns a boolean indicating if some node is descendant of the node with the given id. - - Also implemented by: - - . - - - Parameters: - node - (object) A . - id - (string) A id. - - Example: - (start code js) - $jit.Graph.Util.isDescendantOf(node, "nodeid"); //true|false - //or... - node.isDescendantOf('nodeid');//true|false - (end code) - */ - isDescendantOf: function(node, id) { - if(node.id == id) return true; - var pars = this.getParents(node), ans = false; - for ( var i = 0; !ans && i < pars.length; i++) { - ans = ans || this.isDescendantOf(pars[i], id); - } - return ans; - }, - - /* - Method: clean - - Cleans flags from nodes. - - Also implemented by: - - . - - Parameters: - graph - A instance. - */ - clean: function(graph) { this.eachNode(graph, function(elem) { elem._flag = false; }); }, - - /* - Method: getClosestNodeToOrigin - - Returns the closest node to the center of canvas. - - Also implemented by: - - . - - Parameters: - - graph - (object) A instance. - prop - (optional|string) Default's 'current'. A position property. Possible properties are 'start', 'current' or 'end'. - - */ - getClosestNodeToOrigin: function(graph, prop, flags) { - return this.getClosestNodeToPos(graph, Polar.KER, prop, flags); - }, - - /* - Method: getClosestNodeToPos - - Returns the closest node to the given position. - - Also implemented by: - - . - - Parameters: - - graph - (object) A instance. - pos - (object) A or instance. - prop - (optional|string) Default's *current*. A position property. Possible properties are 'start', 'current' or 'end'. - - */ - getClosestNodeToPos: function(graph, pos, prop, flags) { - var node = null; - prop = prop || 'current'; - pos = pos && pos.getc(true) || Complex.KER; - var distance = function(a, b) { - var d1 = a.x - b.x, d2 = a.y - b.y; - return d1 * d1 + d2 * d2; - }; - this.eachNode(graph, function(elem) { - node = (node == null || distance(elem.getPos(prop).getc(true), pos) < distance( - node.getPos(prop).getc(true), pos)) ? elem : node; - }, flags); - return node; - } -}; - -//Append graph methods to -$.each(['getNode', 'eachNode', 'computeLevels', 'eachBFS', 'clean', 'getClosestNodeToPos', 'getClosestNodeToOrigin'], function(m) { - Graph.prototype[m] = function() { - return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); - }; -}); - -//Append node methods to -$.each(['eachAdjacency', 'eachLevel', 'eachSubgraph', 'eachSubnode', 'anySubnode', 'getSubnodes', 'getParents', 'isDescendantOf'], function(m) { - Graph.Node.prototype[m] = function() { - return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); - }; -}); - -/* - * File: Graph.Op.js - * -*/ - -/* - Object: Graph.Op - - Perform operations like adding/removing or , - morphing a into another , contracting or expanding subtrees, etc. - -*/ -Graph.Op = { - - options: { - type: 'nothing', - duration: 2000, - hideLabels: true, - fps:30 - }, - - initialize: function(viz) { - this.viz = viz; - }, - - /* - Method: removeNode - - Removes one or more from the visualization. - It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. - - Parameters: - - node - (string|array) The node's id. Can also be an array having many ids. - opt - (object) Animation options. It's an object with optional properties described below - type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". - duration - Described in . - fps - Described in . - transition - Described in . - hideLabels - (boolean) Default's *true*. Hide labels during the animation. - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.op.removeNode('nodeId', { - type: 'fade:seq', - duration: 1000, - hideLabels: false, - transition: $jit.Trans.Quart.easeOut - }); - //or also - viz.op.removeNode(['someId', 'otherId'], { - type: 'fade:con', - duration: 1500 - }); - (end code) - */ - - removeNode: function(node, opt) { - var viz = this.viz; - var options = $.merge(this.options, viz.controller, opt); - var n = $.splat(node); - var i, that, nodeObj; - switch(options.type) { - case 'nothing': - for(i=0; i from the visualization. - It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. - - Parameters: - - vertex - (array) An array having two strings which are the ids of the nodes connected by this edge (i.e ['id1', 'id2']). Can also be a two dimensional array holding many edges (i.e [['id1', 'id2'], ['id3', 'id4'], ...]). - opt - (object) Animation options. It's an object with optional properties described below - type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". - duration - Described in . - fps - Described in . - transition - Described in . - hideLabels - (boolean) Default's *true*. Hide labels during the animation. - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.op.removeEdge(['nodeId', 'otherId'], { - type: 'fade:seq', - duration: 1000, - hideLabels: false, - transition: $jit.Trans.Quart.easeOut - }); - //or also - viz.op.removeEdge([['someId', 'otherId'], ['id3', 'id4']], { - type: 'fade:con', - duration: 1500 - }); - (end code) - - */ - removeEdge: function(vertex, opt) { - var viz = this.viz; - var options = $.merge(this.options, viz.controller, opt); - var v = ($.type(vertex[0]) == 'string')? [vertex] : vertex; - var i, that, adj; - switch(options.type) { - case 'nothing': - for(i=0; i - - Parameters: - - json - (object) A json tree or graph structure. See also . - opt - (object) Animation options. It's an object with optional properties described below - type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con". - duration - Described in . - fps - Described in . - transition - Described in . - hideLabels - (boolean) Default's *true*. Hide labels during the animation. - - Example: - (start code js) - //...json contains a tree or graph structure... - - var viz = new $jit.Viz(options); - viz.op.sum(json, { - type: 'fade:seq', - duration: 1000, - hideLabels: false, - transition: $jit.Trans.Quart.easeOut - }); - //or also - viz.op.sum(json, { - type: 'fade:con', - duration: 1500 - }); - (end code) - - */ - sum: function(json, opt) { - var viz = this.viz; - var options = $.merge(this.options, viz.controller, opt), root = viz.root; - var graph; - viz.root = opt.id || viz.root; - switch(options.type) { - case 'nothing': - graph = viz.construct(json); - graph.eachNode(function(elem) { - elem.eachAdjacency(function(adj) { - viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); - }); - }); - break; - - case 'replot': - viz.refresh(true); - this.sum(json, { type: 'nothing' }); - viz.refresh(true); - break; - - case 'fade:seq': case 'fade': case 'fade:con': - that = this; - graph = viz.construct(json); - - //set alpha to 0 for nodes to add. - var fadeEdges = this.preprocessSum(graph); - var modes = !fadeEdges? ['node-property:alpha'] : ['node-property:alpha', 'edge-property:alpha']; - viz.reposition(); - if(options.type != 'fade:con') { - viz.fx.animate($.merge(options, { - modes: ['linear'], - onComplete: function() { - viz.fx.animate($.merge(options, { - modes: modes, - onComplete: function() { - options.onComplete(); - } - })); - } - })); - } else { - viz.graph.eachNode(function(elem) { - if (elem.id != root && elem.pos.getp().equals(Polar.KER)) { - elem.pos.set(elem.endPos); elem.startPos.set(elem.endPos); - } - }); - viz.fx.animate($.merge(options, { - modes: ['linear'].concat(modes) - })); - } - break; - - default: this.doError(); - } - }, - - /* - Method: morph - - This method will transform the current visualized graph into the new JSON representation passed in the method. - The JSON object must at least have the root node in common with the current visualized graph. - - Parameters: - - json - (object) A json tree or graph structure. See also . - opt - (object) Animation options. It's an object with optional properties described below - type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:con". - duration - Described in . - fps - Described in . - transition - Described in . - hideLabels - (boolean) Default's *true*. Hide labels during the animation. - id - (string) The shared id between both graphs. - - extraModes - (optional|object) When morphing with an animation, dollar prefixed data parameters are added to - *endData* and not *data* itself. This way you can animate dollar prefixed parameters during your morphing operation. - For animating these extra-parameters you have to specify an object that has animation groups as keys and animation - properties as values, just like specified in . - - Example: - (start code js) - //...json contains a tree or graph structure... - - var viz = new $jit.Viz(options); - viz.op.morph(json, { - type: 'fade', - duration: 1000, - hideLabels: false, - transition: $jit.Trans.Quart.easeOut - }); - //or also - viz.op.morph(json, { - type: 'fade', - duration: 1500 - }); - //if the json data contains dollar prefixed params - //like $width or $height these too can be animated - viz.op.morph(json, { - type: 'fade', - duration: 1500 - }, { - 'node-property': ['width', 'height'] - }); - (end code) - - */ - morph: function(json, opt, extraModes) { - var viz = this.viz; - var options = $.merge(this.options, viz.controller, opt), root = viz.root; - var graph; - //TODO(nico) this hack makes morphing work with the Hypertree. - //Need to check if it has been solved and this can be removed. - viz.root = opt.id || viz.root; - switch(options.type) { - case 'nothing': - graph = viz.construct(json); - graph.eachNode(function(elem) { - var nodeExists = viz.graph.hasNode(elem.id); - elem.eachAdjacency(function(adj) { - var adjExists = !!viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); - viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); - //Update data properties if the node existed - if(adjExists) { - var addedAdj = viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); - for(var prop in (adj.data || {})) { - addedAdj.data[prop] = adj.data[prop]; - } - } - }); - //Update data properties if the node existed - if(nodeExists) { - var addedNode = viz.graph.getNode(elem.id); - for(var prop in (elem.data || {})) { - addedNode.data[prop] = elem.data[prop]; - } - } - }); - viz.graph.eachNode(function(elem) { - elem.eachAdjacency(function(adj) { - if(!graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id)) { - viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); - } - }); - if(!graph.hasNode(elem.id)) viz.graph.removeNode(elem.id); - }); - - break; - - case 'replot': - viz.labels.clearLabels(true); - this.morph(json, { type: 'nothing' }); - viz.refresh(true); - viz.refresh(true); - break; - - case 'fade:seq': case 'fade': case 'fade:con': - that = this; - graph = viz.construct(json); - //preprocessing for nodes to delete. - //get node property modes to interpolate - var nodeModes = extraModes && ('node-property' in extraModes) - && $.map($.splat(extraModes['node-property']), - function(n) { return '$' + n; }); - viz.graph.eachNode(function(elem) { - var graphNode = graph.getNode(elem.id); - if(!graphNode) { - elem.setData('alpha', 1); - elem.setData('alpha', 1, 'start'); - elem.setData('alpha', 0, 'end'); - elem.ignore = true; - } else { - //Update node data information - var graphNodeData = graphNode.data; - for(var prop in graphNodeData) { - if(nodeModes && ($.indexOf(nodeModes, prop) > -1)) { - elem.endData[prop] = graphNodeData[prop]; - } else { - elem.data[prop] = graphNodeData[prop]; - } - } - } - }); - viz.graph.eachNode(function(elem) { - if(elem.ignore) return; - elem.eachAdjacency(function(adj) { - if(adj.nodeFrom.ignore || adj.nodeTo.ignore) return; - var nodeFrom = graph.getNode(adj.nodeFrom.id); - var nodeTo = graph.getNode(adj.nodeTo.id); - if(!nodeFrom.adjacentTo(nodeTo)) { - var adj = viz.graph.getAdjacence(nodeFrom.id, nodeTo.id); - fadeEdges = true; - adj.setData('alpha', 1); - adj.setData('alpha', 1, 'start'); - adj.setData('alpha', 0, 'end'); - } - }); - }); - //preprocessing for adding nodes. - var fadeEdges = this.preprocessSum(graph); - - var modes = !fadeEdges? ['node-property:alpha'] : - ['node-property:alpha', - 'edge-property:alpha']; - //Append extra node-property animations (if any) - modes[0] = modes[0] + ((extraModes && ('node-property' in extraModes))? - (':' + $.splat(extraModes['node-property']).join(':')) : ''); - //Append extra edge-property animations (if any) - modes[1] = (modes[1] || 'edge-property:alpha') + ((extraModes && ('edge-property' in extraModes))? - (':' + $.splat(extraModes['edge-property']).join(':')) : ''); - //Add label-property animations (if any) - if(extraModes && ('label-property' in extraModes)) { - modes.push('label-property:' + $.splat(extraModes['label-property']).join(':')) - } - viz.reposition(); - viz.graph.eachNode(function(elem) { - if (elem.id != root && elem.pos.getp().equals(Polar.KER)) { - elem.pos.set(elem.endPos); elem.startPos.set(elem.endPos); - } - }); - viz.fx.animate($.merge(options, { - modes: ['polar'].concat(modes), - onComplete: function() { - viz.graph.eachNode(function(elem) { - if(elem.ignore) viz.graph.removeNode(elem.id); - }); - viz.graph.eachNode(function(elem) { - elem.eachAdjacency(function(adj) { - if(adj.ignore) viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); - }); - }); - options.onComplete(); - } - })); - break; - - default:; - } - }, - - - /* - Method: contract - - Collapses the subtree of the given node. The node will have a _collapsed=true_ property. - - Parameters: - - node - (object) A . - opt - (object) An object containing options described below - type - (string) Whether to 'replot' or 'animate' the contraction. - - There are also a number of Animation options. For more information see . - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.op.contract(node, { - type: 'animate', - duration: 1000, - hideLabels: true, - transition: $jit.Trans.Quart.easeOut - }); - (end code) - - */ - contract: function(node, opt) { - var viz = this.viz; - if(node.collapsed || !node.anySubnode($.lambda(true))) return; - opt = $.merge(this.options, viz.config, opt || {}, { - 'modes': ['node-property:alpha:span', 'linear'] - }); - node.collapsed = true; - (function subn(n) { - n.eachSubnode(function(ch) { - ch.ignore = true; - ch.setData('alpha', 0, opt.type == 'animate'? 'end' : 'current'); - subn(ch); - }); - })(node); - if(opt.type == 'animate') { - viz.compute('end'); - if(viz.rotated) { - viz.rotate(viz.rotated, 'none', { - 'property':'end' - }); - } - (function subn(n) { - n.eachSubnode(function(ch) { - ch.setPos(node.getPos('end'), 'end'); - subn(ch); - }); - })(node); - viz.fx.animate(opt); - } else if(opt.type == 'replot'){ - viz.refresh(); - } - }, - - /* - Method: expand - - Expands the previously contracted subtree. The given node must have the _collapsed=true_ property. - - Parameters: - - node - (object) A . - opt - (object) An object containing options described below - type - (string) Whether to 'replot' or 'animate'. - - There are also a number of Animation options. For more information see . - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.op.expand(node, { - type: 'animate', - duration: 1000, - hideLabels: true, - transition: $jit.Trans.Quart.easeOut - }); - (end code) - - */ - expand: function(node, opt) { - if(!('collapsed' in node)) return; - var viz = this.viz; - opt = $.merge(this.options, viz.config, opt || {}, { - 'modes': ['node-property:alpha:span', 'linear'] - }); - delete node.collapsed; - (function subn(n) { - n.eachSubnode(function(ch) { - delete ch.ignore; - ch.setData('alpha', 1, opt.type == 'animate'? 'end' : 'current'); - subn(ch); - }); - })(node); - if(opt.type == 'animate') { - viz.compute('end'); - if(viz.rotated) { - viz.rotate(viz.rotated, 'none', { - 'property':'end' - }); - } - viz.fx.animate(opt); - } else if(opt.type == 'replot'){ - viz.refresh(); - } - }, - - preprocessSum: function(graph) { - var viz = this.viz; - graph.eachNode(function(elem) { - if(!viz.graph.hasNode(elem.id)) { - viz.graph.addNode(elem); - var n = viz.graph.getNode(elem.id); - n.setData('alpha', 0); - n.setData('alpha', 0, 'start'); - n.setData('alpha', 1, 'end'); - } - }); - var fadeEdges = false; - graph.eachNode(function(elem) { - elem.eachAdjacency(function(adj) { - var nodeFrom = viz.graph.getNode(adj.nodeFrom.id); - var nodeTo = viz.graph.getNode(adj.nodeTo.id); - if(!nodeFrom.adjacentTo(nodeTo)) { - var adj = viz.graph.addAdjacence(nodeFrom, nodeTo, adj.data); - if(nodeFrom.startAlpha == nodeFrom.endAlpha - && nodeTo.startAlpha == nodeTo.endAlpha) { - fadeEdges = true; - adj.setData('alpha', 0); - adj.setData('alpha', 0, 'start'); - adj.setData('alpha', 1, 'end'); - } - } - }); - }); - return fadeEdges; - } -}; - - - -/* - File: Helpers.js - - Helpers are objects that contain rendering primitives (like rectangles, ellipses, etc), for plotting nodes and edges. - Helpers also contain implementations of the *contains* method, a method returning a boolean indicating whether the mouse - position is over the rendered shape. - - Helpers are very useful when implementing new NodeTypes, since you can access them through *this.nodeHelper* and - *this.edgeHelper* properties, providing you with simple primitives and mouse-position check functions. - - Example: - (start code js) - //implement a new node type - $jit.Viz.Plot.NodeTypes.implement({ - 'customNodeType': { - 'render': function(node, canvas) { - this.nodeHelper.circle.render ... - }, - 'contains': function(node, pos) { - this.nodeHelper.circle.contains ... - } - } - }); - //implement an edge type - $jit.Viz.Plot.EdgeTypes.implement({ - 'customNodeType': { - 'render': function(node, canvas) { - this.edgeHelper.circle.render ... - }, - //optional - 'contains': function(node, pos) { - this.edgeHelper.circle.contains ... - } - } - }); - (end code) - -*/ - -/* - Object: NodeHelper - - Contains rendering and other type of primitives for simple shapes. - */ -var NodeHelper = { - 'none': { - 'render': $.empty, - 'contains': $.lambda(false) - }, - /* - Object: NodeHelper.circle - */ - 'circle': { - /* - Method: render - - Renders a circle into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the circle. - radius - (number) The radius of the circle to be rendered. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.circle.render('fill', { x: 10, y: 30 }, 30, viz.canvas); - (end code) - */ - 'render': function(type, pos, radius, canvas){ - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.arc(pos.x, pos.y, radius, 0, Math.PI * 2, true); - ctx.closePath(); - ctx[type](); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - radius - (number) The radius of the rendered circle. - - Example: - (start code js) - NodeHelper.circle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); //true - (end code) - */ - 'contains': function(npos, pos, radius){ - var diffx = npos.x - pos.x, - diffy = npos.y - pos.y, - diff = diffx * diffx + diffy * diffy; - return diff <= radius * radius; - } - }, - /* - Object: NodeHelper.ellipse - */ - 'ellipse': { - /* - Method: render - - Renders an ellipse into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the ellipse. - width - (number) The width of the ellipse. - height - (number) The height of the ellipse. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.ellipse.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); - (end code) - */ - 'render': function(type, pos, width, height, canvas){ - var ctx = canvas.getCtx(); - height /= 2; - width /= 2; - ctx.save(); - ctx.scale(width / height, height / width); - ctx.beginPath(); - ctx.arc(pos.x * (height / width), pos.y * (width / height), height, 0, - Math.PI * 2, true); - ctx.closePath(); - ctx[type](); - ctx.restore(); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - width - (number) The width of the rendered ellipse. - height - (number) The height of the rendered ellipse. - - Example: - (start code js) - NodeHelper.ellipse.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); - (end code) - */ - 'contains': function(npos, pos, width, height){ - // TODO(nico): be more precise... - width /= 2; - height /= 2; - var dist = (width + height) / 2, - diffx = npos.x - pos.x, - diffy = npos.y - pos.y, - diff = diffx * diffx + diffy * diffy; - return diff <= dist * dist; - } - }, - /* - Object: NodeHelper.square - */ - 'square': { - /* - Method: render - - Renders a square into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the square. - dim - (number) The radius (or half-diameter) of the square. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.square.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); - (end code) - */ - 'render': function(type, pos, dim, canvas){ - canvas.getCtx()[type + "Rect"](pos.x - dim, pos.y - dim, 2*dim, 2*dim); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - dim - (number) The radius (or half-diameter) of the square. - - Example: - (start code js) - NodeHelper.square.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': function(npos, pos, dim){ - return Math.abs(pos.x - npos.x) <= dim && Math.abs(pos.y - npos.y) <= dim; - } - }, - /* - Object: NodeHelper.rectangle - */ - 'rectangle': { - /* - Method: render - - Renders a rectangle into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the rectangle. - width - (number) The width of the rectangle. - height - (number) The height of the rectangle. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.rectangle.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); - (end code) - */ - 'render': function(type, pos, width, height, canvas){ - canvas.getCtx()[type + "Rect"](pos.x - width / 2, pos.y - height / 2, - width, height); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - width - (number) The width of the rendered rectangle. - height - (number) The height of the rendered rectangle. - - Example: - (start code js) - NodeHelper.rectangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); - (end code) - */ - 'contains': function(npos, pos, width, height){ - return Math.abs(pos.x - npos.x) <= width / 2 - && Math.abs(pos.y - npos.y) <= height / 2; - } - }, - /* - Object: NodeHelper.triangle - */ - 'triangle': { - /* - Method: render - - Renders a triangle into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the triangle. - dim - (number) The dimension of the triangle. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.triangle.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); - (end code) - */ - 'render': function(type, pos, dim, canvas){ - var ctx = canvas.getCtx(), - c1x = pos.x, - c1y = pos.y - dim, - c2x = c1x - dim, - c2y = pos.y + dim, - c3x = c1x + dim, - c3y = c2y; - ctx.beginPath(); - ctx.moveTo(c1x, c1y); - ctx.lineTo(c2x, c2y); - ctx.lineTo(c3x, c3y); - ctx.closePath(); - ctx[type](); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - dim - (number) The dimension of the shape. - - Example: - (start code js) - NodeHelper.triangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': function(npos, pos, dim) { - return NodeHelper.circle.contains(npos, pos, dim); - } - }, - /* - Object: NodeHelper.star - */ - 'star': { - /* - Method: render - - Renders a star into the canvas. - - Parameters: - - type - (string) Possible options are 'fill' or 'stroke'. - pos - (object) An *x*, *y* object with the position of the center of the star. - dim - (number) The dimension of the star. - canvas - (object) A instance. - - Example: - (start code js) - NodeHelper.star.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); - (end code) - */ - 'render': function(type, pos, dim, canvas){ - var ctx = canvas.getCtx(), - pi5 = Math.PI / 5; - ctx.save(); - ctx.translate(pos.x, pos.y); - ctx.beginPath(); - ctx.moveTo(dim, 0); - for (var i = 0; i < 9; i++) { - ctx.rotate(pi5); - if (i % 2 == 0) { - ctx.lineTo((dim / 0.525731) * 0.200811, 0); - } else { - ctx.lineTo(dim, 0); - } - } - ctx.closePath(); - ctx[type](); - ctx.restore(); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - npos - (object) An *x*, *y* object with the position. - pos - (object) An *x*, *y* object with the position to check. - dim - (number) The dimension of the shape. - - Example: - (start code js) - NodeHelper.star.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': function(npos, pos, dim) { - return NodeHelper.circle.contains(npos, pos, dim); - } - } -}; - -/* - Object: EdgeHelper - - Contains rendering primitives for simple edge shapes. -*/ -var EdgeHelper = { - /* - Object: EdgeHelper.line - */ - 'line': { - /* - Method: render - - Renders a line into the canvas. - - Parameters: - - from - (object) An *x*, *y* object with the starting position of the line. - to - (object) An *x*, *y* object with the ending position of the line. - canvas - (object) A instance. - - Example: - (start code js) - EdgeHelper.line.render({ x: 10, y: 30 }, { x: 10, y: 50 }, viz.canvas); - (end code) - */ - 'render': function(from, to, canvas){ - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(from.x, from.y); - ctx.lineTo(to.x, to.y); - ctx.stroke(); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - posFrom - (object) An *x*, *y* object with a position. - posTo - (object) An *x*, *y* object with a position. - pos - (object) An *x*, *y* object with the position to check. - epsilon - (number) The dimension of the shape. - - Example: - (start code js) - EdgeHelper.line.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': function(posFrom, posTo, pos, epsilon) { - var min = Math.min, - max = Math.max, - minPosX = min(posFrom.x, posTo.x), - maxPosX = max(posFrom.x, posTo.x), - minPosY = min(posFrom.y, posTo.y), - maxPosY = max(posFrom.y, posTo.y); - - if(pos.x >= minPosX && pos.x <= maxPosX - && pos.y >= minPosY && pos.y <= maxPosY) { - if(Math.abs(posTo.x - posFrom.x) <= epsilon) { - return true; - } - var dist = (posTo.y - posFrom.y) / (posTo.x - posFrom.x) * (pos.x - posFrom.x) + posFrom.y; - return Math.abs(dist - pos.y) <= epsilon; - } - return false; - } - }, - /* - Object: EdgeHelper.arrow - */ - 'arrow': { - /* - Method: render - - Renders an arrow into the canvas. - - Parameters: - - from - (object) An *x*, *y* object with the starting position of the arrow. - to - (object) An *x*, *y* object with the ending position of the arrow. - dim - (number) The dimension of the arrow. - swap - (boolean) Whether to set the arrow pointing to the starting position or the ending position. - canvas - (object) A instance. - - Example: - (start code js) - EdgeHelper.arrow.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 13, false, viz.canvas); - (end code) - */ - 'render': function(from, to, dim, swap, canvas){ - var ctx = canvas.getCtx(); - // invert edge direction - if (swap) { - var tmp = from; - from = to; - to = tmp; - } - var vect = new Complex(to.x - from.x, to.y - from.y); - vect.$scale(dim / vect.norm()); - var intermediatePoint = new Complex(to.x - vect.x, to.y - vect.y), - normal = new Complex(-vect.y / 2, vect.x / 2), - v1 = intermediatePoint.add(normal), - v2 = intermediatePoint.$add(normal.$scale(-1)); - - ctx.beginPath(); - ctx.moveTo(from.x, from.y); - ctx.lineTo(to.x, to.y); - ctx.stroke(); - ctx.beginPath(); - ctx.moveTo(v1.x, v1.y); - ctx.lineTo(v2.x, v2.y); - ctx.lineTo(to.x, to.y); - ctx.closePath(); - ctx.fill(); - }, - /* - Method: contains - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - posFrom - (object) An *x*, *y* object with a position. - posTo - (object) An *x*, *y* object with a position. - pos - (object) An *x*, *y* object with the position to check. - epsilon - (number) The dimension of the shape. - - Example: - (start code js) - EdgeHelper.arrow.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': function(posFrom, posTo, pos, epsilon) { - return EdgeHelper.line.contains(posFrom, posTo, pos, epsilon); - } - }, - /* - Object: EdgeHelper.hyperline - */ - 'hyperline': { - /* - Method: render - - Renders a hyperline into the canvas. A hyperline are the lines drawn for the visualization. - - Parameters: - - from - (object) An *x*, *y* object with the starting position of the hyperline. *x* and *y* must belong to [0, 1). - to - (object) An *x*, *y* object with the ending position of the hyperline. *x* and *y* must belong to [0, 1). - r - (number) The scaling factor. - canvas - (object) A instance. - - Example: - (start code js) - EdgeHelper.hyperline.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 100, viz.canvas); - (end code) - */ - 'render': function(from, to, r, canvas){ - var ctx = canvas.getCtx(); - var centerOfCircle = computeArcThroughTwoPoints(from, to); - if (centerOfCircle.a > 1000 || centerOfCircle.b > 1000 - || centerOfCircle.ratio < 0) { - ctx.beginPath(); - ctx.moveTo(from.x * r, from.y * r); - ctx.lineTo(to.x * r, to.y * r); - ctx.stroke(); - } else { - var angleBegin = Math.atan2(to.y - centerOfCircle.y, to.x - - centerOfCircle.x); - var angleEnd = Math.atan2(from.y - centerOfCircle.y, from.x - - centerOfCircle.x); - var sense = sense(angleBegin, angleEnd); - ctx.beginPath(); - ctx.arc(centerOfCircle.x * r, centerOfCircle.y * r, centerOfCircle.ratio - * r, angleBegin, angleEnd, sense); - ctx.stroke(); - } - /* - Calculates the arc parameters through two points. - - More information in - - Parameters: - - p1 - A instance. - p2 - A instance. - scale - The Disk's diameter. - - Returns: - - An object containing some arc properties. - */ - function computeArcThroughTwoPoints(p1, p2){ - var aDen = (p1.x * p2.y - p1.y * p2.x), bDen = aDen; - var sq1 = p1.squaredNorm(), sq2 = p2.squaredNorm(); - // Fall back to a straight line - if (aDen == 0) - return { - x: 0, - y: 0, - ratio: -1 - }; - - var a = (p1.y * sq2 - p2.y * sq1 + p1.y - p2.y) / aDen; - var b = (p2.x * sq1 - p1.x * sq2 + p2.x - p1.x) / bDen; - var x = -a / 2; - var y = -b / 2; - var squaredRatio = (a * a + b * b) / 4 - 1; - // Fall back to a straight line - if (squaredRatio < 0) - return { - x: 0, - y: 0, - ratio: -1 - }; - var ratio = Math.sqrt(squaredRatio); - var out = { - x: x, - y: y, - ratio: ratio > 1000? -1 : ratio, - a: a, - b: b - }; - - return out; - } - /* - Sets angle direction to clockwise (true) or counterclockwise (false). - - Parameters: - - angleBegin - Starting angle for drawing the arc. - angleEnd - The HyperLine will be drawn from angleBegin to angleEnd. - - Returns: - - A Boolean instance describing the sense for drawing the HyperLine. - */ - function sense(angleBegin, angleEnd){ - return (angleBegin < angleEnd)? ((angleBegin + Math.PI > angleEnd)? false - : true) : ((angleEnd + Math.PI > angleBegin)? true : false); - } - }, - /* - Method: contains - - Not Implemented - - Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. - - Parameters: - - posFrom - (object) An *x*, *y* object with a position. - posTo - (object) An *x*, *y* object with a position. - pos - (object) An *x*, *y* object with the position to check. - epsilon - (number) The dimension of the shape. - - Example: - (start code js) - EdgeHelper.hyperline.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); - (end code) - */ - 'contains': $.lambda(false) - } -}; - - -/* - * File: Graph.Plot.js - */ - -/* - Object: Graph.Plot - - rendering and animation methods. - - Properties: - - nodeHelper - object. - edgeHelper - object. -*/ -Graph.Plot = { - //Default intializer - initialize: function(viz, klass){ - this.viz = viz; - this.config = viz.config; - this.node = viz.config.Node; - this.edge = viz.config.Edge; - this.animation = new Animation; - this.nodeTypes = new klass.Plot.NodeTypes; - this.edgeTypes = new klass.Plot.EdgeTypes; - this.labels = viz.labels; - }, - - //Add helpers - nodeHelper: NodeHelper, - edgeHelper: EdgeHelper, - - Interpolator: { - //node/edge property parsers - 'map': { - 'border': 'color', - 'color': 'color', - 'width': 'number', - 'height': 'number', - 'dim': 'number', - 'alpha': 'number', - 'lineWidth': 'number', - 'angularWidth':'number', - 'span':'number', - 'valueArray':'array-number', - 'dimArray':'array-number' - //'colorArray':'array-color' - }, - - //canvas specific parsers - 'canvas': { - 'globalAlpha': 'number', - 'fillStyle': 'color', - 'strokeStyle': 'color', - 'lineWidth': 'number', - 'shadowBlur': 'number', - 'shadowColor': 'color', - 'shadowOffsetX': 'number', - 'shadowOffsetY': 'number', - 'miterLimit': 'number' - }, - - //label parsers - 'label': { - 'size': 'number', - 'color': 'color' - }, - - //Number interpolator - 'compute': function(from, to, delta) { - return from + (to - from) * delta; - }, - - //Position interpolators - 'moebius': function(elem, props, delta, vector) { - var v = vector.scale(-delta); - if(v.norm() < 1) { - var x = v.x, y = v.y; - var ans = elem.startPos - .getc().moebiusTransformation(v); - elem.pos.setc(ans.x, ans.y); - v.x = x; v.y = y; - } - }, - - 'linear': function(elem, props, delta) { - var from = elem.startPos.getc(true); - var to = elem.endPos.getc(true); - elem.pos.setc(this.compute(from.x, to.x, delta), - this.compute(from.y, to.y, delta)); - }, - - 'polar': function(elem, props, delta) { - var from = elem.startPos.getp(true); - var to = elem.endPos.getp(); - var ans = to.interpolate(from, delta); - elem.pos.setp(ans.theta, ans.rho); - }, - - //Graph's Node/Edge interpolators - 'number': function(elem, prop, delta, getter, setter) { - var from = elem[getter](prop, 'start'); - var to = elem[getter](prop, 'end'); - elem[setter](prop, this.compute(from, to, delta)); - }, - - 'color': function(elem, prop, delta, getter, setter) { - var from = $.hexToRgb(elem[getter](prop, 'start')); - var to = $.hexToRgb(elem[getter](prop, 'end')); - var comp = this.compute; - var val = $.rgbToHex([parseInt(comp(from[0], to[0], delta)), - parseInt(comp(from[1], to[1], delta)), - parseInt(comp(from[2], to[2], delta))]); - - elem[setter](prop, val); - }, - - 'array-number': function(elem, prop, delta, getter, setter) { - var from = elem[getter](prop, 'start'), - to = elem[getter](prop, 'end'), - cur = []; - for(var i=0, l=from.length; i, - - */ - prepare: function(modes) { - var graph = this.viz.graph, - accessors = { - 'node-property': { - 'getter': 'getData', - 'setter': 'setData' - }, - 'edge-property': { - 'getter': 'getData', - 'setter': 'setData' - }, - 'node-style': { - 'getter': 'getCanvasStyle', - 'setter': 'setCanvasStyle' - }, - 'edge-style': { - 'getter': 'getCanvasStyle', - 'setter': 'setCanvasStyle' - } - }; - - //parse modes - var m = {}; - if($.type(modes) == 'array') { - for(var i=0, len=modes.length; i < len; i++) { - var elems = modes[i].split(':'); - m[elems.shift()] = elems; - } - } else { - for(var p in modes) { - if(p == 'position') { - m[modes.position] = []; - } else { - m[p] = $.splat(modes[p]); - } - } - } - - graph.eachNode(function(node) { - node.startPos.set(node.pos); - $.each(['node-property', 'node-style'], function(p) { - if(p in m) { - var prop = m[p]; - for(var i=0, l=prop.length; i < l; i++) { - node[accessors[p].setter](prop[i], node[accessors[p].getter](prop[i]), 'start'); - } - } - }); - $.each(['edge-property', 'edge-style'], function(p) { - if(p in m) { - var prop = m[p]; - node.eachAdjacency(function(adj) { - for(var i=0, l=prop.length; i < l; i++) { - adj[accessors[p].setter](prop[i], adj[accessors[p].getter](prop[i]), 'start'); - } - }); - } - }); - }); - return m; - }, - - /* - Method: animate - - Animates a by interpolating some , or properties. - - Parameters: - - opt - (object) Animation options. The object properties are described below - duration - (optional) Described in . - fps - (optional) Described in . - hideLabels - (optional|boolean) Whether to hide labels during the animation. - modes - (required|object) An object with animation modes (described below). - - Animation modes: - - Animation modes are strings representing different node/edge and graph properties that you'd like to animate. - They are represented by an object that has as keys main categories of properties to animate and as values a list - of these specific properties. The properties are described below - - position - Describes the way nodes' positions must be interpolated. Possible values are 'linear', 'polar' or 'moebius'. - node-property - Describes which Node properties will be interpolated. These properties can be any of the ones defined in . - edge-property - Describes which Edge properties will be interpolated. These properties can be any the ones defined in . - label-property - Describes which Label properties will be interpolated. These properties can be any of the ones defined in like color or size. - node-style - Describes which Node Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. - edge-style - Describes which Edge Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. - - Example: - (start code js) - var viz = new $jit.Viz(options); - //...tweak some Data, CanvasStyles or LabelData properties... - viz.fx.animate({ - modes: { - 'position': 'linear', - 'node-property': ['width', 'height'], - 'node-style': 'shadowColor', - 'label-property': 'size' - }, - hideLabels: false - }); - //...can also be written like this... - viz.fx.animate({ - modes: ['linear', - 'node-property:width:height', - 'node-style:shadowColor', - 'label-property:size'], - hideLabels: false - }); - (end code) - */ - animate: function(opt, versor) { - opt = $.merge(this.viz.config, opt || {}); - var that = this, - viz = this.viz, - graph = viz.graph, - interp = this.Interpolator, - animation = opt.type === 'nodefx'? this.nodeFxAnimation : this.animation; - //prepare graph values - var m = this.prepare(opt.modes); - - //animate - if(opt.hideLabels) this.labels.hideLabels(true); - animation.setOptions($.merge(opt, { - $animating: false, - compute: function(delta) { - graph.eachNode(function(node) { - for(var p in m) { - interp[p](node, m[p], delta, versor); - } - }); - that.plot(opt, this.$animating, delta); - this.$animating = true; - }, - complete: function() { - if(opt.hideLabels) that.labels.hideLabels(false); - that.plot(opt); - opt.onComplete(); - opt.onAfterCompute(); - } - })).start(); - }, - - /* - nodeFx - - Apply animation to node properties like color, width, height, dim, etc. - - Parameters: - - options - Animation options. This object properties is described below - elements - The Elements to be transformed. This is an object that has a properties - - (start code js) - 'elements': { - //can also be an array of ids - 'id': 'id-of-node-to-transform', - //properties to be modified. All properties are optional. - 'properties': { - 'color': '#ccc', //some color - 'width': 10, //some width - 'height': 10, //some height - 'dim': 20, //some dim - 'lineWidth': 10 //some line width - } - } - (end code) - - - _reposition_ Whether to recalculate positions and add a motion animation. - This might be used when changing _width_ or _height_ properties in a like layout. Default's *false*. - - - _onComplete_ A method that is called when the animation completes. - - ...and all other options like _duration_, _fps_, _transition_, etc. - - Example: - (start code js) - var rg = new RGraph(canvas, config); //can be also Hypertree or ST - rg.fx.nodeFx({ - 'elements': { - 'id':'mynodeid', - 'properties': { - 'color':'#ccf' - }, - 'transition': Trans.Quart.easeOut - } - }); - (end code) - */ - nodeFx: function(opt) { - var viz = this.viz, - graph = viz.graph, - animation = this.nodeFxAnimation, - options = $.merge(this.viz.config, { - 'elements': { - 'id': false, - 'properties': {} - }, - 'reposition': false - }); - opt = $.merge(options, opt || {}, { - onBeforeCompute: $.empty, - onAfterCompute: $.empty - }); - //check if an animation is running - animation.stopTimer(); - var props = opt.elements.properties; - //set end values for nodes - if(!opt.elements.id) { - graph.eachNode(function(n) { - for(var prop in props) { - n.setData(prop, props[prop], 'end'); - } - }); - } else { - var ids = $.splat(opt.elements.id); - $.each(ids, function(id) { - var n = graph.getNode(id); - if(n) { - for(var prop in props) { - n.setData(prop, props[prop], 'end'); - } - } - }); - } - //get keys - var propnames = []; - for(var prop in props) propnames.push(prop); - //add node properties modes - var modes = ['node-property:' + propnames.join(':')]; - //set new node positions - if(opt.reposition) { - modes.push('linear'); - viz.compute('end'); - } - //animate - this.animate($.merge(opt, { - modes: modes, - type: 'nodefx' - })); - }, - - - /* - Method: plot - - Plots a . - - Parameters: - - opt - (optional) Plotting options. Most of them are described in . - - Example: - - (start code js) - var viz = new $jit.Viz(options); - viz.fx.plot(); - (end code) - - */ - plot: function(opt, animating) { - var viz = this.viz, - aGraph = viz.graph, - canvas = viz.canvas, - id = viz.root, - that = this, - ctx = canvas.getCtx(), - min = Math.min, - opt = opt || this.viz.controller; - opt.clearCanvas && canvas.clear(); - - var root = aGraph.getNode(id); - if(!root) return; - - var T = !!root.visited; - aGraph.eachNode(function(node) { - var nodeAlpha = node.getData('alpha'); - node.eachAdjacency(function(adj) { - var nodeTo = adj.nodeTo; - if(!!nodeTo.visited === T && node.drawn && nodeTo.drawn) { - !animating && opt.onBeforePlotLine(adj); - ctx.save(); - ctx.globalAlpha = min(nodeAlpha, - nodeTo.getData('alpha'), - adj.getData('alpha')); - that.plotLine(adj, canvas, animating); - ctx.restore(); - !animating && opt.onAfterPlotLine(adj); - } - }); - ctx.save(); - if(node.drawn) { - !animating && opt.onBeforePlotNode(node); - that.plotNode(node, canvas, animating); - !animating && opt.onAfterPlotNode(node); - } - if(!that.labelsHidden && opt.withLabels) { - if(node.drawn && nodeAlpha >= 0.95) { - that.labels.plotLabel(canvas, node, opt); - } else { - that.labels.hideLabel(node, false); - } - } - ctx.restore(); - node.visited = !T; - }); - }, - - /* - Plots a Subtree. - */ - plotTree: function(node, opt, animating) { - var that = this, - viz = this.viz, - canvas = viz.canvas, - config = this.config, - ctx = canvas.getCtx(); - var nodeAlpha = node.getData('alpha'); - node.eachSubnode(function(elem) { - if(opt.plotSubtree(node, elem) && elem.exist && elem.drawn) { - var adj = node.getAdjacency(elem.id); - !animating && opt.onBeforePlotLine(adj); - ctx.globalAlpha = Math.min(nodeAlpha, elem.getData('alpha')); - that.plotLine(adj, canvas, animating); - !animating && opt.onAfterPlotLine(adj); - that.plotTree(elem, opt, animating); - } - }); - if(node.drawn) { - !animating && opt.onBeforePlotNode(node); - this.plotNode(node, canvas, animating); - !animating && opt.onAfterPlotNode(node); - if(!opt.hideLabels && opt.withLabels && nodeAlpha >= 0.95) - this.labels.plotLabel(canvas, node, opt); - else - this.labels.hideLabel(node, false); - } else { - this.labels.hideLabel(node, true); - } - }, - - /* - Method: plotNode - - Plots a . - - Parameters: - - node - (object) A . - canvas - (object) A element. - - */ - plotNode: function(node, canvas, animating) { - var f = node.getData('type'), - ctxObj = this.node.CanvasStyles; - if(f != 'none') { - var width = node.getData('lineWidth'), - color = node.getData('color'), - alpha = node.getData('alpha'), - ctx = canvas.getCtx(); - - ctx.lineWidth = width; - ctx.fillStyle = ctx.strokeStyle = color; - ctx.globalAlpha = alpha; - - for(var s in ctxObj) { - ctx[s] = node.getCanvasStyle(s); - } - - this.nodeTypes[f].render.call(this, node, canvas, animating); - } - }, - - /* - Method: plotLine - - Plots a . - - Parameters: - - adj - (object) A . - canvas - (object) A instance. - - */ - plotLine: function(adj, canvas, animating) { - var f = adj.getData('type'), - ctxObj = this.edge.CanvasStyles; - if(f != 'none') { - var width = adj.getData('lineWidth'), - color = adj.getData('color'), - ctx = canvas.getCtx(); - - ctx.lineWidth = width; - ctx.fillStyle = ctx.strokeStyle = color; - - for(var s in ctxObj) { - ctx[s] = adj.getCanvasStyle(s); - } - - this.edgeTypes[f].render.call(this, adj, canvas, animating); - } - } - -}; - - - -/* - * File: Graph.Label.js - * -*/ - -/* - Object: Graph.Label - - An interface for plotting/hiding/showing labels. - - Description: - - This is a generic interface for plotting/hiding/showing labels. - The interface is implemented in multiple ways to provide - different label types. - - For example, the Graph.Label interface is implemented as to provide - HTML label elements. Also we provide the interface for SVG type labels. - The interface implements these methods with the native Canvas text rendering functions. - - All subclasses (, and ) implement the method plotLabel. -*/ - -Graph.Label = {}; - -/* - Class: Graph.Label.Native - - Implements labels natively, using the Canvas text API. -*/ -Graph.Label.Native = new Class({ - /* - Method: plotLabel - - Plots a label for a given node. - - Parameters: - - canvas - (object) A instance. - node - (object) A . - controller - (object) A configuration object. - - Example: - - (start code js) - var viz = new $jit.Viz(options); - var node = viz.graph.getNode('nodeId'); - viz.labels.plotLabel(viz.canvas, node, viz.config); - (end code) - */ - plotLabel: function(canvas, node, controller) { - var ctx = canvas.getCtx(); - var pos = node.pos.getc(true); - - ctx.font = node.getLabelData('style') + ' ' + node.getLabelData('size') + 'px ' + node.getLabelData('family'); - ctx.textAlign = node.getLabelData('textAlign'); - ctx.fillStyle = ctx.strokeStyle = node.getLabelData('color'); - ctx.textBaseline = node.getLabelData('textBaseline'); - - this.renderLabel(canvas, node, controller); - }, - - /* - renderLabel - - Does the actual rendering of the label in the canvas. The default - implementation renders the label close to the position of the node, this - method should be overriden to position the labels differently. - - Parameters: - - canvas - A instance. - node - A . - controller - A configuration object. See also , , . - */ - renderLabel: function(canvas, node, controller) { - var ctx = canvas.getCtx(); - var pos = node.pos.getc(true); - ctx.fillText(node.name, pos.x, pos.y + node.getData("height") / 2); - }, - - hideLabel: $.empty, - hideLabels: $.empty -}); - -/* - Class: Graph.Label.DOM - - Abstract Class implementing some DOM label methods. - - Implemented by: - - and . - -*/ -Graph.Label.DOM = new Class({ - //A flag value indicating if node labels are being displayed or not. - labelsHidden: false, - //Label container - labelContainer: false, - //Label elements hash. - labels: {}, - - /* - Method: getLabelContainer - - Lazy fetcher for the label container. - - Returns: - - The label container DOM element. - - Example: - - (start code js) - var viz = new $jit.Viz(options); - var labelContainer = viz.labels.getLabelContainer(); - alert(labelContainer.innerHTML); - (end code) - */ - getLabelContainer: function() { - return this.labelContainer ? - this.labelContainer : - this.labelContainer = document.getElementById(this.viz.config.labelContainer); - }, - - /* - Method: getLabel - - Lazy fetcher for the label element. - - Parameters: - - id - (string) The label id (which is also a id). - - Returns: - - The label element. - - Example: - - (start code js) - var viz = new $jit.Viz(options); - var label = viz.labels.getLabel('someid'); - alert(label.innerHTML); - (end code) - - */ - getLabel: function(id) { - return (id in this.labels && this.labels[id] != null) ? - this.labels[id] : - this.labels[id] = document.getElementById(id); - }, - - /* - Method: hideLabels - - Hides all labels (by hiding the label container). - - Parameters: - - hide - (boolean) A boolean value indicating if the label container must be hidden or not. - - Example: - (start code js) - var viz = new $jit.Viz(options); - rg.labels.hideLabels(true); - (end code) - - */ - hideLabels: function (hide) { - var container = this.getLabelContainer(); - if(hide) - container.style.display = 'none'; - else - container.style.display = ''; - this.labelsHidden = hide; - }, - - /* - Method: clearLabels - - Clears the label container. - - Useful when using a new visualization with the same canvas element/widget. - - Parameters: - - force - (boolean) Forces deletion of all labels. - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.labels.clearLabels(); - (end code) - */ - clearLabels: function(force) { - for(var id in this.labels) { - if (force || !this.viz.graph.hasNode(id)) { - this.disposeLabel(id); - delete this.labels[id]; - } - } - }, - - /* - Method: disposeLabel - - Removes a label. - - Parameters: - - id - (string) A label id (which generally is also a id). - - Example: - (start code js) - var viz = new $jit.Viz(options); - viz.labels.disposeLabel('labelid'); - (end code) - */ - disposeLabel: function(id) { - var elem = this.getLabel(id); - if(elem && elem.parentNode) { - elem.parentNode.removeChild(elem); - } - }, - - /* - Method: hideLabel - - Hides the corresponding label. - - Parameters: - - node - (object) A . Can also be an array of . - show - (boolean) If *true*, nodes will be shown. Otherwise nodes will be hidden. - - Example: - (start code js) - var rg = new $jit.Viz(options); - viz.labels.hideLabel(viz.graph.getNode('someid'), false); - (end code) - */ - hideLabel: function(node, show) { - node = $.splat(node); - var st = show ? "" : "none", lab, that = this; - $.each(node, function(n) { - var lab = that.getLabel(n.id); - if (lab) { - lab.style.display = st; - } - }); - }, - - /* - fitsInCanvas - - Returns _true_ or _false_ if the label for the node is contained in the canvas dom element or not. - - Parameters: - - pos - A instance (I'm doing duck typing here so any object with _x_ and _y_ parameters will do). - canvas - A instance. - - Returns: - - A boolean value specifying if the label is contained in the DOM element or not. - - */ - fitsInCanvas: function(pos, canvas) { - var size = canvas.getSize(); - if(pos.x >= size.width || pos.x < 0 - || pos.y >= size.height || pos.y < 0) return false; - return true; - } -}); - -/* - Class: Graph.Label.HTML - - Implements HTML labels. - - Extends: - - All methods. - -*/ -Graph.Label.HTML = new Class({ - Implements: Graph.Label.DOM, - - /* - Method: plotLabel - - Plots a label for a given node. - - Parameters: - - canvas - (object) A instance. - node - (object) A . - controller - (object) A configuration object. - - Example: - - (start code js) - var viz = new $jit.Viz(options); - var node = viz.graph.getNode('nodeId'); - viz.labels.plotLabel(viz.canvas, node, viz.config); - (end code) - - - */ - plotLabel: function(canvas, node, controller) { - var id = node.id, tag = this.getLabel(id); - - if(!tag && !(tag = document.getElementById(id))) { - tag = document.createElement('div'); - var container = this.getLabelContainer(); - tag.id = id; - tag.className = 'node'; - tag.style.position = 'absolute'; - controller.onCreateLabel(tag, node); - container.appendChild(tag); - this.labels[node.id] = tag; - } - - this.placeLabel(tag, node, controller); - } -}); - -/* - Class: Graph.Label.SVG - - Implements SVG labels. - - Extends: - - All methods. -*/ -Graph.Label.SVG = new Class({ - Implements: Graph.Label.DOM, - - /* - Method: plotLabel - - Plots a label for a given node. - - Parameters: - - canvas - (object) A instance. - node - (object) A . - controller - (object) A configuration object. - - Example: - - (start code js) - var viz = new $jit.Viz(options); - var node = viz.graph.getNode('nodeId'); - viz.labels.plotLabel(viz.canvas, node, viz.config); - (end code) - - - */ - plotLabel: function(canvas, node, controller) { - var id = node.id, tag = this.getLabel(id); - if(!tag && !(tag = document.getElementById(id))) { - var ns = 'http://www.w3.org/2000/svg'; - tag = document.createElementNS(ns, 'svg:text'); - var tspan = document.createElementNS(ns, 'svg:tspan'); - tag.appendChild(tspan); - var container = this.getLabelContainer(); - tag.setAttribute('id', id); - tag.setAttribute('class', 'node'); - container.appendChild(tag); - controller.onCreateLabel(tag, node); - this.labels[node.id] = tag; - } - this.placeLabel(tag, node, controller); - } -}); - - - -Graph.Geom = new Class({ - - initialize: function(viz) { - this.viz = viz; - this.config = viz.config; - this.node = viz.config.Node; - this.edge = viz.config.Edge; - }, - /* - Applies a translation to the tree. - - Parameters: - - pos - A number specifying translation vector. - prop - A position property ('pos', 'start' or 'end'). - - Example: - - (start code js) - st.geom.translate(new Complex(300, 100), 'end'); - (end code) - */ - translate: function(pos, prop) { - prop = $.splat(prop); - this.viz.graph.eachNode(function(elem) { - $.each(prop, function(p) { elem.getPos(p).$add(pos); }); - }); - }, - /* - Hides levels of the tree until it properly fits in canvas. - */ - setRightLevelToShow: function(node, canvas, callback) { - var level = this.getRightLevelToShow(node, canvas), - fx = this.viz.labels, - opt = $.merge({ - execShow:true, - execHide:true, - onHide: $.empty, - onShow: $.empty - }, callback || {}); - node.eachLevel(0, this.config.levelsToShow, function(n) { - var d = n._depth - node._depth; - if(d > level) { - opt.onHide(n); - if(opt.execHide) { - n.drawn = false; - n.exist = false; - fx.hideLabel(n, false); - } - } else { - opt.onShow(n); - if(opt.execShow) { - n.exist = true; - } - } - }); - node.drawn= true; - }, - /* - Returns the right level to show for the current tree in order to fit in canvas. - */ - getRightLevelToShow: function(node, canvas) { - var config = this.config; - var level = config.levelsToShow; - var constrained = config.constrained; - if(!constrained) return level; - while(!this.treeFitsInCanvas(node, canvas, level) && level > 1) { level-- ; } - return level; - } -}); - -/* - * File: Loader.js - * - */ - -/* - Object: Loader - - Provides methods for loading and serving JSON data. -*/ -var Loader = { - construct: function(json) { - var isGraph = ($.type(json) == 'array'); - var ans = new Graph(this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); - if(!isGraph) - //make tree - (function (ans, json) { - ans.addNode(json); - if(json.children) { - for(var i=0, ch = json.children; i will override the general value for that option with that particular value. For this to work - however, you do have to set *overridable = true* in . - - The same thing is true for JSON adjacencies. Dollar prefixed data properties will alter values set in - if has *overridable = true*. - - When loading JSON data into TreeMaps, the *data* property must contain a value for the *$area* key, - since this is the value which will be taken into account when creating the layout. - The same thing goes for the *$color* parameter. - - In JSON Nodes you can use also *$label-* prefixed properties to refer to properties. For example, - *$label-size* will refer to size property. Also, in JSON nodes and adjacencies you can set - canvas specific properties individually by using the *$canvas-* prefix. For example, *$canvas-shadowBlur* will refer - to the *shadowBlur* property. - - These properties can also be accessed after loading the JSON data from and - by using . For more information take a look at the and documentation. - - Finally, these properties can also be used to create advanced animations like with . For more - information about creating animations please take a look at the and documentation. - - loadJSON Parameters: - - json - A JSON Tree or Graph structure. - i - For Graph structures only. Sets the indexed node as root for the visualization. - - */ - loadJSON: function(json, i) { - this.json = json; - //if they're canvas labels erase them. - if(this.labels && this.labels.clearLabels) { - this.labels.clearLabels(true); - } - this.graph = this.construct(json); - if($.type(json) != 'array'){ - this.root = json.id; - } else { - this.root = json[i? i : 0].id; - } - }, - - /* - Method: toJSON - - Returns a JSON tree/graph structure from the visualization's . - See for the graph formats available. - - See also: - - - - Parameters: - - type - (string) Default's "tree". The type of the JSON structure to be returned. - Possible options are "tree" or "graph". - */ - toJSON: function(type) { - type = type || "tree"; - if(type == 'tree') { - var ans = {}; - var rootNode = this.graph.getNode(this.root); - var ans = (function recTree(node) { - var ans = {}; - ans.id = node.id; - ans.name = node.name; - ans.data = node.data; - var ch =[]; - node.eachSubnode(function(n) { - ch.push(recTree(n)); - }); - ans.children = ch; - return ans; - })(rootNode); - return ans; - } else { - var ans = []; - var T = !!this.graph.getNode(this.root).visited; - this.graph.eachNode(function(node) { - var ansNode = {}; - ansNode.id = node.id; - ansNode.name = node.name; - ansNode.data = node.data; - var adjs = []; - node.eachAdjacency(function(adj) { - var nodeTo = adj.nodeTo; - if(!!nodeTo.visited === T) { - var ansAdj = {}; - ansAdj.nodeTo = nodeTo.id; - ansAdj.data = adj.data; - adjs.push(ansAdj); - } - }); - ansNode.adjacencies = adjs; - ans.push(ansNode); - node.visited = !T; - }); - return ans; - } - } -}; - - - -/* - * File: Layouts.js - * - * Implements base Tree and Graph layouts. - * - * Description: - * - * Implements base Tree and Graph layouts like Radial, Tree, etc. - * - */ - -/* - * Object: Layouts - * - * Parent object for common layouts. - * - */ -var Layouts = $jit.Layouts = {}; - - -//Some util shared layout functions are defined here. -var NodeDim = { - label: null, - - compute: function(graph, prop, opt) { - this.initializeLabel(opt); - var label = this.label, style = label.style; - graph.eachNode(function(n) { - var autoWidth = n.getData('autoWidth'), - autoHeight = n.getData('autoHeight'); - if(autoWidth || autoHeight) { - //delete dimensions since these are - //going to be overridden now. - delete n.data.$width; - delete n.data.$height; - delete n.data.$dim; - - var width = n.getData('width'), - height = n.getData('height'); - //reset label dimensions - style.width = autoWidth? 'auto' : width + 'px'; - style.height = autoHeight? 'auto' : height + 'px'; - - //TODO(nico) should let the user choose what to insert here. - label.innerHTML = n.name; - - var offsetWidth = label.offsetWidth, - offsetHeight = label.offsetHeight; - var type = n.getData('type'); - if($.indexOf(['circle', 'square', 'triangle', 'star'], type) === -1) { - n.setData('width', offsetWidth); - n.setData('height', offsetHeight); - } else { - var dim = offsetWidth > offsetHeight? offsetWidth : offsetHeight; - n.setData('width', dim); - n.setData('height', dim); - n.setData('dim', dim); - } - } - }); - }, - - initializeLabel: function(opt) { - if(!this.label) { - this.label = document.createElement('div'); - document.body.appendChild(this.label); - } - this.setLabelStyles(opt); - }, - - setLabelStyles: function(opt) { - $.extend(this.label.style, { - 'visibility': 'hidden', - 'position': 'absolute', - 'width': 'auto', - 'height': 'auto' - }); - this.label.className = 'jit-autoadjust-label'; - } -}; - - -/* - * Class: Layouts.Tree - * - * Implements a Tree Layout. - * - * Implemented By: - * - * - * - * Inspired by: - * - * Drawing Trees (Andrew J. Kennedy) - * - */ -Layouts.Tree = (function() { - //Layout functions - var slice = Array.prototype.slice; - - /* - Calculates the max width and height nodes for a tree level - */ - function getBoundaries(graph, config, level, orn, prop) { - var dim = config.Node; - var multitree = config.multitree; - if (dim.overridable) { - var w = -1, h = -1; - graph.eachNode(function(n) { - if (n._depth == level - && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { - var dw = n.getData('width', prop); - var dh = n.getData('height', prop); - w = (w < dw) ? dw : w; - h = (h < dh) ? dh : h; - } - }); - return { - 'width' : w < 0 ? dim.width : w, - 'height' : h < 0 ? dim.height : h - }; - } else { - return dim; - } - } - - - function movetree(node, prop, val, orn) { - var p = (orn == "left" || orn == "right") ? "y" : "x"; - node.getPos(prop)[p] += val; - } - - - function moveextent(extent, val) { - var ans = []; - $.each(extent, function(elem) { - elem = slice.call(elem); - elem[0] += val; - elem[1] += val; - ans.push(elem); - }); - return ans; - } - - - function merge(ps, qs) { - if (ps.length == 0) - return qs; - if (qs.length == 0) - return ps; - var p = ps.shift(), q = qs.shift(); - return [ [ p[0], q[1] ] ].concat(merge(ps, qs)); - } - - - function mergelist(ls, def) { - def = def || []; - if (ls.length == 0) - return def; - var ps = ls.pop(); - return mergelist(ls, merge(ps, def)); - } - - - function fit(ext1, ext2, subtreeOffset, siblingOffset, i) { - if (ext1.length <= i || ext2.length <= i) - return 0; - - var p = ext1[i][1], q = ext2[i][0]; - return Math.max(fit(ext1, ext2, subtreeOffset, siblingOffset, ++i) - + subtreeOffset, p - q + siblingOffset); - } - - - function fitlistl(es, subtreeOffset, siblingOffset) { - function $fitlistl(acc, es, i) { - if (es.length <= i) - return []; - var e = es[i], ans = fit(acc, e, subtreeOffset, siblingOffset, 0); - return [ ans ].concat($fitlistl(merge(acc, moveextent(e, ans)), es, ++i)); - } - ; - return $fitlistl( [], es, 0); - } - - - function fitlistr(es, subtreeOffset, siblingOffset) { - function $fitlistr(acc, es, i) { - if (es.length <= i) - return []; - var e = es[i], ans = -fit(e, acc, subtreeOffset, siblingOffset, 0); - return [ ans ].concat($fitlistr(merge(moveextent(e, ans), acc), es, ++i)); - } - ; - es = slice.call(es); - var ans = $fitlistr( [], es.reverse(), 0); - return ans.reverse(); - } - - - function fitlist(es, subtreeOffset, siblingOffset, align) { - var esl = fitlistl(es, subtreeOffset, siblingOffset), esr = fitlistr(es, - subtreeOffset, siblingOffset); - - if (align == "left") - esr = esl; - else if (align == "right") - esl = esr; - - for ( var i = 0, ans = []; i < esl.length; i++) { - ans[i] = (esl[i] + esr[i]) / 2; - } - return ans; - } - - - function design(graph, node, prop, config, orn) { - var multitree = config.multitree; - var auxp = [ 'x', 'y' ], auxs = [ 'width', 'height' ]; - var ind = +(orn == "left" || orn == "right"); - var p = auxp[ind], notp = auxp[1 - ind]; - - var cnode = config.Node; - var s = auxs[ind], nots = auxs[1 - ind]; - - var siblingOffset = config.siblingOffset; - var subtreeOffset = config.subtreeOffset; - var align = config.align; - - function $design(node, maxsize, acum) { - var sval = node.getData(s, prop); - var notsval = maxsize - || (node.getData(nots, prop)); - - var trees = [], extents = [], chmaxsize = false; - var chacum = notsval + config.levelDistance; - node.eachSubnode(function(n) { - if (n.exist - && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { - - if (!chmaxsize) - chmaxsize = getBoundaries(graph, config, n._depth, orn, prop); - - var s = $design(n, chmaxsize[nots], acum + chacum); - trees.push(s.tree); - extents.push(s.extent); - } - }); - var positions = fitlist(extents, subtreeOffset, siblingOffset, align); - for ( var i = 0, ptrees = [], pextents = []; i < trees.length; i++) { - movetree(trees[i], prop, positions[i], orn); - pextents.push(moveextent(extents[i], positions[i])); - } - var resultextent = [ [ -sval / 2, sval / 2 ] ] - .concat(mergelist(pextents)); - node.getPos(prop)[p] = 0; - - if (orn == "top" || orn == "left") { - node.getPos(prop)[notp] = acum; - } else { - node.getPos(prop)[notp] = -acum; - } - - return { - tree : node, - extent : resultextent - }; - } - - $design(node, false, 0); - } - - - return new Class({ - /* - Method: compute - - Computes nodes' positions. - - */ - compute : function(property, computeLevels) { - var prop = property || 'start'; - var node = this.graph.getNode(this.root); - $.extend(node, { - 'drawn' : true, - 'exist' : true, - 'selected' : true - }); - NodeDim.compute(this.graph, prop, this.config); - if (!!computeLevels || !("_depth" in node)) { - this.graph.computeLevels(this.root, 0, "ignore"); - } - - this.computePositions(node, prop); - }, - - computePositions : function(node, prop) { - var config = this.config; - var multitree = config.multitree; - var align = config.align; - var indent = align !== 'center' && config.indent; - var orn = config.orientation; - var orns = multitree ? [ 'top', 'right', 'bottom', 'left' ] : [ orn ]; - var that = this; - $.each(orns, function(orn) { - //calculate layout - design(that.graph, node, prop, that.config, orn, prop); - var i = [ 'x', 'y' ][+(orn == "left" || orn == "right")]; - //absolutize - (function red(node) { - node.eachSubnode(function(n) { - if (n.exist - && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { - - n.getPos(prop)[i] += node.getPos(prop)[i]; - if (indent) { - n.getPos(prop)[i] += align == 'left' ? indent : -indent; - } - red(n); - } - }); - })(node); - }); - } - }); - -})(); - -/* - * File: Spacetree.js - */ - -/* - Class: ST - - A Tree layout with advanced contraction and expansion animations. - - Inspired by: - - SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation (Catherine Plaisant, Jesse Grosjean, Benjamin B. Bederson) - - - Drawing Trees (Andrew J. Kennedy) - - Note: - - This visualization was built and engineered from scratch, taking only the papers as inspiration, and only shares some features with the visualization described in those papers. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - constrained - (boolean) Default's *true*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. - levelsToShow - (number) Default's *2*. The number of levels to show for a subtree. This number is relative to the selected node. - levelDistance - (number) Default's *30*. The distance between two consecutive levels of the tree. - Node.type - Described in . Default's set to *rectangle*. - offsetX - (number) Default's *0*. The x-offset distance from the selected node to the center of the canvas. - offsetY - (number) Default's *0*. The y-offset distance from the selected node to the center of the canvas. - duration - Described in . It's default value has been changed to *700*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - - */ - -$jit.ST= (function() { - // Define some private methods first... - // Nodes in path - var nodesInPath = []; - // Nodes to contract - function getNodesToHide(node) { - node = node || this.clickedNode; - if(!this.config.constrained) { - return []; - } - var Geom = this.geom; - var graph = this.graph; - var canvas = this.canvas; - var level = node._depth, nodeArray = []; - graph.eachNode(function(n) { - if(n.exist && !n.selected) { - if(n.isDescendantOf(node.id)) { - if(n._depth <= level) nodeArray.push(n); - } else { - nodeArray.push(n); - } - } - }); - var leafLevel = Geom.getRightLevelToShow(node, canvas); - node.eachLevel(leafLevel, leafLevel, function(n) { - if(n.exist && !n.selected) nodeArray.push(n); - }); - - for (var i = 0; i < nodesInPath.length; i++) { - var n = this.graph.getNode(nodesInPath[i]); - if(!n.isDescendantOf(node.id)) { - nodeArray.push(n); - } - } - return nodeArray; - }; - // Nodes to expand - function getNodesToShow(node) { - var nodeArray = [], config = this.config; - node = node || this.clickedNode; - this.clickedNode.eachLevel(0, config.levelsToShow, function(n) { - if(config.multitree && !('$orn' in n.data) - && n.anySubnode(function(ch){ return ch.exist && !ch.drawn; })) { - nodeArray.push(n); - } else if(n.drawn && !n.anySubnode("drawn")) { - nodeArray.push(n); - } - }); - return nodeArray; - }; - // Now define the actual class. - return new Class({ - - Implements: [Loader, Extras, Layouts.Tree], - - initialize: function(controller) { - var $ST = $jit.ST; - - var config= { - levelsToShow: 2, - levelDistance: 30, - constrained: true, - Node: { - type: 'rectangle' - }, - duration: 700, - offsetX: 0, - offsetY: 0 - }; - - this.controller = this.config = $.merge( - Options("Canvas", "Fx", "Tree", "Node", "Edge", "Controller", - "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); - - var canvasConfig = this.config; - if(canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': true - }; - this.graph = new Graph(this.graphOptions, this.config.Node, this.config.Edge); - this.labels = new $ST.Label[canvasConfig.Label.type](this); - this.fx = new $ST.Plot(this, $ST); - this.op = new $ST.Op(this); - this.group = new $ST.Group(this); - this.geom = new $ST.Geom(this); - this.clickedNode= null; - // initialize extras - this.initializeExtras(); - }, - - /* - Method: plot - - Plots the . This is a shortcut to *fx.plot*. - - */ - plot: function() { this.fx.plot(this.controller); }, - - - /* - Method: switchPosition - - Switches the tree orientation. - - Parameters: - - pos - (string) The new tree orientation. Possible values are "top", "left", "right" and "bottom". - method - (string) Set this to "animate" if you want to animate the tree when switching its position. You can also set this parameter to "replot" to just replot the subtree. - onComplete - (optional|object) This callback is called once the "switching" animation is complete. - - Example: - - (start code js) - st.switchPosition("right", "animate", { - onComplete: function() { - alert('completed!'); - } - }); - (end code) - */ - switchPosition: function(pos, method, onComplete) { - var Geom = this.geom, Plot = this.fx, that = this; - if(!Plot.busy) { - Plot.busy = true; - this.contract({ - onComplete: function() { - Geom.switchOrientation(pos); - that.compute('end', false); - Plot.busy = false; - if(method == 'animate') { - that.onClick(that.clickedNode.id, onComplete); - } else if(method == 'replot') { - that.select(that.clickedNode.id, onComplete); - } - } - }, pos); - } - }, - - /* - Method: switchAlignment - - Switches the tree alignment. - - Parameters: - - align - (string) The new tree alignment. Possible values are "left", "center" and "right". - method - (string) Set this to "animate" if you want to animate the tree after aligning its position. You can also set this parameter to "replot" to just replot the subtree. - onComplete - (optional|object) This callback is called once the "switching" animation is complete. - - Example: - - (start code js) - st.switchAlignment("right", "animate", { - onComplete: function() { - alert('completed!'); - } - }); - (end code) - */ - switchAlignment: function(align, method, onComplete) { - this.config.align = align; - if(method == 'animate') { - this.select(this.clickedNode.id, onComplete); - } else if(method == 'replot') { - this.onClick(this.clickedNode.id, onComplete); - } - }, - - /* - Method: addNodeInPath - - Adds a node to the current path as selected node. The selected node will be visible (as in non-collapsed) at all times. - - - Parameters: - - id - (string) A id. - - Example: - - (start code js) - st.addNodeInPath("nodeId"); - (end code) - */ - addNodeInPath: function(id) { - nodesInPath.push(id); - this.select((this.clickedNode && this.clickedNode.id) || this.root); - }, - - /* - Method: clearNodesInPath - - Removes all nodes tagged as selected by the method. - - See also: - - - - Example: - - (start code js) - st.clearNodesInPath(); - (end code) - */ - clearNodesInPath: function(id) { - nodesInPath.length = 0; - this.select((this.clickedNode && this.clickedNode.id) || this.root); - }, - - /* - Method: refresh - - Computes positions and plots the tree. - - */ - refresh: function() { - this.reposition(); - this.select((this.clickedNode && this.clickedNode.id) || this.root); - }, - - reposition: function() { - this.graph.computeLevels(this.root, 0, "ignore"); - this.geom.setRightLevelToShow(this.clickedNode, this.canvas); - this.graph.eachNode(function(n) { - if(n.exist) n.drawn = true; - }); - this.compute('end'); - }, - - requestNodes: function(node, onComplete) { - var handler = $.merge(this.controller, onComplete), - lev = this.config.levelsToShow; - if(handler.request) { - var leaves = [], d = node._depth; - node.eachLevel(0, lev, function(n) { - if(n.drawn && - !n.anySubnode()) { - leaves.push(n); - n._level = lev - (n._depth - d); - } - }); - this.group.requestNodes(leaves, handler); - } - else - handler.onComplete(); - }, - - contract: function(onComplete, switched) { - var orn = this.config.orientation; - var Geom = this.geom, Group = this.group; - if(switched) Geom.switchOrientation(switched); - var nodes = getNodesToHide.call(this); - if(switched) Geom.switchOrientation(orn); - Group.contract(nodes, $.merge(this.controller, onComplete)); - }, - - move: function(node, onComplete) { - this.compute('end', false); - var move = onComplete.Move, offset = { - 'x': move.offsetX, - 'y': move.offsetY - }; - if(move.enable) { - this.geom.translate(node.endPos.add(offset).$scale(-1), "end"); - } - this.fx.animate($.merge(this.controller, { modes: ['linear'] }, onComplete)); - }, - - expand: function (node, onComplete) { - var nodeArray = getNodesToShow.call(this, node); - this.group.expand(nodeArray, $.merge(this.controller, onComplete)); - }, - - selectPath: function(node) { - var that = this; - this.graph.eachNode(function(n) { n.selected = false; }); - function path(node) { - if(node == null || node.selected) return; - node.selected = true; - $.each(that.group.getSiblings([node])[node.id], - function(n) { - n.exist = true; - n.drawn = true; - }); - var parents = node.getParents(); - parents = (parents.length > 0)? parents[0] : null; - path(parents); - }; - for(var i=0, ns = [node.id].concat(nodesInPath); i < ns.length; i++) { - path(this.graph.getNode(ns[i])); - } - }, - - /* - Method: setRoot - - Switches the current root node. Changes the topology of the Tree. - - Parameters: - id - (string) The id of the node to be set as root. - method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. - onComplete - (optional|object) An action to perform after the animation (if any). - - Example: - - (start code js) - st.setRoot('nodeId', 'animate', { - onComplete: function() { - alert('complete!'); - } - }); - (end code) - */ - setRoot: function(id, method, onComplete) { - if(this.busy) return; - this.busy = true; - var that = this, canvas = this.canvas; - var rootNode = this.graph.getNode(this.root); - var clickedNode = this.graph.getNode(id); - function $setRoot() { - if(this.config.multitree && clickedNode.data.$orn) { - var orn = clickedNode.data.$orn; - var opp = { - 'left': 'right', - 'right': 'left', - 'top': 'bottom', - 'bottom': 'top' - }[orn]; - rootNode.data.$orn = opp; - (function tag(rootNode) { - rootNode.eachSubnode(function(n) { - if(n.id != id) { - n.data.$orn = opp; - tag(n); - } - }); - })(rootNode); - delete clickedNode.data.$orn; - } - this.root = id; - this.clickedNode = clickedNode; - this.graph.computeLevels(this.root, 0, "ignore"); - this.geom.setRightLevelToShow(clickedNode, canvas, { - execHide: false, - onShow: function(node) { - if(!node.drawn) { - node.drawn = true; - node.setData('alpha', 1, 'end'); - node.setData('alpha', 0); - node.pos.setc(clickedNode.pos.x, clickedNode.pos.y); - } - } - }); - this.compute('end'); - this.busy = true; - this.fx.animate({ - modes: ['linear', 'node-property:alpha'], - onComplete: function() { - that.busy = false; - that.onClick(id, { - onComplete: function() { - onComplete && onComplete.onComplete(); - } - }); - } - }); - } - - // delete previous orientations (if any) - delete rootNode.data.$orns; - - if(method == 'animate') { - $setRoot.call(this); - that.selectPath(clickedNode); - } else if(method == 'replot') { - $setRoot.call(this); - this.select(this.root); - } - }, - - /* - Method: addSubtree - - Adds a subtree. - - Parameters: - subtree - (object) A JSON Tree object. See also . - method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. - onComplete - (optional|object) An action to perform after the animation (if any). - - Example: - - (start code js) - st.addSubtree(json, 'animate', { - onComplete: function() { - alert('complete!'); - } - }); - (end code) - */ - addSubtree: function(subtree, method, onComplete) { - if(method == 'replot') { - this.op.sum(subtree, $.extend({ type: 'replot' }, onComplete || {})); - } else if (method == 'animate') { - this.op.sum(subtree, $.extend({ type: 'fade:seq' }, onComplete || {})); - } - }, - - /* - Method: removeSubtree - - Removes a subtree. - - Parameters: - id - (string) The _id_ of the subtree to be removed. - removeRoot - (boolean) Default's *false*. Remove the root of the subtree or only its subnodes. - method - (string) Set this to "animate" if you want to animate the tree after removing the subtree. You can also set this parameter to "replot" to just replot the subtree. - onComplete - (optional|object) An action to perform after the animation (if any). - - Example: - - (start code js) - st.removeSubtree('idOfSubtreeToBeRemoved', false, 'animate', { - onComplete: function() { - alert('complete!'); - } - }); - (end code) - - */ - removeSubtree: function(id, removeRoot, method, onComplete) { - var node = this.graph.getNode(id), subids = []; - node.eachLevel(+!removeRoot, false, function(n) { - subids.push(n.id); - }); - if(method == 'replot') { - this.op.removeNode(subids, $.extend({ type: 'replot' }, onComplete || {})); - } else if (method == 'animate') { - this.op.removeNode(subids, $.extend({ type: 'fade:seq'}, onComplete || {})); - } - }, - - /* - Method: select - - Selects a node in the without performing an animation. Useful when selecting - nodes which are currently hidden or deep inside the tree. - - Parameters: - id - (string) The id of the node to select. - onComplete - (optional|object) an onComplete callback. - - Example: - (start code js) - st.select('mynodeid', { - onComplete: function() { - alert('complete!'); - } - }); - (end code) - */ - select: function(id, onComplete) { - var group = this.group, geom = this.geom; - var node= this.graph.getNode(id), canvas = this.canvas; - var root = this.graph.getNode(this.root); - var complete = $.merge(this.controller, onComplete); - var that = this; - - complete.onBeforeCompute(node); - this.selectPath(node); - this.clickedNode= node; - this.requestNodes(node, { - onComplete: function(){ - group.hide(group.prepare(getNodesToHide.call(that)), complete); - geom.setRightLevelToShow(node, canvas); - that.compute("current"); - that.graph.eachNode(function(n) { - var pos = n.pos.getc(true); - n.startPos.setc(pos.x, pos.y); - n.endPos.setc(pos.x, pos.y); - n.visited = false; - }); - var offset = { x: complete.offsetX, y: complete.offsetY }; - that.geom.translate(node.endPos.add(offset).$scale(-1), ["start", "current", "end"]); - group.show(getNodesToShow.call(that)); - that.plot(); - complete.onAfterCompute(that.clickedNode); - complete.onComplete(); - } - }); - }, - - /* - Method: onClick - - Animates the to center the node specified by *id*. - - Parameters: - - id - (string) A node id. - options - (optional|object) A group of options and callbacks described below. - onComplete - (object) An object callback called when the animation finishes. - Move - (object) An object that has as properties _offsetX_ or _offsetY_ for adding some offset position to the centered node. - - Example: - - (start code js) - st.onClick('mynodeid', { - Move: { - enable: true, - offsetX: 30, - offsetY: 5 - }, - onComplete: function() { - alert('yay!'); - } - }); - (end code) - - */ - onClick: function (id, options) { - var canvas = this.canvas, that = this, Geom = this.geom, config = this.config; - var innerController = { - Move: { - enable: true, - offsetX: config.offsetX || 0, - offsetY: config.offsetY || 0 - }, - setRightLevelToShowConfig: false, - onBeforeRequest: $.empty, - onBeforeContract: $.empty, - onBeforeMove: $.empty, - onBeforeExpand: $.empty - }; - var complete = $.merge(this.controller, innerController, options); - - if(!this.busy) { - this.busy = true; - var node = this.graph.getNode(id); - this.selectPath(node, this.clickedNode); - this.clickedNode = node; - complete.onBeforeCompute(node); - complete.onBeforeRequest(node); - this.requestNodes(node, { - onComplete: function() { - complete.onBeforeContract(node); - that.contract({ - onComplete: function() { - Geom.setRightLevelToShow(node, canvas, complete.setRightLevelToShowConfig); - complete.onBeforeMove(node); - that.move(node, { - Move: complete.Move, - onComplete: function() { - complete.onBeforeExpand(node); - that.expand(node, { - onComplete: function() { - that.busy = false; - complete.onAfterCompute(id); - complete.onComplete(); - } - }); // expand - } - }); // move - } - });// contract - } - });// request - } - } - }); - -})(); - -$jit.ST.$extend = true; - -/* - Class: ST.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - -*/ -$jit.ST.Op = new Class({ - - Implements: Graph.Op - -}); - -/* - - Performs operations on group of nodes. - -*/ -$jit.ST.Group = new Class({ - - initialize: function(viz) { - this.viz = viz; - this.canvas = viz.canvas; - this.config = viz.config; - this.animation = new Animation; - this.nodes = null; - }, - - /* - - Calls the request method on the controller to request a subtree for each node. - */ - requestNodes: function(nodes, controller) { - var counter = 0, len = nodes.length, nodeSelected = {}; - var complete = function() { controller.onComplete(); }; - var viz = this.viz; - if(len == 0) complete(); - for(var i=0; i= b._depth); }); - for(var i=0; i 0 - && n.drawn) { - n.drawn = false; - nds[node.id].push(n); - } else if((!root || !orns) && n.drawn) { - n.drawn = false; - nds[node.id].push(n); - } - }); - node.drawn = true; - } - // plot the whole (non-scaled) tree - if(nodes.length > 0) viz.fx.plot(); - // show nodes that were previously hidden - for(i in nds) { - $.each(nds[i], function(n) { n.drawn = true; }); - } - // plot each scaled subtree - for(i=0; i method - (end code) - -*/ - -$jit.ST.Geom = new Class({ - Implements: Graph.Geom, - /* - Changes the tree current orientation to the one specified. - - You should usually use instead. - */ - switchOrientation: function(orn) { - this.config.orientation = orn; - }, - - /* - Makes a value dispatch according to the current layout - Works like a CSS property, either _top-right-bottom-left_ or _top|bottom - left|right_. - */ - dispatch: function() { - // TODO(nico) should store Array.prototype.slice.call somewhere. - var args = Array.prototype.slice.call(arguments); - var s = args.shift(), len = args.length; - var val = function(a) { return typeof a == 'function'? a() : a; }; - if(len == 2) { - return (s == "top" || s == "bottom")? val(args[0]) : val(args[1]); - } else if(len == 4) { - switch(s) { - case "top": return val(args[0]); - case "right": return val(args[1]); - case "bottom": return val(args[2]); - case "left": return val(args[3]); - } - } - return undefined; - }, - - /* - Returns label height or with, depending on the tree current orientation. - */ - getSize: function(n, invert) { - var data = n.data, config = this.config; - var siblingOffset = config.siblingOffset; - var s = (config.multitree - && ('$orn' in data) - && data.$orn) || config.orientation; - var w = n.getData('width') + siblingOffset; - var h = n.getData('height') + siblingOffset; - if(!invert) - return this.dispatch(s, h, w); - else - return this.dispatch(s, w, h); - }, - - /* - Calculates a subtree base size. This is an utility function used by _getBaseSize_ - */ - getTreeBaseSize: function(node, level, leaf) { - var size = this.getSize(node, true), baseHeight = 0, that = this; - if(leaf(level, node)) return size; - if(level === 0) return 0; - node.eachSubnode(function(elem) { - baseHeight += that.getTreeBaseSize(elem, level -1, leaf); - }); - return (size > baseHeight? size : baseHeight) + this.config.subtreeOffset; - }, - - - /* - getEdge - - Returns a Complex instance with the begin or end position of the edge to be plotted. - - Parameters: - - node - A that is connected to this edge. - type - Returns the begin or end edge position. Possible values are 'begin' or 'end'. - - Returns: - - A number specifying the begin or end position. - */ - getEdge: function(node, type, s) { - var $C = function(a, b) { - return function(){ - return node.pos.add(new Complex(a, b)); - }; - }; - var dim = this.node; - var w = node.getData('width'); - var h = node.getData('height'); - - if(type == 'begin') { - if(dim.align == "center") { - return this.dispatch(s, $C(0, h/2), $C(-w/2, 0), - $C(0, -h/2),$C(w/2, 0)); - } else if(dim.align == "left") { - return this.dispatch(s, $C(0, h), $C(0, 0), - $C(0, 0), $C(w, 0)); - } else if(dim.align == "right") { - return this.dispatch(s, $C(0, 0), $C(-w, 0), - $C(0, -h),$C(0, 0)); - } else throw "align: not implemented"; - - - } else if(type == 'end') { - if(dim.align == "center") { - return this.dispatch(s, $C(0, -h/2), $C(w/2, 0), - $C(0, h/2), $C(-w/2, 0)); - } else if(dim.align == "left") { - return this.dispatch(s, $C(0, 0), $C(w, 0), - $C(0, h), $C(0, 0)); - } else if(dim.align == "right") { - return this.dispatch(s, $C(0, -h),$C(0, 0), - $C(0, 0), $C(-w, 0)); - } else throw "align: not implemented"; - } - }, - - /* - Adjusts the tree position due to canvas scaling or translation. - */ - getScaledTreePosition: function(node, scale) { - var dim = this.node; - var w = node.getData('width'); - var h = node.getData('height'); - var s = (this.config.multitree - && ('$orn' in node.data) - && node.data.$orn) || this.config.orientation; - - var $C = function(a, b) { - return function(){ - return node.pos.add(new Complex(a, b)).$scale(1 - scale); - }; - }; - if(dim.align == "left") { - return this.dispatch(s, $C(0, h), $C(0, 0), - $C(0, 0), $C(w, 0)); - } else if(dim.align == "center") { - return this.dispatch(s, $C(0, h / 2), $C(-w / 2, 0), - $C(0, -h / 2),$C(w / 2, 0)); - } else if(dim.align == "right") { - return this.dispatch(s, $C(0, 0), $C(-w, 0), - $C(0, -h),$C(0, 0)); - } else throw "align: not implemented"; - }, - - /* - treeFitsInCanvas - - Returns a Boolean if the current subtree fits in canvas. - - Parameters: - - node - A which is the current root of the subtree. - canvas - The object. - level - The depth of the subtree to be considered. - */ - treeFitsInCanvas: function(node, canvas, level) { - var csize = canvas.getSize(); - var s = (this.config.multitree - && ('$orn' in node.data) - && node.data.$orn) || this.config.orientation; - - var size = this.dispatch(s, csize.width, csize.height); - var baseSize = this.getTreeBaseSize(node, level, function(level, node) { - return level === 0 || !node.anySubnode(); - }); - return (baseSize < size); - } -}); - -/* - Class: ST.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - -*/ -$jit.ST.Plot = new Class({ - - Implements: Graph.Plot, - - /* - Plots a subtree from the spacetree. - */ - plotSubtree: function(node, opt, scale, animating) { - var viz = this.viz, canvas = viz.canvas, config = viz.config; - scale = Math.min(Math.max(0.001, scale), 1); - if(scale >= 0) { - node.drawn = false; - var ctx = canvas.getCtx(); - var diff = viz.geom.getScaledTreePosition(node, scale); - ctx.translate(diff.x, diff.y); - ctx.scale(scale, scale); - } - this.plotTree(node, $.merge(opt, { - 'withLabels': true, - 'hideLabels': !!scale, - 'plotSubtree': function(n, ch) { - var root = config.multitree && !('$orn' in node.data); - var orns = root && node.getData('orns'); - return !root || orns.indexOf(elem.getData('orn')) > -1; - } - }), animating); - if(scale >= 0) node.drawn = true; - }, - - /* - Method: getAlignedPos - - Returns a *x, y* object with the position of the top/left corner of a node. - - Parameters: - - pos - (object) A position. - width - (number) The width of the node. - height - (number) The height of the node. - - */ - getAlignedPos: function(pos, width, height) { - var nconfig = this.node; - var square, orn; - if(nconfig.align == "center") { - square = { - x: pos.x - width / 2, - y: pos.y - height / 2 - }; - } else if (nconfig.align == "left") { - orn = this.config.orientation; - if(orn == "bottom" || orn == "top") { - square = { - x: pos.x - width / 2, - y: pos.y - }; - } else { - square = { - x: pos.x, - y: pos.y - height / 2 - }; - } - } else if(nconfig.align == "right") { - orn = this.config.orientation; - if(orn == "bottom" || orn == "top") { - square = { - x: pos.x - width / 2, - y: pos.y - height - }; - } else { - square = { - x: pos.x - width, - y: pos.y - height / 2 - }; - } - } else throw "align: not implemented"; - - return square; - }, - - getOrientation: function(adj) { - var config = this.config; - var orn = config.orientation; - - if(config.multitree) { - var nodeFrom = adj.nodeFrom; - var nodeTo = adj.nodeTo; - orn = (('$orn' in nodeFrom.data) - && nodeFrom.data.$orn) - || (('$orn' in nodeTo.data) - && nodeTo.data.$orn); - } - - return orn; - } -}); - -/* - Class: ST.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - */ -$jit.ST.Label = {}; - -/* - ST.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - -*/ -$jit.ST.Label.Native = new Class({ - Implements: Graph.Label.Native, - - renderLabel: function(canvas, node, controller) { - var ctx = canvas.getCtx(); - var coord = node.pos.getc(true); - ctx.fillText(node.name, coord.x, coord.y); - } -}); - -$jit.ST.Label.DOM = new Class({ - Implements: Graph.Label.DOM, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), - config = this.viz.config, - dim = config.Node, - canvas = this.viz.canvas, - w = node.getData('width'), - h = node.getData('height'), - radius = canvas.getSize(), - labelPos, orn; - - var ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - posx = pos.x * sx + ox, - posy = pos.y * sy + oy; - - if(dim.align == "center") { - labelPos= { - x: Math.round(posx - w / 2 + radius.width/2), - y: Math.round(posy - h / 2 + radius.height/2) - }; - } else if (dim.align == "left") { - orn = config.orientation; - if(orn == "bottom" || orn == "top") { - labelPos= { - x: Math.round(posx - w / 2 + radius.width/2), - y: Math.round(posy + radius.height/2) - }; - } else { - labelPos= { - x: Math.round(posx + radius.width/2), - y: Math.round(posy - h / 2 + radius.height/2) - }; - } - } else if(dim.align == "right") { - orn = config.orientation; - if(orn == "bottom" || orn == "top") { - labelPos= { - x: Math.round(posx - w / 2 + radius.width/2), - y: Math.round(posy - h + radius.height/2) - }; - } else { - labelPos= { - x: Math.round(posx - w + radius.width/2), - y: Math.round(posy - h / 2 + radius.height/2) - }; - } - } else throw "align: not implemented"; - - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; - controller.onPlaceLabel(tag, node); - } -}); - -/* - ST.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - -*/ -$jit.ST.Label.SVG = new Class({ - Implements: [$jit.ST.Label.DOM, Graph.Label.SVG], - - initialize: function(viz) { - this.viz = viz; - } -}); - -/* - ST.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - -*/ -$jit.ST.Label.HTML = new Class({ - Implements: [$jit.ST.Label.DOM, Graph.Label.HTML], - - initialize: function(viz) { - this.viz = viz; - } -}); - - -/* - Class: ST.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'circle', 'rectangle', 'ellipse' and 'square'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - ST.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - -*/ -$jit.ST.Plot.NodeTypes = new Class({ - 'none': { - 'render': $.empty, - 'contains': $.lambda(false) - }, - 'circle': { - 'render': function(node, canvas) { - var dim = node.getData('dim'), - pos = this.getAlignedPos(node.pos.getc(true), dim, dim), - dim2 = dim/2; - this.nodeHelper.circle.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = this.getAlignedPos(node.pos.getc(true), dim, dim), - dim2 = dim/2; - this.nodeHelper.circle.contains({x:npos.x+dim2, y:npos.y+dim2}, dim2); - } - }, - 'square': { - 'render': function(node, canvas) { - var dim = node.getData('dim'), - dim2 = dim/2, - pos = this.getAlignedPos(node.pos.getc(true), dim, dim); - this.nodeHelper.square.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = this.getAlignedPos(node.pos.getc(true), dim, dim), - dim2 = dim/2; - this.nodeHelper.square.contains({x:npos.x+dim2, y:npos.y+dim2}, dim2); - } - }, - 'ellipse': { - 'render': function(node, canvas) { - var width = node.getData('width'), - height = node.getData('height'), - pos = this.getAlignedPos(node.pos.getc(true), width, height); - this.nodeHelper.ellipse.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); - }, - 'contains': function(node, pos) { - var width = node.getData('width'), - height = node.getData('height'), - npos = this.getAlignedPos(node.pos.getc(true), width, height); - this.nodeHelper.ellipse.contains({x:npos.x+width/2, y:npos.y+height/2}, width, height, canvas); - } - }, - 'rectangle': { - 'render': function(node, canvas) { - var width = node.getData('width'), - height = node.getData('height'), - pos = this.getAlignedPos(node.pos.getc(true), width, height); - this.nodeHelper.rectangle.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); - }, - 'contains': function(node, pos) { - var width = node.getData('width'), - height = node.getData('height'), - npos = this.getAlignedPos(node.pos.getc(true), width, height); - this.nodeHelper.rectangle.contains({x:npos.x+width/2, y:npos.y+height/2}, width, height, canvas); - } - } -}); - -/* - Class: ST.Plot.EdgeTypes - - This class contains a list of built-in types. - Edge types implemented are 'none', 'line', 'arrow', 'quadratic:begin', 'quadratic:end', 'bezier'. - - You can add your custom edge types, customizing your visualization to the extreme. - - Example: - - (start code js) - ST.Plot.EdgeTypes.implement({ - 'mySpecialType': { - 'render': function(adj, canvas) { - //print your custom edge to canvas - }, - //optional - 'contains': function(adj, pos) { - //return true if pos is inside the arc or false otherwise - } - } - }); - (end code) - -*/ -$jit.ST.Plot.EdgeTypes = new Class({ - 'none': $.empty, - 'line': { - 'render': function(adj, canvas) { - var orn = this.getOrientation(adj), - nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); - this.edgeHelper.line.render(from, to, canvas); - }, - 'contains': function(adj, pos) { - var orn = this.getOrientation(adj), - nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); - return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); - } - }, - 'arrow': { - 'render': function(adj, canvas) { - var orn = this.getOrientation(adj), - node = adj.nodeFrom, - child = adj.nodeTo, - dim = adj.getData('dim'), - from = this.viz.geom.getEdge(node, 'begin', orn), - to = this.viz.geom.getEdge(child, 'end', orn), - direction = adj.data.$direction, - inv = (direction && direction.length>1 && direction[0] != node.id); - this.edgeHelper.arrow.render(from, to, dim, inv, canvas); - }, - 'contains': function(adj, pos) { - var orn = this.getOrientation(adj), - nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); - return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); - } - }, - 'quadratic:begin': { - 'render': function(adj, canvas) { - var orn = this.getOrientation(adj); - var nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), - dim = adj.getData('dim'), - ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(begin.x, begin.y); - switch(orn) { - case "left": - ctx.quadraticCurveTo(begin.x + dim, begin.y, end.x, end.y); - break; - case "right": - ctx.quadraticCurveTo(begin.x - dim, begin.y, end.x, end.y); - break; - case "top": - ctx.quadraticCurveTo(begin.x, begin.y + dim, end.x, end.y); - break; - case "bottom": - ctx.quadraticCurveTo(begin.x, begin.y - dim, end.x, end.y); - break; - } - ctx.stroke(); - } - }, - 'quadratic:end': { - 'render': function(adj, canvas) { - var orn = this.getOrientation(adj); - var nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), - dim = adj.getData('dim'), - ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(begin.x, begin.y); - switch(orn) { - case "left": - ctx.quadraticCurveTo(end.x - dim, end.y, end.x, end.y); - break; - case "right": - ctx.quadraticCurveTo(end.x + dim, end.y, end.x, end.y); - break; - case "top": - ctx.quadraticCurveTo(end.x, end.y - dim, end.x, end.y); - break; - case "bottom": - ctx.quadraticCurveTo(end.x, end.y + dim, end.x, end.y); - break; - } - ctx.stroke(); - } - }, - 'bezier': { - 'render': function(adj, canvas) { - var orn = this.getOrientation(adj), - nodeFrom = adj.nodeFrom, - nodeTo = adj.nodeTo, - rel = nodeFrom._depth < nodeTo._depth, - begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), - end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), - dim = adj.getData('dim'), - ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(begin.x, begin.y); - switch(orn) { - case "left": - ctx.bezierCurveTo(begin.x + dim, begin.y, end.x - dim, end.y, end.x, end.y); - break; - case "right": - ctx.bezierCurveTo(begin.x - dim, begin.y, end.x + dim, end.y, end.x, end.y); - break; - case "top": - ctx.bezierCurveTo(begin.x, begin.y + dim, end.x, end.y - dim, end.x, end.y); - break; - case "bottom": - ctx.bezierCurveTo(begin.x, begin.y - dim, end.x, end.y + dim, end.x, end.y); - break; - } - ctx.stroke(); - } - } -}); - - - -/* - * File: AreaChart.js - * -*/ - -$jit.ST.Plot.NodeTypes.implement({ - 'areachart-stacked' : { - 'render' : function(node, canvas) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - stringArray = node.getData('stringArray'), - dimArray = node.getData('dimArray'), - valArray = node.getData('valueArray'), - valLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), - valRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), - colorArray = node.getData('colorArray'), - colorLength = colorArray.length, - config = node.getData('config'), - gradient = node.getData('gradient'), - showLabels = config.showLabels, - aggregates = config.showAggregates, - label = config.Label, - prev = node.getData('prev'); - - var ctx = canvas.getCtx(), border = node.getData('border'); - if (colorArray && dimArray && stringArray) { - for (var i=0, l=dimArray.length, acumLeft=0, acumRight=0, valAcum=0; i 0 || dimArray[i][1] > 0)) { - var h1 = acumLeft + dimArray[i][0], - h2 = acumRight + dimArray[i][1], - alpha = Math.atan((h2 - h1) / width), - delta = 55; - var linear = ctx.createLinearGradient(x + width/2, - y - (h1 + h2)/2, - x + width/2 + delta * Math.sin(alpha), - y - (h1 + h2)/2 + delta * Math.cos(alpha)); - var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), - function(v) { return (v * 0.85) >> 0; })); - linear.addColorStop(0, colorArray[i % colorLength]); - linear.addColorStop(1, color); - ctx.fillStyle = linear; - } - ctx.beginPath(); - ctx.moveTo(x, y - acumLeft); - ctx.lineTo(x + width, y - acumRight); - ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); - ctx.lineTo(x, y - acumLeft - dimArray[i][0]); - ctx.lineTo(x, y - acumLeft); - ctx.fill(); - ctx.restore(); - if(border) { - var strong = border.name == stringArray[i]; - var perc = strong? 0.7 : 0.8; - var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), - function(v) { return (v * perc) >> 0; })); - ctx.strokeStyle = color; - ctx.lineWidth = strong? 4 : 1; - ctx.save(); - ctx.beginPath(); - if(border.index === 0) { - ctx.moveTo(x, y - acumLeft); - ctx.lineTo(x, y - acumLeft - dimArray[i][0]); - } else { - ctx.moveTo(x + width, y - acumRight); - ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); - } - ctx.stroke(); - ctx.restore(); - } - acumLeft += (dimArray[i][0] || 0); - acumRight += (dimArray[i][1] || 0); - - if(dimArray[i][0] > 0) - valAcum += (valArray[i][0] || 0); - } - if(prev && label.type == 'Native') { - ctx.save(); - ctx.beginPath(); - ctx.fillStyle = ctx.strokeStyle = label.color; - ctx.font = label.style + ' ' + label.size + 'px ' + label.family; - ctx.textAlign = 'center'; - ctx.textBaseline = 'middle'; - if(aggregates(node.name, valLeft, valRight, node)) { - ctx.fillText(valAcum, x, y - acumLeft - config.labelOffset - label.size/2, width); - } - if(showLabels(node.name, valLeft, valRight, node)) { - ctx.fillText(node.name, x, y + label.size/2 + config.labelOffset); - } - ctx.restore(); - } - } - }, - 'contains': function(node, mpos) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - dimArray = node.getData('dimArray'), - rx = mpos.x - x; - //bounding box check - if(mpos.x < x || mpos.x > x + width - || mpos.y > y || mpos.y < y - height) { - return false; - } - //deep check - for(var i=0, l=dimArray.length, lAcum=y, rAcum=y; i= intersec) { - var index = +(rx > width/2); - return { - 'name': node.getData('stringArray')[i], - 'color': node.getData('colorArray')[i], - 'value': node.getData('valueArray')[i][index], - 'index': index - }; - } - } - return false; - } - } -}); - -/* - Class: AreaChart - - A visualization that displays stacked area charts. - - Constructor Options: - - See . - -*/ -$jit.AreaChart = new Class({ - st: null, - colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], - selected: {}, - busy: false, - - initialize: function(opt) { - this.controller = this.config = - $.merge(Options("Canvas", "Margin", "Label", "AreaChart"), { - Label: { type: 'Native' } - }, opt); - //set functions for showLabels and showAggregates - var showLabels = this.config.showLabels, - typeLabels = $.type(showLabels), - showAggregates = this.config.showAggregates, - typeAggregates = $.type(showAggregates); - this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); - this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); - - this.initializeViz(); - }, - - initializeViz: function() { - var config = this.config, - that = this, - nodeType = config.type.split(":")[0], - nodeLabels = {}; - - var st = new $jit.ST({ - injectInto: config.injectInto, - orientation: "bottom", - levelDistance: 0, - siblingOffset: 0, - subtreeOffset: 0, - withLabels: config.Label.type != 'Native', - useCanvas: config.useCanvas, - Label: { - type: config.Label.type - }, - Node: { - overridable: true, - type: 'areachart-' + nodeType, - align: 'left', - width: 1, - height: 1 - }, - Edge: { - type: 'none' - }, - Tips: { - enable: config.Tips.enable, - type: 'Native', - force: true, - onShow: function(tip, node, contains) { - var elem = contains; - config.Tips.onShow(tip, elem, node); - } - }, - Events: { - enable: true, - type: 'Native', - onClick: function(node, eventInfo, evt) { - if(!config.filterOnClick && !config.Events.enable) return; - var elem = eventInfo.getContains(); - if(elem) config.filterOnClick && that.filter(elem.name); - config.Events.enable && config.Events.onClick(elem, eventInfo, evt); - }, - onRightClick: function(node, eventInfo, evt) { - if(!config.restoreOnRightClick) return; - that.restore(); - }, - onMouseMove: function(node, eventInfo, evt) { - if(!config.selectOnHover) return; - if(node) { - var elem = eventInfo.getContains(); - that.select(node.id, elem.name, elem.index); - } else { - that.select(false, false, false); - } - } - }, - onCreateLabel: function(domElement, node) { - var labelConf = config.Label, - valueArray = node.getData('valueArray'), - acumLeft = $.reduce(valueArray, function(x, y) { return x + y[0]; }, 0), - acumRight = $.reduce(valueArray, function(x, y) { return x + y[1]; }, 0); - if(node.getData('prev')) { - var nlbs = { - wrapper: document.createElement('div'), - aggregate: document.createElement('div'), - label: document.createElement('div') - }; - var wrapper = nlbs.wrapper, - label = nlbs.label, - aggregate = nlbs.aggregate, - wrapperStyle = wrapper.style, - labelStyle = label.style, - aggregateStyle = aggregate.style; - //store node labels - nodeLabels[node.id] = nlbs; - //append labels - wrapper.appendChild(label); - wrapper.appendChild(aggregate); - if(!config.showLabels(node.name, acumLeft, acumRight, node)) { - label.style.display = 'none'; - } - if(!config.showAggregates(node.name, acumLeft, acumRight, node)) { - aggregate.style.display = 'none'; - } - wrapperStyle.position = 'relative'; - wrapperStyle.overflow = 'visible'; - wrapperStyle.fontSize = labelConf.size + 'px'; - wrapperStyle.fontFamily = labelConf.family; - wrapperStyle.color = labelConf.color; - wrapperStyle.textAlign = 'center'; - aggregateStyle.position = labelStyle.position = 'absolute'; - - domElement.style.width = node.getData('width') + 'px'; - domElement.style.height = node.getData('height') + 'px'; - label.innerHTML = node.name; - - domElement.appendChild(wrapper); - } - }, - onPlaceLabel: function(domElement, node) { - if(!node.getData('prev')) return; - var labels = nodeLabels[node.id], - wrapperStyle = labels.wrapper.style, - labelStyle = labels.label.style, - aggregateStyle = labels.aggregate.style, - width = node.getData('width'), - height = node.getData('height'), - dimArray = node.getData('dimArray'), - valArray = node.getData('valueArray'), - acumLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), - acumRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), - font = parseInt(wrapperStyle.fontSize, 10), - domStyle = domElement.style; - - if(dimArray && valArray) { - if(config.showLabels(node.name, acumLeft, acumRight, node)) { - labelStyle.display = ''; - } else { - labelStyle.display = 'none'; - } - if(config.showAggregates(node.name, acumLeft, acumRight, node)) { - aggregateStyle.display = ''; - } else { - aggregateStyle.display = 'none'; - } - wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; - aggregateStyle.left = labelStyle.left = -width/2 + 'px'; - for(var i=0, l=valArray.length, acum=0, leftAcum=0; i 0) { - acum+= valArray[i][0]; - leftAcum+= dimArray[i][0]; - } - } - aggregateStyle.top = (-font - config.labelOffset) + 'px'; - labelStyle.top = (config.labelOffset + leftAcum) + 'px'; - domElement.style.top = parseInt(domElement.style.top, 10) - leftAcum + 'px'; - domElement.style.height = wrapperStyle.height = leftAcum + 'px'; - labels.aggregate.innerHTML = acum; - } - } - }); - - var size = st.canvas.getSize(), - margin = config.Margin; - st.config.offsetY = -size.height/2 + margin.bottom - + (config.showLabels && (config.labelOffset + config.Label.size)); - st.config.offsetX = (margin.right - margin.left)/2; - this.st = st; - this.canvas = this.st.canvas; - }, - - /* - Method: loadJSON - - Loads JSON data into the visualization. - - Parameters: - - json - The JSON data format. This format is described in . - - Example: - (start code js) - var areaChart = new $jit.AreaChart(options); - areaChart.loadJSON(json); - (end code) - */ - loadJSON: function(json) { - var prefix = $.time(), - ch = [], - st = this.st, - name = $.splat(json.label), - color = $.splat(json.color || this.colors), - config = this.config, - gradient = !!config.type.split(":")[1], - animate = config.animate; - - for(var i=0, values=json.values, l=values.length; i. - onComplete - (object) A callback object to be called when the animation transition when updating the data end. - - Example: - - (start code js) - areaChart.updateJSON(json, { - onComplete: function() { - alert('update complete!'); - } - }); - (end code) - */ - updateJSON: function(json, onComplete) { - if(this.busy) return; - this.busy = true; - - var st = this.st, - graph = st.graph, - labels = json.label && $.splat(json.label), - values = json.values, - animate = this.config.animate, - that = this; - $.each(values, function(v) { - var n = graph.getByName(v.label); - if(n) { - v.values = $.splat(v.values); - var stringArray = n.getData('stringArray'), - valArray = n.getData('valueArray'); - $.each(valArray, function(a, i) { - a[0] = v.values[i]; - if(labels) stringArray[i] = labels[i]; - }); - n.setData('valueArray', valArray); - var prev = n.getData('prev'), - next = n.getData('next'), - nextNode = graph.getByName(next); - if(prev) { - var p = graph.getByName(prev); - if(p) { - var valArray = p.getData('valueArray'); - $.each(valArray, function(a, i) { - a[1] = v.values[i]; - }); - } - } - if(!nextNode) { - var valArray = n.getData('valueArray'); - $.each(valArray, function(a, i) { - a[1] = v.values[i]; - }); - } - } - }); - this.normalizeDims(); - st.compute(); - st.select(st.root); - if(animate) { - st.fx.animate({ - modes: ['node-property:height:dimArray'], - duration:1500, - onComplete: function() { - that.busy = false; - onComplete && onComplete.onComplete(); - } - }); - } - }, - -/* - Method: filter - - Filter selected stacks, collapsing all other stacks. You can filter multiple stacks at the same time. - - Parameters: - - Variable strings arguments with the name of the stacks. - - Example: - - (start code js) - areaChart.filter('label A', 'label C'); - (end code) - - See also: - - . - */ - filter: function() { - if(this.busy) return; - this.busy = true; - if(this.config.Tips.enable) this.st.tips.hide(); - this.select(false, false, false); - var args = Array.prototype.slice.call(arguments); - var rt = this.st.graph.getNode(this.st.root); - var that = this; - rt.eachAdjacency(function(adj) { - var n = adj.nodeTo, - dimArray = n.getData('dimArray'), - stringArray = n.getData('stringArray'); - n.setData('dimArray', $.map(dimArray, function(d, i) { - return ($.indexOf(args, stringArray[i]) > -1)? d:[0, 0]; - }), 'end'); - }); - this.st.fx.animate({ - modes: ['node-property:dimArray'], - duration:1500, - onComplete: function() { - that.busy = false; - } - }); - }, - - /* - Method: restore - - Sets all stacks that could have been filtered visible. - - Example: - - (start code js) - areaChart.restore(); - (end code) - - See also: - - . - */ - restore: function() { - if(this.busy) return; - this.busy = true; - if(this.config.Tips.enable) this.st.tips.hide(); - this.select(false, false, false); - this.normalizeDims(); - var that = this; - this.st.fx.animate({ - modes: ['node-property:height:dimArray'], - duration:1500, - onComplete: function() { - that.busy = false; - } - }); - }, - //adds the little brown bar when hovering the node - select: function(id, name, index) { - if(!this.config.selectOnHover) return; - var s = this.selected; - if(s.id != id || s.name != name - || s.index != index) { - s.id = id; - s.name = name; - s.index = index; - this.st.graph.eachNode(function(n) { - n.setData('border', false); - }); - if(id) { - var n = this.st.graph.getNode(id); - n.setData('border', s); - var link = index === 0? 'prev':'next'; - link = n.getData(link); - if(link) { - n = this.st.graph.getByName(link); - if(n) { - n.setData('border', { - name: name, - index: 1-index - }); - } - } - } - this.st.plot(); - } - }, - - /* - Method: getLegend - - Returns an object containing as keys the legend names and as values hex strings with color values. - - Example: - - (start code js) - var legend = areaChart.getLegend(); - (end code) - */ - getLegend: function() { - var legend = {}; - var n; - this.st.graph.getNode(this.st.root).eachAdjacency(function(adj) { - n = adj.nodeTo; - }); - var colors = n.getData('colorArray'), - len = colors.length; - $.each(n.getData('stringArray'), function(s, i) { - legend[s] = colors[i % len]; - }); - return legend; - }, - - /* - Method: getMaxValue - - Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. - - Example: - - (start code js) - var ans = areaChart.getMaxValue(); - (end code) - - In some cases it could be useful to override this method to normalize heights for a group of AreaCharts, like when doing small multiples. - - Example: - - (start code js) - //will return 100 for all AreaChart instances, - //displaying all of them with the same scale - $jit.AreaChart.implement({ - 'getMaxValue': function() { - return 100; - } - }); - (end code) - -*/ - getMaxValue: function() { - var maxValue = 0; - this.st.graph.eachNode(function(n) { - var valArray = n.getData('valueArray'), - acumLeft = 0, acumRight = 0; - $.each(valArray, function(v) { - acumLeft += +v[0]; - acumRight += +v[1]; - }); - var acum = acumRight>acumLeft? acumRight:acumLeft; - maxValue = maxValue>acum? maxValue:acum; - }); - return maxValue; - }, - - normalizeDims: function() { - //number of elements - var root = this.st.graph.getNode(this.st.root), l=0; - root.eachAdjacency(function() { - l++; - }); - var maxValue = this.getMaxValue() || 1, - size = this.st.canvas.getSize(), - config = this.config, - margin = config.Margin, - labelOffset = config.labelOffset + config.Label.size, - fixedDim = (size.width - (margin.left + margin.right)) / l, - animate = config.animate, - height = size.height - (margin.top + margin.bottom) - (config.showAggregates && labelOffset) - - (config.showLabels && labelOffset); - this.st.graph.eachNode(function(n) { - var acumLeft = 0, acumRight = 0, animateValue = []; - $.each(n.getData('valueArray'), function(v) { - acumLeft += +v[0]; - acumRight += +v[1]; - animateValue.push([0, 0]); - }); - var acum = acumRight>acumLeft? acumRight:acumLeft; - n.setData('width', fixedDim); - if(animate) { - n.setData('height', acum * height / maxValue, 'end'); - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return [n[0] * height / maxValue, n[1] * height / maxValue]; - }), 'end'); - var dimArray = n.getData('dimArray'); - if(!dimArray) { - n.setData('dimArray', animateValue); - } - } else { - n.setData('height', acum * height / maxValue); - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return [n[0] * height / maxValue, n[1] * height / maxValue]; - })); - } - }); - } -}); - -/* - * File: Options.BarChart.js - * -*/ - -/* - Object: Options.BarChart - - options. - Other options included in the BarChart are , , , and . - - Syntax: - - (start code js) - - Options.BarChart = { - animate: true, - labelOffset: 3, - barsOffset: 0, - type: 'stacked', - hoveredColor: '#9fd4ff', - orientation: 'horizontal', - showAggregates: true, - showLabels: true - }; - - (end code) - - Example: - - (start code js) - - var barChart = new $jit.BarChart({ - animate: true, - barsOffset: 10, - type: 'stacked:gradient' - }); - - (end code) - - Parameters: - - animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. - offset - (number) Default's *25*. Adds margin between the visualization and the canvas. - labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. - barsOffset - (number) Default's *0*. Separation between bars. - type - (string) Default's *'stacked'*. Stack or grouped styles. Posible values are 'stacked', 'grouped', 'stacked:gradient', 'grouped:gradient' to add gradients. - hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered bar stack. - orientation - (string) Default's 'horizontal'. Sets the direction of the bars. Possible options are 'vertical' or 'horizontal'. - showAggregates - (boolean) Default's *true*. Display the sum of the values of the different stacks. - showLabels - (boolean) Default's *true*. Display the name of the slots. - -*/ - -Options.BarChart = { - $extend: true, - - animate: true, - type: 'stacked', //stacked, grouped, : gradient - labelOffset: 3, //label offset - barsOffset: 0, //distance between bars - hoveredColor: '#9fd4ff', - orientation: 'horizontal', - showAggregates: true, - showLabels: true, - Tips: { - enable: false, - onShow: $.empty, - onHide: $.empty - }, - Events: { - enable: false, - onClick: $.empty - } -}; - -/* - * File: BarChart.js - * -*/ - -$jit.ST.Plot.NodeTypes.implement({ - 'barchart-stacked' : { - 'render' : function(node, canvas) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - dimArray = node.getData('dimArray'), - valueArray = node.getData('valueArray'), - colorArray = node.getData('colorArray'), - colorLength = colorArray.length, - stringArray = node.getData('stringArray'); - - var ctx = canvas.getCtx(), - opt = {}, - border = node.getData('border'), - gradient = node.getData('gradient'), - config = node.getData('config'), - horz = config.orientation == 'horizontal', - aggregates = config.showAggregates, - showLabels = config.showLabels, - label = config.Label; - - if (colorArray && dimArray && stringArray) { - for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; })); - linear.addColorStop(0, color); - linear.addColorStop(0.5, colorArray[i % colorLength]); - linear.addColorStop(1, color); - ctx.fillStyle = linear; - } - if(horz) { - ctx.fillRect(x + acum, y, dimArray[i], height); - } else { - ctx.fillRect(x, y - acum - dimArray[i], width, dimArray[i]); - } - if(border && border.name == stringArray[i]) { - opt.acum = acum; - opt.dimValue = dimArray[i]; - } - acum += (dimArray[i] || 0); - valAcum += (valueArray[i] || 0); - } - if(border) { - ctx.save(); - ctx.lineWidth = 2; - ctx.strokeStyle = border.color; - if(horz) { - ctx.strokeRect(x + opt.acum + 1, y + 1, opt.dimValue -2, height - 2); - } else { - ctx.strokeRect(x + 1, y - opt.acum - opt.dimValue + 1, width -2, opt.dimValue -2); - } - ctx.restore(); - } - if(label.type == 'Native') { - ctx.save(); - ctx.fillStyle = ctx.strokeStyle = label.color; - ctx.font = label.style + ' ' + label.size + 'px ' + label.family; - ctx.textBaseline = 'middle'; - if(aggregates(node.name, valAcum)) { - if(horz) { - ctx.textAlign = 'right'; - ctx.fillText(valAcum, x + acum - config.labelOffset, y + height/2); - } else { - ctx.textAlign = 'center'; - ctx.fillText(valAcum, x + width/2, y - height - label.size/2 - config.labelOffset); - } - } - if(showLabels(node.name, valAcum, node)) { - if(horz) { - ctx.textAlign = 'center'; - ctx.translate(x - config.labelOffset - label.size/2, y + height/2); - ctx.rotate(Math.PI / 2); - ctx.fillText(node.name, 0, 0); - } else { - ctx.textAlign = 'center'; - ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); - } - } - ctx.restore(); - } - } - }, - 'contains': function(node, mpos) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - dimArray = node.getData('dimArray'), - config = node.getData('config'), - rx = mpos.x - x, - horz = config.orientation == 'horizontal'; - //bounding box check - if(horz) { - if(mpos.x < x || mpos.x > x + width - || mpos.y > y + height || mpos.y < y) { - return false; - } - } else { - if(mpos.x < x || mpos.x > x + width - || mpos.y > y || mpos.y < y - height) { - return false; - } - } - //deep check - for(var i=0, l=dimArray.length, acum=(horz? x:y); i= intersec) { - return { - 'name': node.getData('stringArray')[i], - 'color': node.getData('colorArray')[i], - 'value': node.getData('valueArray')[i], - 'label': node.name - }; - } - } - } - return false; - } - }, - 'barchart-grouped' : { - 'render' : function(node, canvas) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - dimArray = node.getData('dimArray'), - valueArray = node.getData('valueArray'), - valueLength = valueArray.length, - colorArray = node.getData('colorArray'), - colorLength = colorArray.length, - stringArray = node.getData('stringArray'); - - var ctx = canvas.getCtx(), - opt = {}, - border = node.getData('border'), - gradient = node.getData('gradient'), - config = node.getData('config'), - horz = config.orientation == 'horizontal', - aggregates = config.showAggregates, - showLabels = config.showLabels, - label = config.Label, - fixedDim = (horz? height : width) / valueLength; - - if (colorArray && dimArray && stringArray) { - for (var i=0, l=valueLength, acum=0, valAcum=0; i> 0; })); - linear.addColorStop(0, color); - linear.addColorStop(0.5, colorArray[i % colorLength]); - linear.addColorStop(1, color); - ctx.fillStyle = linear; - } - if(horz) { - ctx.fillRect(x, y + fixedDim * i, dimArray[i], fixedDim); - } else { - ctx.fillRect(x + fixedDim * i, y - dimArray[i], fixedDim, dimArray[i]); - } - if(border && border.name == stringArray[i]) { - opt.acum = fixedDim * i; - opt.dimValue = dimArray[i]; - } - acum += (dimArray[i] || 0); - valAcum += (valueArray[i] || 0); - } - if(border) { - ctx.save(); - ctx.lineWidth = 2; - ctx.strokeStyle = border.color; - if(horz) { - ctx.strokeRect(x + 1, y + opt.acum + 1, opt.dimValue -2, fixedDim - 2); - } else { - ctx.strokeRect(x + opt.acum + 1, y - opt.dimValue + 1, fixedDim -2, opt.dimValue -2); - } - ctx.restore(); - } - if(label.type == 'Native') { - ctx.save(); - ctx.fillStyle = ctx.strokeStyle = label.color; - ctx.font = label.style + ' ' + label.size + 'px ' + label.family; - ctx.textBaseline = 'middle'; - if(aggregates(node.name, valAcum)) { - if(horz) { - ctx.textAlign = 'right'; - ctx.fillText(valAcum, x + Math.max.apply(null, dimArray) - config.labelOffset, y + height/2); - } else { - ctx.textAlign = 'center'; - ctx.fillText(valAcum, x + width/2, y - Math.max.apply(null, dimArray) - label.size/2 - config.labelOffset); - } - } - if(showLabels(node.name, valAcum, node)) { - if(horz) { - ctx.textAlign = 'center'; - ctx.translate(x - config.labelOffset - label.size/2, y + height/2); - ctx.rotate(Math.PI / 2); - ctx.fillText(node.name, 0, 0); - } else { - ctx.textAlign = 'center'; - ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); - } - } - ctx.restore(); - } - } - }, - 'contains': function(node, mpos) { - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - algnPos = this.getAlignedPos(pos, width, height), - x = algnPos.x, y = algnPos.y, - dimArray = node.getData('dimArray'), - len = dimArray.length, - config = node.getData('config'), - rx = mpos.x - x, - horz = config.orientation == 'horizontal', - fixedDim = (horz? height : width) / len; - //bounding box check - if(horz) { - if(mpos.x < x || mpos.x > x + width - || mpos.y > y + height || mpos.y < y) { - return false; - } - } else { - if(mpos.x < x || mpos.x > x + width - || mpos.y > y || mpos.y < y - height) { - return false; - } - } - //deep check - for(var i=0, l=dimArray.length; i= limit && mpos.y <= limit + fixedDim) { - return { - 'name': node.getData('stringArray')[i], - 'color': node.getData('colorArray')[i], - 'value': node.getData('valueArray')[i], - 'label': node.name - }; - } - } else { - var limit = x + fixedDim * i; - if(mpos.x >= limit && mpos.x <= limit + fixedDim && mpos.y >= y - dimi) { - return { - 'name': node.getData('stringArray')[i], - 'color': node.getData('colorArray')[i], - 'value': node.getData('valueArray')[i], - 'label': node.name - }; - } - } - } - return false; - } - } -}); - -/* - Class: BarChart - - A visualization that displays stacked bar charts. - - Constructor Options: - - See . - -*/ -$jit.BarChart = new Class({ - st: null, - colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], - selected: {}, - busy: false, - - initialize: function(opt) { - this.controller = this.config = - $.merge(Options("Canvas", "Margin", "Label", "BarChart"), { - Label: { type: 'Native' } - }, opt); - //set functions for showLabels and showAggregates - var showLabels = this.config.showLabels, - typeLabels = $.type(showLabels), - showAggregates = this.config.showAggregates, - typeAggregates = $.type(showAggregates); - this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); - this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); - - this.initializeViz(); - }, - - initializeViz: function() { - var config = this.config, that = this; - var nodeType = config.type.split(":")[0], - horz = config.orientation == 'horizontal', - nodeLabels = {}; - - var st = new $jit.ST({ - injectInto: config.injectInto, - orientation: horz? 'left' : 'bottom', - levelDistance: 0, - siblingOffset: config.barsOffset, - subtreeOffset: 0, - withLabels: config.Label.type != 'Native', - useCanvas: config.useCanvas, - Label: { - type: config.Label.type - }, - Node: { - overridable: true, - type: 'barchart-' + nodeType, - align: 'left', - width: 1, - height: 1 - }, - Edge: { - type: 'none' - }, - Tips: { - enable: config.Tips.enable, - type: 'Native', - force: true, - onShow: function(tip, node, contains) { - var elem = contains; - config.Tips.onShow(tip, elem, node); - } - }, - Events: { - enable: true, - type: 'Native', - onClick: function(node, eventInfo, evt) { - if(!config.Events.enable) return; - var elem = eventInfo.getContains(); - config.Events.onClick(elem, eventInfo, evt); - }, - onMouseMove: function(node, eventInfo, evt) { - if(!config.hoveredColor) return; - if(node) { - var elem = eventInfo.getContains(); - that.select(node.id, elem.name, elem.index); - } else { - that.select(false, false, false); - } - } - }, - onCreateLabel: function(domElement, node) { - var labelConf = config.Label, - valueArray = node.getData('valueArray'), - acum = $.reduce(valueArray, function(x, y) { return x + y; }, 0); - var nlbs = { - wrapper: document.createElement('div'), - aggregate: document.createElement('div'), - label: document.createElement('div') - }; - var wrapper = nlbs.wrapper, - label = nlbs.label, - aggregate = nlbs.aggregate, - wrapperStyle = wrapper.style, - labelStyle = label.style, - aggregateStyle = aggregate.style; - //store node labels - nodeLabels[node.id] = nlbs; - //append labels - wrapper.appendChild(label); - wrapper.appendChild(aggregate); - if(!config.showLabels(node.name, acum, node)) { - labelStyle.display = 'none'; - } - if(!config.showAggregates(node.name, acum, node)) { - aggregateStyle.display = 'none'; - } - wrapperStyle.position = 'relative'; - wrapperStyle.overflow = 'visible'; - wrapperStyle.fontSize = labelConf.size + 'px'; - wrapperStyle.fontFamily = labelConf.family; - wrapperStyle.color = labelConf.color; - wrapperStyle.textAlign = 'center'; - aggregateStyle.position = labelStyle.position = 'absolute'; - - domElement.style.width = node.getData('width') + 'px'; - domElement.style.height = node.getData('height') + 'px'; - aggregateStyle.left = labelStyle.left = '0px'; - - label.innerHTML = node.name; - - domElement.appendChild(wrapper); - }, - onPlaceLabel: function(domElement, node) { - if(!nodeLabels[node.id]) return; - var labels = nodeLabels[node.id], - wrapperStyle = labels.wrapper.style, - labelStyle = labels.label.style, - aggregateStyle = labels.aggregate.style, - grouped = config.type.split(':')[0] == 'grouped', - horz = config.orientation == 'horizontal', - dimArray = node.getData('dimArray'), - valArray = node.getData('valueArray'), - width = (grouped && horz)? Math.max.apply(null, dimArray) : node.getData('width'), - height = (grouped && !horz)? Math.max.apply(null, dimArray) : node.getData('height'), - font = parseInt(wrapperStyle.fontSize, 10), - domStyle = domElement.style; - - - if(dimArray && valArray) { - wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; - for(var i=0, l=valArray.length, acum=0; i 0) { - acum+= valArray[i]; - } - } - if(config.showLabels(node.name, acum, node)) { - labelStyle.display = ''; - } else { - labelStyle.display = 'none'; - } - if(config.showAggregates(node.name, acum, node)) { - aggregateStyle.display = ''; - } else { - aggregateStyle.display = 'none'; - } - if(config.orientation == 'horizontal') { - aggregateStyle.textAlign = 'right'; - labelStyle.textAlign = 'left'; - labelStyle.textIndex = aggregateStyle.textIndent = config.labelOffset + 'px'; - aggregateStyle.top = labelStyle.top = (height-font)/2 + 'px'; - domElement.style.height = wrapperStyle.height = height + 'px'; - } else { - aggregateStyle.top = (-font - config.labelOffset) + 'px'; - labelStyle.top = (config.labelOffset + height) + 'px'; - domElement.style.top = parseInt(domElement.style.top, 10) - height + 'px'; - domElement.style.height = wrapperStyle.height = height + 'px'; - } - labels.aggregate.innerHTML = acum; - } - } - }); - - var size = st.canvas.getSize(), - margin = config.Margin; - if(horz) { - st.config.offsetX = size.width/2 - margin.left - - (config.showLabels && (config.labelOffset + config.Label.size)); - st.config.offsetY = (margin.bottom - margin.top)/2; - } else { - st.config.offsetY = -size.height/2 + margin.bottom - + (config.showLabels && (config.labelOffset + config.Label.size)); - st.config.offsetX = (margin.right - margin.left)/2; - } - this.st = st; - this.canvas = this.st.canvas; - }, - - /* - Method: loadJSON - - Loads JSON data into the visualization. - - Parameters: - - json - The JSON data format. This format is described in . - - Example: - (start code js) - var barChart = new $jit.BarChart(options); - barChart.loadJSON(json); - (end code) - */ - loadJSON: function(json) { - if(this.busy) return; - this.busy = true; - - var prefix = $.time(), - ch = [], - st = this.st, - name = $.splat(json.label), - color = $.splat(json.color || this.colors), - config = this.config, - gradient = !!config.type.split(":")[1], - animate = config.animate, - horz = config.orientation == 'horizontal', - that = this; - - for(var i=0, values=json.values, l=values.length; i. - onComplete - (object) A callback object to be called when the animation transition when updating the data end. - - Example: - - (start code js) - barChart.updateJSON(json, { - onComplete: function() { - alert('update complete!'); - } - }); - (end code) - */ - updateJSON: function(json, onComplete) { - if(this.busy) return; - this.busy = true; - - var st = this.st; - var graph = st.graph; - var values = json.values; - var animate = this.config.animate; - var that = this; - var horz = this.config.orientation == 'horizontal'; - $.each(values, function(v) { - var n = graph.getByName(v.label); - if(n) { - n.setData('valueArray', $.splat(v.values)); - if(json.label) { - n.setData('stringArray', $.splat(json.label)); - } - } - }); - this.normalizeDims(); - st.compute(); - st.select(st.root); - if(animate) { - if(horz) { - st.fx.animate({ - modes: ['node-property:width:dimArray'], - duration:1500, - onComplete: function() { - that.busy = false; - onComplete && onComplete.onComplete(); - } - }); - } else { - st.fx.animate({ - modes: ['node-property:height:dimArray'], - duration:1500, - onComplete: function() { - that.busy = false; - onComplete && onComplete.onComplete(); - } - }); - } - } - }, - - //adds the little brown bar when hovering the node - select: function(id, name) { - if(!this.config.hoveredColor) return; - var s = this.selected; - if(s.id != id || s.name != name) { - s.id = id; - s.name = name; - s.color = this.config.hoveredColor; - this.st.graph.eachNode(function(n) { - if(id == n.id) { - n.setData('border', s); - } else { - n.setData('border', false); - } - }); - this.st.plot(); - } - }, - - /* - Method: getLegend - - Returns an object containing as keys the legend names and as values hex strings with color values. - - Example: - - (start code js) - var legend = barChart.getLegend(); - (end code) - */ - getLegend: function() { - var legend = {}; - var n; - this.st.graph.getNode(this.st.root).eachAdjacency(function(adj) { - n = adj.nodeTo; - }); - var colors = n.getData('colorArray'), - len = colors.length; - $.each(n.getData('stringArray'), function(s, i) { - legend[s] = colors[i % len]; - }); - return legend; - }, - - /* - Method: getMaxValue - - Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. - - Example: - - (start code js) - var ans = barChart.getMaxValue(); - (end code) - - In some cases it could be useful to override this method to normalize heights for a group of BarCharts, like when doing small multiples. - - Example: - - (start code js) - //will return 100 for all BarChart instances, - //displaying all of them with the same scale - $jit.BarChart.implement({ - 'getMaxValue': function() { - return 100; - } - }); - (end code) - - */ - getMaxValue: function() { - var maxValue = 0, stacked = this.config.type.split(':')[0] == 'stacked'; - this.st.graph.eachNode(function(n) { - var valArray = n.getData('valueArray'), - acum = 0; - if(!valArray) return; - if(stacked) { - $.each(valArray, function(v) { - acum += +v; - }); - } else { - acum = Math.max.apply(null, valArray); - } - maxValue = maxValue>acum? maxValue:acum; - }); - return maxValue; - }, - - setBarType: function(type) { - this.config.type = type; - this.st.config.Node.type = 'barchart-' + type.split(':')[0]; - }, - - normalizeDims: function() { - //number of elements - var root = this.st.graph.getNode(this.st.root), l=0; - root.eachAdjacency(function() { - l++; - }); - var maxValue = this.getMaxValue() || 1, - size = this.st.canvas.getSize(), - config = this.config, - margin = config.Margin, - marginWidth = margin.left + margin.right, - marginHeight = margin.top + margin.bottom, - horz = config.orientation == 'horizontal', - fixedDim = (size[horz? 'height':'width'] - (horz? marginHeight:marginWidth) - (l -1) * config.barsOffset) / l, - animate = config.animate, - height = size[horz? 'width':'height'] - (horz? marginWidth:marginHeight) - - (!horz && config.showAggregates && (config.Label.size + config.labelOffset)) - - (config.showLabels && (config.Label.size + config.labelOffset)), - dim1 = horz? 'height':'width', - dim2 = horz? 'width':'height'; - this.st.graph.eachNode(function(n) { - var acum = 0, animateValue = []; - $.each(n.getData('valueArray'), function(v) { - acum += +v; - animateValue.push(0); - }); - n.setData(dim1, fixedDim); - if(animate) { - n.setData(dim2, acum * height / maxValue, 'end'); - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return n * height / maxValue; - }), 'end'); - var dimArray = n.getData('dimArray'); - if(!dimArray) { - n.setData('dimArray', animateValue); - } - } else { - n.setData(dim2, acum * height / maxValue); - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return n * height / maxValue; - })); - } - }); - } -}); - -/* - * File: Options.PieChart.js - * -*/ -/* - Object: Options.PieChart - - options. - Other options included in the PieChart are , , and . - - Syntax: - - (start code js) - - Options.PieChart = { - animate: true, - offset: 25, - sliceOffset:0, - labelOffset: 3, - type: 'stacked', - hoveredColor: '#9fd4ff', - showLabels: true, - resizeLabels: false, - updateHeights: false - }; - - (end code) - - Example: - - (start code js) - - var pie = new $jit.PieChart({ - animate: true, - sliceOffset: 5, - type: 'stacked:gradient' - }); - - (end code) - - Parameters: - - animate - (boolean) Default's *true*. Whether to add animated transitions when plotting/updating the visualization. - offset - (number) Default's *25*. Adds margin between the visualization and the canvas. - sliceOffset - (number) Default's *0*. Separation between the center of the canvas and each pie slice. - labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. - type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. - hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered pie stack. - showLabels - (boolean) Default's *true*. Display the name of the slots. - resizeLabels - (boolean|number) Default's *false*. Resize the pie labels according to their stacked values. Set a number for *resizeLabels* to set a font size minimum. - updateHeights - (boolean) Default's *false*. Only for mono-valued (most common) pie charts. Resize the height of the pie slices according to their current values. - -*/ -Options.PieChart = { - $extend: true, - - animate: true, - offset: 25, // page offset - sliceOffset:0, - labelOffset: 3, // label offset - type: 'stacked', // gradient - hoveredColor: '#9fd4ff', - Events: { - enable: false, - onClick: $.empty - }, - Tips: { - enable: false, - onShow: $.empty, - onHide: $.empty - }, - showLabels: true, - resizeLabels: false, - - //only valid for mono-valued datasets - updateHeights: false -}; - -/* - * Class: Layouts.Radial - * - * Implements a Radial Layout. - * - * Implemented By: - * - * , - * - */ -Layouts.Radial = new Class({ - - /* - * Method: compute - * - * Computes nodes' positions. - * - * Parameters: - * - * property - _optional_ A position property to store the new - * positions. Possible values are 'pos', 'end' or 'start'. - * - */ - compute : function(property) { - var prop = $.splat(property || [ 'current', 'start', 'end' ]); - NodeDim.compute(this.graph, prop, this.config); - this.graph.computeLevels(this.root, 0, "ignore"); - var lengthFunc = this.createLevelDistanceFunc(); - this.computeAngularWidths(prop); - this.computePositions(prop, lengthFunc); - }, - - /* - * computePositions - * - * Performs the main algorithm for computing node positions. - */ - computePositions : function(property, getLength) { - var propArray = property; - var graph = this.graph; - var root = graph.getNode(this.root); - var parent = this.parent; - var config = this.config; - - for ( var i=0, l=propArray.length; i < l; i++) { - var pi = propArray[i]; - root.setPos($P(0, 0), pi); - root.setData('span', Math.PI * 2, pi); - } - - root.angleSpan = { - begin : 0, - end : 2 * Math.PI - }; - - graph.eachBFS(this.root, function(elem) { - var angleSpan = elem.angleSpan.end - elem.angleSpan.begin; - var angleInit = elem.angleSpan.begin; - var len = getLength(elem); - //Calculate the sum of all angular widths - var totalAngularWidths = 0, subnodes = [], maxDim = {}; - elem.eachSubnode(function(sib) { - totalAngularWidths += sib._treeAngularWidth; - //get max dim - for ( var i=0, l=propArray.length; i < l; i++) { - var pi = propArray[i], dim = sib.getData('dim', pi); - maxDim[pi] = (pi in maxDim)? (dim > maxDim[pi]? dim : maxDim[pi]) : dim; - } - subnodes.push(sib); - }, "ignore"); - //Maintain children order - //Second constraint for - if (parent && parent.id == elem.id && subnodes.length > 0 - && subnodes[0].dist) { - subnodes.sort(function(a, b) { - return (a.dist >= b.dist) - (a.dist <= b.dist); - }); - } - //Calculate nodes positions. - for (var k = 0, ls=subnodes.length; k < ls; k++) { - var child = subnodes[k]; - if (!child._flag) { - var angleProportion = child._treeAngularWidth / totalAngularWidths * angleSpan; - var theta = angleInit + angleProportion / 2; - - for ( var i=0, l=propArray.length; i < l; i++) { - var pi = propArray[i]; - child.setPos($P(theta, len), pi); - child.setData('span', angleProportion, pi); - child.setData('dim-quotient', child.getData('dim', pi) / maxDim[pi], pi); - } - - child.angleSpan = { - begin : angleInit, - end : angleInit + angleProportion - }; - angleInit += angleProportion; - } - } - }, "ignore"); - }, - - /* - * Method: setAngularWidthForNodes - * - * Sets nodes angular widths. - */ - setAngularWidthForNodes : function(prop) { - this.graph.eachBFS(this.root, function(elem, i) { - var diamValue = elem.getData('angularWidth', prop[0]) || 5; - elem._angularWidth = diamValue / i; - }, "ignore"); - }, - - /* - * Method: setSubtreesAngularWidth - * - * Sets subtrees angular widths. - */ - setSubtreesAngularWidth : function() { - var that = this; - this.graph.eachNode(function(elem) { - that.setSubtreeAngularWidth(elem); - }, "ignore"); - }, - - /* - * Method: setSubtreeAngularWidth - * - * Sets the angular width for a subtree. - */ - setSubtreeAngularWidth : function(elem) { - var that = this, nodeAW = elem._angularWidth, sumAW = 0; - elem.eachSubnode(function(child) { - that.setSubtreeAngularWidth(child); - sumAW += child._treeAngularWidth; - }, "ignore"); - elem._treeAngularWidth = Math.max(nodeAW, sumAW); - }, - - /* - * Method: computeAngularWidths - * - * Computes nodes and subtrees angular widths. - */ - computeAngularWidths : function(prop) { - this.setAngularWidthForNodes(prop); - this.setSubtreesAngularWidth(); - } - -}); - - -/* - * File: Sunburst.js - */ - -/* - Class: Sunburst - - A radial space filling tree visualization. - - Inspired by: - - Sunburst . - - Note: - - This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. - levelDistance - (number) Default's *100*. The distance between levels of the tree. - Node.type - Described in . Default's to *multipie*. - Node.height - Described in . Default's *0*. - Edge.type - Described in . Default's *none*. - Label.textAlign - Described in . Default's *start*. - Label.textBaseline - Described in . Default's *middle*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - -*/ - -$jit.Sunburst = new Class({ - - Implements: [ Loader, Extras, Layouts.Radial ], - - initialize: function(controller) { - var $Sunburst = $jit.Sunburst; - - var config = { - interpolation: 'linear', - levelDistance: 100, - Node: { - 'type': 'multipie', - 'height':0 - }, - Edge: { - 'type': 'none' - }, - Label: { - textAlign: 'start', - textBaseline: 'middle' - } - }; - - this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", - "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); - - var canvasConfig = this.config; - if(canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': false, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - this.graph = new Graph(this.graphOptions, this.config.Node, - this.config.Edge); - this.labels = new $Sunburst.Label[canvasConfig.Label.type](this); - this.fx = new $Sunburst.Plot(this, $Sunburst); - this.op = new $Sunburst.Op(this); - this.json = null; - this.root = null; - this.rotated = null; - this.busy = false; - // initialize extras - this.initializeExtras(); - }, - - /* - - createLevelDistanceFunc - - Returns the levelDistance function used for calculating a node distance - to its origin. This function returns a function that is computed - per level and not per node, such that all nodes with the same depth will have the - same distance to the origin. The resulting function gets the - parent node as parameter and returns a float. - - */ - createLevelDistanceFunc: function() { - var ld = this.config.levelDistance; - return function(elem) { - return (elem._depth + 1) * ld; - }; - }, - - /* - Method: refresh - - Computes positions and plots the tree. - - */ - refresh: function() { - this.compute(); - this.plot(); - }, - - /* - reposition - - An alias for computing new positions to _endPos_ - - See also: - - - - */ - reposition: function() { - this.compute('end'); - }, - - /* - Method: rotate - - Rotates the graph so that the selected node is horizontal on the right. - - Parameters: - - node - (object) A . - method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". - opt - (object) Configuration options merged with this visualization configuration options. - - See also: - - - - */ - rotate: function(node, method, opt) { - var theta = node.getPos(opt.property || 'current').getp(true).theta; - this.rotated = node; - this.rotateAngle(-theta, method, opt); - }, - - /* - Method: rotateAngle - - Rotates the graph of an angle theta. - - Parameters: - - node - (object) A . - method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". - opt - (object) Configuration options merged with this visualization configuration options. - - See also: - - - - */ - rotateAngle: function(theta, method, opt) { - var that = this; - var options = $.merge(this.config, opt || {}, { - modes: [ 'polar' ] - }); - var prop = opt.property || (method === "animate" ? 'end' : 'current'); - if(method === 'animate') { - this.fx.animation.pause(); - } - this.graph.eachNode(function(n) { - var p = n.getPos(prop); - p.theta += theta; - if (p.theta < 0) { - p.theta += Math.PI * 2; - } - }); - if (method == 'animate') { - this.fx.animate(options); - } else if (method == 'replot') { - this.fx.plot(); - this.busy = false; - } - }, - - /* - Method: plot - - Plots the Sunburst. This is a shortcut to *fx.plot*. - */ - plot: function() { - this.fx.plot(); - } -}); - -$jit.Sunburst.$extend = true; - -(function(Sunburst) { - - /* - Class: Sunburst.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Sunburst.Op = new Class( { - - Implements: Graph.Op - - }); - - /* - Class: Sunburst.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Sunburst.Plot = new Class( { - - Implements: Graph.Plot - - }); - - /* - Class: Sunburst.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - - */ - Sunburst.Label = {}; - - /* - Sunburst.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - - */ - Sunburst.Label.Native = new Class( { - Implements: Graph.Label.Native, - - initialize: function(viz) { - this.viz = viz; - this.label = viz.config.Label; - this.config = viz.config; - }, - - renderLabel: function(canvas, node, controller) { - var span = node.getData('span'); - if(span < Math.PI /2 && Math.tan(span) * - this.config.levelDistance * node._depth < 10) { - return; - } - var ctx = canvas.getCtx(); - var measure = ctx.measureText(node.name); - if (node.id == this.viz.root) { - var x = -measure.width / 2, y = 0, thetap = 0; - var ld = 0; - } else { - var indent = 5; - var ld = controller.levelDistance - indent; - var clone = node.pos.clone(); - clone.rho += indent; - var p = clone.getp(true); - var ct = clone.getc(true); - var x = ct.x, y = ct.y; - // get angle in degrees - var pi = Math.PI; - var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); - var thetap = cond ? p.theta + pi : p.theta; - if (cond) { - x -= Math.abs(Math.cos(p.theta) * measure.width); - y += Math.sin(p.theta) * measure.width; - } else if (node.id == this.viz.root) { - x -= measure.width / 2; - } - } - ctx.save(); - ctx.translate(x, y); - ctx.rotate(thetap); - ctx.fillText(node.name, 0, 0); - ctx.restore(); - } - }); - - /* - Sunburst.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Sunburst.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz) { - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), viz = this.viz, canvas = this.viz.canvas; - var radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x + radius.width / 2), - y: Math.round(pos.y + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - - var bb = tag.getBBox(); - if (bb) { - // center the label - var x = tag.getAttribute('x'); - var y = tag.getAttribute('y'); - // get polar coordinates - var p = node.pos.getp(true); - // get angle in degrees - var pi = Math.PI; - var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); - if (cond) { - tag.setAttribute('x', x - bb.width); - tag.setAttribute('y', y - bb.height); - } else if (node.id == viz.root) { - tag.setAttribute('x', x - bb.width / 2); - } - - var thetap = cond ? p.theta + pi : p.theta; - if(node._depth) - tag.setAttribute('transform', 'rotate(' + thetap * 360 / (2 * pi) + ' ' + x - + ' ' + y + ')'); - } - - controller.onPlaceLabel(tag, node); -} - }); - - /* - Sunburst.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - - */ - Sunburst.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz) { - this.viz = viz; - }, - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.clone(), - canvas = this.viz.canvas, - height = node.getData('height'), - ldist = ((height || node._depth == 0)? height : this.viz.config.levelDistance) /2, - radius = canvas.getSize(); - pos.rho += ldist; - pos = pos.getc(true); - - var labelPos = { - x: Math.round(pos.x + radius.width / 2), - y: Math.round(pos.y + radius.height / 2) - }; - - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; - - controller.onPlaceLabel(tag, node); - } - }); - - /* - Class: Sunburst.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'pie', 'multipie', 'gradient-pie' and 'gradient-multipie'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - Sunburst.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - - */ - Sunburst.Plot.NodeTypes = new Class( { - 'none': { - 'render': $.empty, - 'contains': $.lambda(false), - 'anglecontains': function(node, pos) { - var span = node.getData('span') / 2, theta = node.pos.theta; - var begin = theta - span, end = theta + span; - if (begin < 0) - begin += Math.PI * 2; - var atan = Math.atan2(pos.y, pos.x); - if (atan < 0) - atan += Math.PI * 2; - if (begin > end) { - return (atan > begin && atan <= Math.PI * 2) || atan < end; - } else { - return atan > begin && atan < end; - } - } - }, - - 'pie': { - 'render': function(node, canvas) { - var span = node.getData('span') / 2, theta = node.pos.theta; - var begin = theta - span, end = theta + span; - var polarNode = node.pos.getp(true); - var polar = new Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - polar.theta = end; - var p2coord = polar.getc(true); - - var ctx = canvas.getCtx(); - ctx.beginPath(); - ctx.moveTo(0, 0); - ctx.lineTo(p1coord.x, p1coord.y); - ctx.moveTo(0, 0); - ctx.lineTo(p2coord.x, p2coord.y); - ctx.moveTo(0, 0); - ctx.arc(0, 0, polarNode.rho * node.getData('dim-quotient'), begin, end, - false); - ctx.fill(); - }, - 'contains': function(node, pos) { - if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { - var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); - var ld = this.config.levelDistance, d = node._depth; - return (rho <= ld * d); - } - return false; - } - }, - 'multipie': { - 'render': function(node, canvas) { - var height = node.getData('height'); - var ldist = height? height : this.config.levelDistance; - var span = node.getData('span') / 2, theta = node.pos.theta; - var begin = theta - span, end = theta + span; - var polarNode = node.pos.getp(true); - - var polar = new Polar(polarNode.rho, begin); - var p1coord = polar.getc(true); - - polar.theta = end; - var p2coord = polar.getc(true); - - polar.rho += ldist; - var p3coord = polar.getc(true); - - polar.theta = begin; - var p4coord = polar.getc(true); - - var ctx = canvas.getCtx(); - ctx.moveTo(0, 0); - ctx.beginPath(); - ctx.arc(0, 0, polarNode.rho, begin, end, false); - ctx.arc(0, 0, polarNode.rho + ldist, end, begin, true); - ctx.moveTo(p1coord.x, p1coord.y); - ctx.lineTo(p4coord.x, p4coord.y); - ctx.moveTo(p2coord.x, p2coord.y); - ctx.lineTo(p3coord.x, p3coord.y); - ctx.fill(); - - if (node.collapsed) { - ctx.save(); - ctx.lineWidth = 2; - ctx.moveTo(0, 0); - ctx.beginPath(); - ctx.arc(0, 0, polarNode.rho + ldist + 5, end - 0.01, begin + 0.01, - true); - ctx.stroke(); - ctx.restore(); - } - }, - 'contains': function(node, pos) { - if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { - var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); - var height = node.getData('height'); - var ldist = height? height : this.config.levelDistance; - var ld = this.config.levelDistance, d = node._depth; - return (rho >= ld * d) && (rho <= (ld * d + ldist)); - } - return false; - } - }, - - 'gradient-multipie': { - 'render': function(node, canvas) { - var ctx = canvas.getCtx(); - var height = node.getData('height'); - var ldist = height? height : this.config.levelDistance; - var radialGradient = ctx.createRadialGradient(0, 0, node.getPos().rho, - 0, 0, node.getPos().rho + ldist); - - var colorArray = $.hexToRgb(node.getData('color')), ans = []; - $.each(colorArray, function(i) { - ans.push(parseInt(i * 0.5, 10)); - }); - var endColor = $.rgbToHex(ans); - radialGradient.addColorStop(0, endColor); - radialGradient.addColorStop(1, node.getData('color')); - ctx.fillStyle = radialGradient; - this.nodeTypes['multipie'].render.call(this, node, canvas); - }, - 'contains': function(node, pos) { - return this.nodeTypes['multipie'].contains.call(this, node, pos); - } - }, - - 'gradient-pie': { - 'render': function(node, canvas) { - var ctx = canvas.getCtx(); - var radialGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, node - .getPos().rho); - - var colorArray = $.hexToRgb(node.getData('color')), ans = []; - $.each(colorArray, function(i) { - ans.push(parseInt(i * 0.5, 10)); - }); - var endColor = $.rgbToHex(ans); - radialGradient.addColorStop(1, endColor); - radialGradient.addColorStop(0, node.getData('color')); - ctx.fillStyle = radialGradient; - this.nodeTypes['pie'].render.call(this, node, canvas); - }, - 'contains': function(node, pos) { - return this.nodeTypes['pie'].contains.call(this, node, pos); - } - } - }); - - /* - Class: Sunburst.Plot.EdgeTypes - - This class contains a list of built-in types. - Edge types implemented are 'none', 'line' and 'arrow'. - - You can add your custom edge types, customizing your visualization to the extreme. - - Example: - - (start code js) - Sunburst.Plot.EdgeTypes.implement({ - 'mySpecialType': { - 'render': function(adj, canvas) { - //print your custom edge to canvas - }, - //optional - 'contains': function(adj, pos) { - //return true if pos is inside the arc or false otherwise - } - } - }); - (end code) - - */ - Sunburst.Plot.EdgeTypes = new Class({ - 'none': $.empty, - 'line': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - this.edgeHelper.line.render(from, to, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); - } - }, - 'arrow': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - dim = adj.getData('dim'), - direction = adj.data.$direction, - inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); - this.edgeHelper.arrow.render(from, to, dim, inv, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); - } - }, - 'hyperline': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(), - to = adj.nodeTo.pos.getc(), - dim = Math.max(from.norm(), to.norm()); - this.edgeHelper.hyperline.render(from.$scale(1/dim), to.$scale(1/dim), dim, canvas); - }, - 'contains': $.lambda(false) //TODO(nico): Implement this! - } - }); - -})($jit.Sunburst); - - -/* - * File: PieChart.js - * -*/ - -$jit.Sunburst.Plot.NodeTypes.implement({ - 'piechart-stacked' : { - 'render' : function(node, canvas) { - var pos = node.pos.getp(true), - dimArray = node.getData('dimArray'), - valueArray = node.getData('valueArray'), - colorArray = node.getData('colorArray'), - colorLength = colorArray.length, - stringArray = node.getData('stringArray'), - span = node.getData('span') / 2, - theta = node.pos.theta, - begin = theta - span, - end = theta + span, - polar = new Polar; - - var ctx = canvas.getCtx(), - opt = {}, - gradient = node.getData('gradient'), - border = node.getData('border'), - config = node.getData('config'), - showLabels = config.showLabels, - resizeLabels = config.resizeLabels, - label = config.Label; - - var xpos = config.sliceOffset * Math.cos((begin + end) /2); - var ypos = config.sliceOffset * Math.sin((begin + end) /2); - - if (colorArray && dimArray && stringArray) { - for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; }), - endColor = $.rgbToHex(ans); - - radialGradient.addColorStop(0, colori); - radialGradient.addColorStop(0.5, colori); - radialGradient.addColorStop(1, endColor); - ctx.fillStyle = radialGradient; - } - - polar.rho = acum + config.sliceOffset; - polar.theta = begin; - var p1coord = polar.getc(true); - polar.theta = end; - var p2coord = polar.getc(true); - polar.rho += dimi; - var p3coord = polar.getc(true); - polar.theta = begin; - var p4coord = polar.getc(true); - - ctx.beginPath(); - //fixing FF arc method + fill - ctx.arc(xpos, ypos, acum + .01, begin, end, false); - ctx.arc(xpos, ypos, acum + dimi + .01, end, begin, true); - ctx.fill(); - if(border && border.name == stringArray[i]) { - opt.acum = acum; - opt.dimValue = dimArray[i]; - opt.begin = begin; - opt.end = end; - } - acum += (dimi || 0); - valAcum += (valueArray[i] || 0); - } - if(border) { - ctx.save(); - ctx.globalCompositeOperation = "source-over"; - ctx.lineWidth = 2; - ctx.strokeStyle = border.color; - var s = begin < end? 1 : -1; - ctx.beginPath(); - //fixing FF arc method + fill - ctx.arc(xpos, ypos, opt.acum + .01 + 1, opt.begin, opt.end, false); - ctx.arc(xpos, ypos, opt.acum + opt.dimValue + .01 - 1, opt.end, opt.begin, true); - ctx.closePath(); - ctx.stroke(); - ctx.restore(); - } - if(showLabels && label.type == 'Native') { - ctx.save(); - ctx.fillStyle = ctx.strokeStyle = label.color; - var scale = resizeLabels? node.getData('normalizedDim') : 1, - fontSize = (label.size * scale) >> 0; - fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; - - ctx.font = label.style + ' ' + fontSize + 'px ' + label.family; - ctx.textBaseline = 'middle'; - ctx.textAlign = 'center'; - - polar.rho = acum + config.labelOffset + config.sliceOffset; - polar.theta = node.pos.theta; - var cart = polar.getc(true); - - ctx.fillText(node.name, cart.x, cart.y); - ctx.restore(); - } - } - }, - 'contains': function(node, pos) { - if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { - var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); - var ld = this.config.levelDistance, d = node._depth; - var config = node.getData('config'); - if(rho <=ld * d + config.sliceOffset) { - var dimArray = node.getData('dimArray'); - for(var i=0,l=dimArray.length,acum=config.sliceOffset; i= acum && rho <= acum + dimi) { - return { - name: node.getData('stringArray')[i], - color: node.getData('colorArray')[i], - value: node.getData('valueArray')[i], - label: node.name - }; - } - acum += dimi; - } - } - return false; - - } - return false; - } - } -}); - -/* - Class: PieChart - - A visualization that displays stacked bar charts. - - Constructor Options: - - See . - -*/ -$jit.PieChart = new Class({ - sb: null, - colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], - selected: {}, - busy: false, - - initialize: function(opt) { - this.controller = this.config = - $.merge(Options("Canvas", "PieChart", "Label"), { - Label: { type: 'Native' } - }, opt); - this.initializeViz(); - }, - - initializeViz: function() { - var config = this.config, that = this; - var nodeType = config.type.split(":")[0]; - var sb = new $jit.Sunburst({ - injectInto: config.injectInto, - useCanvas: config.useCanvas, - withLabels: config.Label.type != 'Native', - Label: { - type: config.Label.type - }, - Node: { - overridable: true, - type: 'piechart-' + nodeType, - width: 1, - height: 1 - }, - Edge: { - type: 'none' - }, - Tips: { - enable: config.Tips.enable, - type: 'Native', - force: true, - onShow: function(tip, node, contains) { - var elem = contains; - config.Tips.onShow(tip, elem, node); - } - }, - Events: { - enable: true, - type: 'Native', - onClick: function(node, eventInfo, evt) { - if(!config.Events.enable) return; - var elem = eventInfo.getContains(); - config.Events.onClick(elem, eventInfo, evt); - }, - onMouseMove: function(node, eventInfo, evt) { - if(!config.hoveredColor) return; - if(node) { - var elem = eventInfo.getContains(); - that.select(node.id, elem.name, elem.index); - } else { - that.select(false, false, false); - } - } - }, - onCreateLabel: function(domElement, node) { - var labelConf = config.Label; - if(config.showLabels) { - var style = domElement.style; - style.fontSize = labelConf.size + 'px'; - style.fontFamily = labelConf.family; - style.color = labelConf.color; - style.textAlign = 'center'; - domElement.innerHTML = node.name; - } - }, - onPlaceLabel: function(domElement, node) { - if(!config.showLabels) return; - var pos = node.pos.getp(true), - dimArray = node.getData('dimArray'), - span = node.getData('span') / 2, - theta = node.pos.theta, - begin = theta - span, - end = theta + span, - polar = new Polar; - - var showLabels = config.showLabels, - resizeLabels = config.resizeLabels, - label = config.Label; - - if (dimArray) { - for (var i=0, l=dimArray.length, acum=0; i> 0; - fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; - domElement.style.fontSize = fontSize + 'px'; - polar.rho = acum + config.labelOffset + config.sliceOffset; - polar.theta = (begin + end) / 2; - var pos = polar.getc(true); - var radius = that.canvas.getSize(); - var labelPos = { - x: Math.round(pos.x + radius.width / 2), - y: Math.round(pos.y + radius.height / 2) - }; - domElement.style.left = labelPos.x + 'px'; - domElement.style.top = labelPos.y + 'px'; - } - } - }); - - var size = sb.canvas.getSize(), - min = Math.min; - sb.config.levelDistance = min(size.width, size.height)/2 - - config.offset - config.sliceOffset; - this.sb = sb; - this.canvas = this.sb.canvas; - this.canvas.getCtx().globalCompositeOperation = 'lighter'; - }, - - /* - Method: loadJSON - - Loads JSON data into the visualization. - - Parameters: - - json - The JSON data format. This format is described in . - - Example: - (start code js) - var pieChart = new $jit.PieChart(options); - pieChart.loadJSON(json); - (end code) - */ - loadJSON: function(json) { - var prefix = $.time(), - ch = [], - sb = this.sb, - name = $.splat(json.label), - nameLength = name.length, - color = $.splat(json.color || this.colors), - colorLength = color.length, - config = this.config, - gradient = !!config.type.split(":")[1], - animate = config.animate, - mono = nameLength == 1; - - for(var i=0, values=json.values, l=values.length; i. - onComplete - (object) A callback object to be called when the animation transition when updating the data end. - - Example: - - (start code js) - pieChart.updateJSON(json, { - onComplete: function() { - alert('update complete!'); - } - }); - (end code) - */ - updateJSON: function(json, onComplete) { - if(this.busy) return; - this.busy = true; - - var sb = this.sb; - var graph = sb.graph; - var values = json.values; - var animate = this.config.animate; - var that = this; - $.each(values, function(v) { - var n = graph.getByName(v.label), - vals = $.splat(v.values); - if(n) { - n.setData('valueArray', vals); - n.setData('angularWidth', $.reduce(vals, function(x,y){return x+y;})); - if(json.label) { - n.setData('stringArray', $.splat(json.label)); - } - } - }); - this.normalizeDims(); - if(animate) { - sb.compute('end'); - sb.fx.animate({ - modes: ['node-property:dimArray:span', 'linear'], - duration:1500, - onComplete: function() { - that.busy = false; - onComplete && onComplete.onComplete(); - } - }); - } else { - sb.refresh(); - } - }, - - //adds the little brown bar when hovering the node - select: function(id, name) { - if(!this.config.hoveredColor) return; - var s = this.selected; - if(s.id != id || s.name != name) { - s.id = id; - s.name = name; - s.color = this.config.hoveredColor; - this.sb.graph.eachNode(function(n) { - if(id == n.id) { - n.setData('border', s); - } else { - n.setData('border', false); - } - }); - this.sb.plot(); - } - }, - - /* - Method: getLegend - - Returns an object containing as keys the legend names and as values hex strings with color values. - - Example: - - (start code js) - var legend = pieChart.getLegend(); - (end code) - */ - getLegend: function() { - var legend = {}; - var n; - this.sb.graph.getNode(this.sb.root).eachAdjacency(function(adj) { - n = adj.nodeTo; - }); - var colors = n.getData('colorArray'), - len = colors.length; - $.each(n.getData('stringArray'), function(s, i) { - legend[s] = colors[i % len]; - }); - return legend; - }, - - /* - Method: getMaxValue - - Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. - - Example: - - (start code js) - var ans = pieChart.getMaxValue(); - (end code) - - In some cases it could be useful to override this method to normalize heights for a group of PieCharts, like when doing small multiples. - - Example: - - (start code js) - //will return 100 for all PieChart instances, - //displaying all of them with the same scale - $jit.PieChart.implement({ - 'getMaxValue': function() { - return 100; - } - }); - (end code) - - */ - getMaxValue: function() { - var maxValue = 0; - this.sb.graph.eachNode(function(n) { - var valArray = n.getData('valueArray'), - acum = 0; - $.each(valArray, function(v) { - acum += +v; - }); - maxValue = maxValue>acum? maxValue:acum; - }); - return maxValue; - }, - - normalizeDims: function() { - //number of elements - var root = this.sb.graph.getNode(this.sb.root), l=0; - root.eachAdjacency(function() { - l++; - }); - var maxValue = this.getMaxValue() || 1, - config = this.config, - animate = config.animate, - rho = this.sb.config.levelDistance; - this.sb.graph.eachNode(function(n) { - var acum = 0, animateValue = []; - $.each(n.getData('valueArray'), function(v) { - acum += +v; - animateValue.push(1); - }); - var stat = (animateValue.length == 1) && !config.updateHeights; - if(animate) { - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return stat? rho: (n * rho / maxValue); - }), 'end'); - var dimArray = n.getData('dimArray'); - if(!dimArray) { - n.setData('dimArray', animateValue); - } - } else { - n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { - return stat? rho : (n * rho / maxValue); - })); - } - n.setData('normalizedDim', acum / maxValue); - }); - } -}); - -/* - * Class: Layouts.TM - * - * Implements TreeMaps layouts (SliceAndDice, Squarified, Strip). - * - * Implemented By: - * - * - * - */ -Layouts.TM = {}; - -Layouts.TM.SliceAndDice = new Class({ - compute: function(prop) { - var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); - this.controller.onBeforeCompute(root); - var size = this.canvas.getSize(), - config = this.config, - width = size.width, - height = size.height; - this.graph.computeLevels(this.root, 0, "ignore"); - //set root position and dimensions - root.getPos(prop).setc(-width/2, -height/2); - root.setData('width', width, prop); - root.setData('height', height + config.titleHeight, prop); - this.computePositions(root, root, this.layout.orientation, prop); - this.controller.onAfterCompute(root); - }, - - computePositions: function(par, ch, orn, prop) { - //compute children areas - var totalArea = 0; - par.eachSubnode(function(n) { - totalArea += n.getData('area', prop); - }); - - var config = this.config, - offst = config.offset, - width = par.getData('width', prop), - height = par.getData('height', prop) - config.titleHeight, - fact = par == ch? 1: (ch.getData('area', prop) / totalArea); - - var otherSize, size, dim, pos, pos2, posth, pos2th; - var horizontal = (orn == "h"); - if(horizontal) { - orn = 'v'; - otherSize = height; - size = width * fact; - dim = 'height'; - pos = 'y'; - pos2 = 'x'; - posth = config.titleHeight; - pos2th = 0; - } else { - orn = 'h'; - otherSize = height * fact; - size = width; - dim = 'width'; - pos = 'x'; - pos2 = 'y'; - posth = 0; - pos2th = config.titleHeight; - } - var cpos = ch.getPos(prop); - ch.setData('width', size, prop); - ch.setData('height', otherSize, prop); - var offsetSize = 0, tm = this; - ch.eachSubnode(function(n) { - var p = n.getPos(prop); - p[pos] = offsetSize + cpos[pos] + posth; - p[pos2] = cpos[pos2] + pos2th; - tm.computePositions(ch, n, orn, prop); - offsetSize += n.getData(dim, prop); - }); - } - -}); - -Layouts.TM.Area = { - /* - Method: compute - - Called by loadJSON to calculate recursively all node positions and lay out the tree. - - Parameters: - - json - A JSON tree. See also . - coord - A coordinates object specifying width, height, left and top style properties. - */ - compute: function(prop) { - prop = prop || "current"; - var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); - this.controller.onBeforeCompute(root); - var config = this.config, - size = this.canvas.getSize(), - width = size.width, - height = size.height, - offst = config.offset, - offwdth = width - offst, - offhght = height - offst; - this.graph.computeLevels(this.root, 0, "ignore"); - //set root position and dimensions - root.getPos(prop).setc(-width/2, -height/2); - root.setData('width', width, prop); - root.setData('height', height, prop); - //create a coordinates object - var coord = { - 'top': -height/2 + config.titleHeight, - 'left': -width/2, - 'width': offwdth, - 'height': offhght - config.titleHeight - }; - this.computePositions(root, coord, prop); - this.controller.onAfterCompute(root); - }, - - /* - Method: computeDim - - Computes dimensions and positions of a group of nodes - according to a custom layout row condition. - - Parameters: - - tail - An array of nodes. - initElem - An array of nodes (containing the initial node to be laid). - w - A fixed dimension where nodes will be layed out. - coord - A coordinates object specifying width, height, left and top style properties. - comp - A custom comparison function - */ - computeDim: function(tail, initElem, w, coord, comp, prop) { - if(tail.length + initElem.length == 1) { - var l = (tail.length == 1)? tail : initElem; - this.layoutLast(l, w, coord, prop); - return; - } - if(tail.length >= 2 && initElem.length == 0) { - initElem = [tail.shift()]; - } - if(tail.length == 0) { - if(initElem.length > 0) this.layoutRow(initElem, w, coord, prop); - return; - } - var c = tail[0]; - if(comp(initElem, w) >= comp([c].concat(initElem), w)) { - this.computeDim(tail.slice(1), initElem.concat([c]), w, coord, comp, prop); - } else { - var newCoords = this.layoutRow(initElem, w, coord, prop); - this.computeDim(tail, [], newCoords.dim, newCoords, comp, prop); - } - }, - - - /* - Method: worstAspectRatio - - Calculates the worst aspect ratio of a group of rectangles. - - See also: - - - - Parameters: - - ch - An array of nodes. - w - The fixed dimension where rectangles are being laid out. - - Returns: - - The worst aspect ratio. - - - */ - worstAspectRatio: function(ch, w) { - if(!ch || ch.length == 0) return Number.MAX_VALUE; - var areaSum = 0, maxArea = 0, minArea = Number.MAX_VALUE; - for(var i=0, l=ch.length; i area? maxArea : area; - } - var sqw = w * w, sqAreaSum = areaSum * areaSum; - return Math.max(sqw * maxArea / sqAreaSum, - sqAreaSum / (sqw * minArea)); - }, - - /* - Method: avgAspectRatio - - Calculates the average aspect ratio of a group of rectangles. - - See also: - - - - Parameters: - - ch - An array of nodes. - w - The fixed dimension where rectangles are being laid out. - - Returns: - - The average aspect ratio. - - - */ - avgAspectRatio: function(ch, w) { - if(!ch || ch.length == 0) return Number.MAX_VALUE; - var arSum = 0; - for(var i=0, l=ch.length; i h? w / h : h / w; - } - return arSum / l; - }, - - /* - layoutLast - - Performs the layout of the last computed sibling. - - Parameters: - - ch - An array of nodes. - w - A fixed dimension where nodes will be layed out. - coord - A coordinates object specifying width, height, left and top style properties. - */ - layoutLast: function(ch, w, coord, prop) { - var child = ch[0]; - child.getPos(prop).setc(coord.left, coord.top); - child.setData('width', coord.width, prop); - child.setData('height', coord.height, prop); - } -}; - - -Layouts.TM.Squarified = new Class({ - Implements: Layouts.TM.Area, - - computePositions: function(node, coord, prop) { - var config = this.config; - - if (coord.width >= coord.height) - this.layout.orientation = 'h'; - else - this.layout.orientation = 'v'; - - var ch = node.getSubnodes([1, 1], "ignore"); - if(ch.length > 0) { - this.processChildrenLayout(node, ch, coord, prop); - for(var i=0, l=ch.length; i. - coord - A coordinates object specifying width, height, left and top style properties. - */ - computePositions: function(node, coord, prop) { - var ch = node.getSubnodes([1, 1], "ignore"), config = this.config; - if(ch.length > 0) { - this.processChildrenLayout(node, ch, coord, prop); - for(var i=0, l=ch.length; i - * - */ - -Layouts.Icicle = new Class({ - /* - * Method: compute - * - * Called by loadJSON to calculate all node positions. - * - * Parameters: - * - * posType - The nodes' position to compute. Either "start", "end" or - * "current". Defaults to "current". - */ - compute: function(posType) { - posType = posType || "current"; - - var root = this.graph.getNode(this.root), - config = this.config, - size = this.canvas.getSize(), - width = size.width, - height = size.height, - offset = config.offset, - levelsToShow = config.constrained ? config.levelsToShow : Number.MAX_VALUE; - - this.controller.onBeforeCompute(root); - - Graph.Util.computeLevels(this.graph, root.id, 0, "ignore"); - - var treeDepth = 0; - - Graph.Util.eachLevel(root, 0, false, function (n, d) { if(d > treeDepth) treeDepth = d; }); - - var startNode = this.graph.getNode(this.clickedNode && this.clickedNode.id || root.id); - var maxDepth = Math.min(treeDepth, levelsToShow-1); - var initialDepth = startNode._depth; - if(this.layout.horizontal()) { - this.computeSubtree(startNode, -width/2, -height/2, width/(maxDepth+1), height, initialDepth, maxDepth, posType); - } else { - this.computeSubtree(startNode, -width/2, -height/2, width, height/(maxDepth+1), initialDepth, maxDepth, posType); - } - }, - - computeSubtree: function (root, x, y, width, height, initialDepth, maxDepth, posType) { - root.getPos(posType).setc(x, y); - root.setData('width', width, posType); - root.setData('height', height, posType); - - var nodeLength, prevNodeLength = 0, totalDim = 0; - var children = Graph.Util.getSubnodes(root, [1, 1]); // next level from this node - - if(!children.length) - return; - - $.each(children, function(e) { totalDim += e.getData('dim'); }); - - for(var i=0, l=children.length; i < l; i++) { - if(this.layout.horizontal()) { - nodeLength = height * children[i].getData('dim') / totalDim; - this.computeSubtree(children[i], x+width, y, width, nodeLength, initialDepth, maxDepth, posType); - y += nodeLength; - } else { - nodeLength = width * children[i].getData('dim') / totalDim; - this.computeSubtree(children[i], x, y+height, nodeLength, height, initialDepth, maxDepth, posType); - x += nodeLength; - } - } - } -}); - - - -/* - * File: Icicle.js - * -*/ - -/* - Class: Icicle - - Icicle space filling visualization. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. - offset - (number) Default's *2*. Boxes offset. - constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. - levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. - animate - (boolean) Default's *false*. Whether to animate transitions. - Node.type - Described in . Default's *rectangle*. - Label.type - Described in . Default's *Native*. - duration - Described in . Default's *700*. - fps - Described in . Default's *45*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - -*/ - -$jit.Icicle = new Class({ - Implements: [ Loader, Extras, Layouts.Icicle ], - - layout: { - orientation: "h", - vertical: function(){ - return this.orientation == "v"; - }, - horizontal: function(){ - return this.orientation == "h"; - }, - change: function(){ - this.orientation = this.vertical()? "h" : "v"; - } - }, - - initialize: function(controller) { - var config = { - animate: false, - orientation: "h", - offset: 2, - levelsToShow: Number.MAX_VALUE, - constrained: false, - Node: { - type: 'rectangle', - overridable: true - }, - Edge: { - type: 'none' - }, - Label: { - type: 'Native' - }, - duration: 700, - fps: 45 - }; - - var opts = Options("Canvas", "Node", "Edge", "Fx", "Tips", "NodeStyles", - "Events", "Navigation", "Controller", "Label"); - this.controller = this.config = $.merge(opts, config, controller); - this.layout.orientation = this.config.orientation; - - var canvasConfig = this.config; - if (canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': true, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - - this.graph = new Graph( - this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); - - this.labels = new $jit.Icicle.Label[this.config.Label.type](this); - this.fx = new $jit.Icicle.Plot(this, $jit.Icicle); - this.op = new $jit.Icicle.Op(this); - this.group = new $jit.Icicle.Group(this); - this.clickedNode = null; - - this.initializeExtras(); - }, - - /* - Method: refresh - - Computes positions and plots the tree. - */ - refresh: function(){ - var labelType = this.config.Label.type; - if(labelType != 'Native') { - var that = this; - this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); - } - this.compute(); - this.plot(); - }, - - /* - Method: plot - - Plots the Icicle visualization. This is a shortcut to *fx.plot*. - - */ - plot: function(){ - this.fx.plot(this.config); - }, - - /* - Method: enter - - Sets the node as root. - - Parameters: - - node - (object) A . - - */ - enter: function (node) { - if (this.busy) - return; - this.busy = true; - - var that = this, - config = this.config; - - var callback = { - onComplete: function() { - //compute positions of newly inserted nodes - if(config.request) - that.compute(); - - if(config.animate) { - that.graph.nodeList.setDataset(['current', 'end'], { - 'alpha': [1, 0] //fade nodes - }); - - Graph.Util.eachSubgraph(node, function(n) { - n.setData('alpha', 1, 'end'); - }, "ignore"); - - that.fx.animate({ - duration: 500, - modes:['node-property:alpha'], - onComplete: function() { - that.clickedNode = node; - that.compute('end'); - - that.fx.animate({ - modes:['linear', 'node-property:width:height'], - duration: 1000, - onComplete: function() { - that.busy = false; - that.clickedNode = node; - } - }); - } - }); - } else { - that.clickedNode = node; - that.busy = false; - that.refresh(); - } - } - }; - - if(config.request) { - this.requestNodes(clickedNode, callback); - } else { - callback.onComplete(); - } - }, - - /* - Method: out - - Sets the parent node of the current selected node as root. - - */ - out: function(){ - if(this.busy) - return; - - var that = this, - GUtil = Graph.Util, - config = this.config, - graph = this.graph, - parents = GUtil.getParents(graph.getNode(this.clickedNode && this.clickedNode.id || this.root)), - parent = parents[0], - clickedNode = parent, - previousClickedNode = this.clickedNode; - - this.busy = true; - this.events.hoveredNode = false; - - if(!parent) { - this.busy = false; - return; - } - - //final plot callback - callback = { - onComplete: function() { - that.clickedNode = parent; - if(config.request) { - that.requestNodes(parent, { - onComplete: function() { - that.compute(); - that.plot(); - that.busy = false; - } - }); - } else { - that.compute(); - that.plot(); - that.busy = false; - } - } - }; - - //animate node positions - if(config.animate) { - this.clickedNode = clickedNode; - this.compute('end'); - //animate the visible subtree only - this.clickedNode = previousClickedNode; - this.fx.animate({ - modes:['linear', 'node-property:width:height'], - duration: 1000, - onComplete: function() { - //animate the parent subtree - that.clickedNode = clickedNode; - //change nodes alpha - graph.nodeList.setDataset(['current', 'end'], { - 'alpha': [0, 1] - }); - GUtil.eachSubgraph(previousClickedNode, function(node) { - node.setData('alpha', 1); - }, "ignore"); - that.fx.animate({ - duration: 500, - modes:['node-property:alpha'], - onComplete: function() { - callback.onComplete(); - } - }); - } - }); - } else { - callback.onComplete(); - } - }, - requestNodes: function(node, onComplete){ - var handler = $.merge(this.controller, onComplete), - levelsToShow = this.config.constrained ? this.config.levelsToShow : Number.MAX_VALUE; - - if (handler.request) { - var leaves = [], d = node._depth; - Graph.Util.eachLevel(node, 0, levelsToShow, function(n){ - if (n.drawn && !Graph.Util.anySubnode(n)) { - leaves.push(n); - n._level = n._depth - d; - if (this.config.constrained) - n._level = levelsToShow - n._level; - - } - }); - this.group.requestNodes(leaves, handler); - } else { - handler.onComplete(); - } - } -}); - -/* - Class: Icicle.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ -$jit.Icicle.Op = new Class({ - - Implements: Graph.Op - -}); - -/* - * Performs operations on group of nodes. - */ -$jit.Icicle.Group = new Class({ - - initialize: function(viz){ - this.viz = viz; - this.canvas = viz.canvas; - this.config = viz.config; - }, - - /* - * Calls the request method on the controller to request a subtree for each node. - */ - requestNodes: function(nodes, controller){ - var counter = 0, len = nodes.length, nodeSelected = {}; - var complete = function(){ - controller.onComplete(); - }; - var viz = this.viz; - if (len == 0) - complete(); - for(var i = 0; i < len; i++) { - nodeSelected[nodes[i].id] = nodes[i]; - controller.request(nodes[i].id, nodes[i]._level, { - onComplete: function(nodeId, data){ - if (data && data.children) { - data.id = nodeId; - viz.op.sum(data, { - type: 'nothing' - }); - } - if (++counter == len) { - Graph.Util.computeLevels(viz.graph, viz.root, 0); - complete(); - } - } - }); - } - } -}); - -/* - Class: Icicle.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ -$jit.Icicle.Plot = new Class({ - Implements: Graph.Plot, - - plot: function(opt, animating){ - opt = opt || this.viz.controller; - var viz = this.viz, - graph = viz.graph, - root = graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), - initialDepth = root._depth; - - viz.canvas.clear(); - this.plotTree(root, $.merge(opt, { - 'withLabels': true, - 'hideLabels': false, - 'plotSubtree': function(root, node) { - return !viz.config.constrained || - (node._depth - initialDepth < viz.config.levelsToShow); - } - }), animating); - } -}); - -/* - Class: Icicle.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - - */ -$jit.Icicle.Label = {}; - -/* - Icicle.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ -$jit.Icicle.Label.Native = new Class({ - Implements: Graph.Label.Native, - - renderLabel: function(canvas, node, controller) { - var ctx = canvas.getCtx(), - width = node.getData('width'), - height = node.getData('height'), - size = node.getLabelData('size'), - m = ctx.measureText(node.name); - - // Guess as much as possible if the label will fit in the node - if(height < (size * 1.5) || width < m.width) - return; - - var pos = node.pos.getc(true); - ctx.fillText(node.name, - pos.x + width / 2, - pos.y + height / 2); - } -}); - -/* - Icicle.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - -*/ -$jit.Icicle.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz){ - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), canvas = this.viz.canvas; - var radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x + radius.width / 2), - y: Math.round(pos.y + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - - controller.onPlaceLabel(tag, node); - } -}); - -/* - Icicle.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - - */ -$jit.Icicle.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz){ - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), canvas = this.viz.canvas; - var radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x + radius.width / 2), - y: Math.round(pos.y + radius.height / 2) - }; - - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = ''; - - controller.onPlaceLabel(tag, node); - } -}); - -/* - Class: Icicle.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'rectangle'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - Icicle.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - - */ -$jit.Icicle.Plot.NodeTypes = new Class( { - 'none': { - 'render': $.empty - }, - - 'rectangle': { - 'render': function(node, canvas, animating) { - var config = this.viz.config; - var offset = config.offset; - var width = node.getData('width'); - var height = node.getData('height'); - var border = node.getData('border'); - var pos = node.pos.getc(true); - var posx = pos.x + offset / 2, posy = pos.y + offset / 2; - var ctx = canvas.getCtx(); - - if(width - offset < 2 || height - offset < 2) return; - - if(config.cushion) { - var color = node.getData('color'); - var lg = ctx.createRadialGradient(posx + (width - offset)/2, - posy + (height - offset)/2, 1, - posx + (width-offset)/2, posy + (height-offset)/2, - width < height? height : width); - var colorGrad = $.rgbToHex($.map($.hexToRgb(color), - function(r) { return r * 0.3 >> 0; })); - lg.addColorStop(0, color); - lg.addColorStop(1, colorGrad); - ctx.fillStyle = lg; - } - - if (border) { - ctx.strokeStyle = border; - ctx.lineWidth = 3; - } - - ctx.fillRect(posx, posy, Math.max(0, width - offset), Math.max(0, height - offset)); - border && ctx.strokeRect(pos.x, pos.y, width, height); - }, - - 'contains': function(node, pos) { - if(this.viz.clickedNode && !$jit.Graph.Util.isDescendantOf(node, this.viz.clickedNode.id)) return false; - var npos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); - } - } -}); - -$jit.Icicle.Plot.EdgeTypes = new Class( { - 'none': $.empty -}); - - - -/* - * File: Layouts.ForceDirected.js - * -*/ - -/* - * Class: Layouts.ForceDirected - * - * Implements a Force Directed Layout. - * - * Implemented By: - * - * - * - * Credits: - * - * Marcus Cobden - * - */ -Layouts.ForceDirected = new Class({ - - getOptions: function(random) { - var s = this.canvas.getSize(); - var w = s.width, h = s.height; - //count nodes - var count = 0; - this.graph.eachNode(function(n) { - count++; - }); - var k2 = w * h / count, k = Math.sqrt(k2); - var l = this.config.levelDistance; - - return { - width: w, - height: h, - tstart: w * 0.1, - nodef: function(x) { return k2 / (x || 1); }, - edgef: function(x) { return /* x * x / k; */ k * (x - l); } - }; - }, - - compute: function(property, incremental) { - var prop = $.splat(property || ['current', 'start', 'end']); - var opt = this.getOptions(); - NodeDim.compute(this.graph, prop, this.config); - this.graph.computeLevels(this.root, 0, "ignore"); - this.graph.eachNode(function(n) { - $.each(prop, function(p) { - var pos = n.getPos(p); - if(pos.equals(Complex.KER)) { - pos.x = opt.width/5 * (Math.random() - 0.5); - pos.y = opt.height/5 * (Math.random() - 0.5); - } - //initialize disp vector - n.disp = {}; - $.each(prop, function(p) { - n.disp[p] = $C(0, 0); - }); - }); - }); - this.computePositions(prop, opt, incremental); - }, - - computePositions: function(property, opt, incremental) { - var times = this.config.iterations, i = 0, that = this; - if(incremental) { - (function iter() { - for(var total=incremental.iter, j=0; j= times) { - incremental.onComplete(); - return; - } - } - incremental.onStep(Math.round(i / (times -1) * 100)); - setTimeout(iter, 1); - })(); - } else { - for(; i < times; i++) { - opt.t = opt.tstart * (1 - i/(times -1)); - this.computePositionStep(property, opt); - } - } - }, - - computePositionStep: function(property, opt) { - var graph = this.graph; - var min = Math.min, max = Math.max; - var dpos = $C(0, 0); - //calculate repulsive forces - graph.eachNode(function(v) { - //initialize disp - $.each(property, function(p) { - v.disp[p].x = 0; v.disp[p].y = 0; - }); - graph.eachNode(function(u) { - if(u.id != v.id) { - $.each(property, function(p) { - var vp = v.getPos(p), up = u.getPos(p); - dpos.x = vp.x - up.x; - dpos.y = vp.y - up.y; - var norm = dpos.norm() || 1; - v.disp[p].$add(dpos - .$scale(opt.nodef(norm) / norm)); - }); - } - }); - }); - //calculate attractive forces - var T = !!graph.getNode(this.root).visited; - graph.eachNode(function(node) { - node.eachAdjacency(function(adj) { - var nodeTo = adj.nodeTo; - if(!!nodeTo.visited === T) { - $.each(property, function(p) { - var vp = node.getPos(p), up = nodeTo.getPos(p); - dpos.x = vp.x - up.x; - dpos.y = vp.y - up.y; - var norm = dpos.norm() || 1; - node.disp[p].$add(dpos.$scale(-opt.edgef(norm) / norm)); - nodeTo.disp[p].$add(dpos.$scale(-1)); - }); - } - }); - node.visited = !T; - }); - //arrange positions to fit the canvas - var t = opt.t, w2 = opt.width / 2, h2 = opt.height / 2; - graph.eachNode(function(u) { - $.each(property, function(p) { - var disp = u.disp[p]; - var norm = disp.norm() || 1; - var p = u.getPos(p); - p.$add($C(disp.x * min(Math.abs(disp.x), t) / norm, - disp.y * min(Math.abs(disp.y), t) / norm)); - p.x = min(w2, max(-w2, p.x)); - p.y = min(h2, max(-h2, p.y)); - }); - }); - } -}); - -/* - * File: ForceDirected.js - */ - -/* - Class: ForceDirected - - A visualization that lays graphs using a Force-Directed layout algorithm. - - Inspired by: - - Force-Directed Drawing Algorithms (Stephen G. Kobourov) - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are two parameters - - levelDistance - (number) Default's *50*. The natural length desired for the edges. - iterations - (number) Default's *50*. The number of iterations for the spring layout simulation. Depending on the browser's speed you could set this to a more 'interesting' number, like *200*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - -*/ - -$jit.ForceDirected = new Class( { - - Implements: [ Loader, Extras, Layouts.ForceDirected ], - - initialize: function(controller) { - var $ForceDirected = $jit.ForceDirected; - - var config = { - iterations: 50, - levelDistance: 50 - }; - - this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", - "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); - - var canvasConfig = this.config; - if(canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': true, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - this.graph = new Graph(this.graphOptions, this.config.Node, - this.config.Edge); - this.labels = new $ForceDirected.Label[canvasConfig.Label.type](this); - this.fx = new $ForceDirected.Plot(this, $ForceDirected); - this.op = new $ForceDirected.Op(this); - this.json = null; - this.busy = false; - // initialize extras - this.initializeExtras(); - }, - - /* - Method: refresh - - Computes positions and plots the tree. - */ - refresh: function() { - this.compute(); - this.plot(); - }, - - reposition: function() { - this.compute('end'); - }, - -/* - Method: computeIncremental - - Performs the Force Directed algorithm incrementally. - - Description: - - ForceDirected algorithms can perform many computations and lead to JavaScript taking too much time to complete. - This method splits the algorithm into smaller parts allowing the user to track the evolution of the algorithm and - avoiding browser messages such as "This script is taking too long to complete". - - Parameters: - - opt - (object) The object properties are described below - - iter - (number) Default's *20*. Split the algorithm into pieces of _iter_ iterations. For example, if the _iterations_ configuration property - of your class is 100, then you could set _iter_ to 20 to split the main algorithm into 5 smaller pieces. - - property - (string) Default's *end*. Whether to update starting, current or ending node positions. Possible values are 'end', 'start', 'current'. - You can also set an array of these properties. If you'd like to keep the current node positions but to perform these - computations for final animation positions then you can just choose 'end'. - - onStep - (function) A callback function called when each "small part" of the algorithm completed. This function gets as first formal - parameter a percentage value. - - onComplete - A callback function called when the algorithm completed. - - Example: - - In this example I calculate the end positions and then animate the graph to those positions - - (start code js) - var fd = new $jit.ForceDirected(...); - fd.computeIncremental({ - iter: 20, - property: 'end', - onStep: function(perc) { - Log.write("loading " + perc + "%"); - }, - onComplete: function() { - Log.write("done"); - fd.animate(); - } - }); - (end code) - - In this example I calculate all positions and (re)plot the graph - - (start code js) - var fd = new ForceDirected(...); - fd.computeIncremental({ - iter: 20, - property: ['end', 'start', 'current'], - onStep: function(perc) { - Log.write("loading " + perc + "%"); - }, - onComplete: function() { - Log.write("done"); - fd.plot(); - } - }); - (end code) - - */ - computeIncremental: function(opt) { - opt = $.merge( { - iter: 20, - property: 'end', - onStep: $.empty, - onComplete: $.empty - }, opt || {}); - - this.config.onBeforeCompute(this.graph.getNode(this.root)); - this.compute(opt.property, opt); - }, - - /* - Method: plot - - Plots the ForceDirected graph. This is a shortcut to *fx.plot*. - */ - plot: function() { - this.fx.plot(); - }, - - /* - Method: animate - - Animates the graph from the current positions to the 'end' node positions. - */ - animate: function(opt) { - this.fx.animate($.merge( { - modes: [ 'linear' ] - }, opt || {})); - } -}); - -$jit.ForceDirected.$extend = true; - -(function(ForceDirected) { - - /* - Class: ForceDirected.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - ForceDirected.Op = new Class( { - - Implements: Graph.Op - - }); - - /* - Class: ForceDirected.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - ForceDirected.Plot = new Class( { - - Implements: Graph.Plot - - }); - - /* - Class: ForceDirected.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - - */ - ForceDirected.Label = {}; - - /* - ForceDirected.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - ForceDirected.Label.Native = new Class( { - Implements: Graph.Label.Native - }); - - /* - ForceDirected.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - ForceDirected.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz) { - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - - controller.onPlaceLabel(tag, node); - } - }); - - /* - ForceDirected.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - - */ - ForceDirected.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz) { - this.viz = viz; - }, - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; - - controller.onPlaceLabel(tag, node); - } - }); - - /* - Class: ForceDirected.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - ForceDirected.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - - */ - ForceDirected.Plot.NodeTypes = new Class({ - 'none': { - 'render': $.empty, - 'contains': $.lambda(false) - }, - 'circle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.circle.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.circle.contains(npos, pos, dim); - } - }, - 'ellipse': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); - }, - // TODO(nico): be more precise... - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - return this.nodeHelper.ellipse.contains(npos, pos, width, height); - } - }, - 'square': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.square.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.square.contains(npos, pos, dim); - } - }, - 'rectangle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - return this.nodeHelper.rectangle.contains(npos, pos, width, height); - } - }, - 'triangle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.triangle.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos) { - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.triangle.contains(npos, pos, dim); - } - }, - 'star': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.star.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos) { - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.star.contains(npos, pos, dim); - } - } - }); - - /* - Class: ForceDirected.Plot.EdgeTypes - - This class contains a list of built-in types. - Edge types implemented are 'none', 'line' and 'arrow'. - - You can add your custom edge types, customizing your visualization to the extreme. - - Example: - - (start code js) - ForceDirected.Plot.EdgeTypes.implement({ - 'mySpecialType': { - 'render': function(adj, canvas) { - //print your custom edge to canvas - }, - //optional - 'contains': function(adj, pos) { - //return true if pos is inside the arc or false otherwise - } - } - }); - (end code) - - */ - ForceDirected.Plot.EdgeTypes = new Class({ - 'none': $.empty, - 'line': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - this.edgeHelper.line.render(from, to, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); - } - }, - 'arrow': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - dim = adj.getData('dim'), - direction = adj.data.$direction, - inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); - this.edgeHelper.arrow.render(from, to, dim, inv, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); - } - } - }); - -})($jit.ForceDirected); - - -/* - * File: Treemap.js - * -*/ - -$jit.TM = {}; - -var TM = $jit.TM; - -$jit.TM.$extend = true; - -/* - Class: TM.Base - - Abstract class providing base functionality for , and visualizations. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. - titleHeight - (number) Default's *13*. The height of the title rectangle for inner (non-leaf) nodes. - offset - (number) Default's *2*. Boxes offset. - constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. - levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. - animate - (boolean) Default's *false*. Whether to animate transitions. - Node.type - Described in . Default's *rectangle*. - duration - Described in . Default's *700*. - fps - Described in . Default's *45*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - - Inspired by: - - Squarified Treemaps (Mark Bruls, Kees Huizing, and Jarke J. van Wijk) - - Tree visualization with tree-maps: 2-d space-filling approach (Ben Shneiderman) - - Note: - - This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. - -*/ -TM.Base = { - layout: { - orientation: "h", - vertical: function(){ - return this.orientation == "v"; - }, - horizontal: function(){ - return this.orientation == "h"; - }, - change: function(){ - this.orientation = this.vertical()? "h" : "v"; - } - }, - - initialize: function(controller){ - var config = { - orientation: "h", - titleHeight: 13, - offset: 2, - levelsToShow: 0, - constrained: false, - animate: false, - Node: { - type: 'rectangle', - overridable: true, - //we all know why this is not zero, - //right, Firefox? - width: 3, - height: 3, - color: '#444' - }, - Label: { - textAlign: 'center', - textBaseline: 'top' - }, - Edge: { - type: 'none' - }, - duration: 700, - fps: 45 - }; - - this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", - "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); - this.layout.orientation = this.config.orientation; - - var canvasConfig = this.config; - if (canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': true, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - this.graph = new Graph(this.graphOptions, this.config.Node, - this.config.Edge); - this.labels = new TM.Label[canvasConfig.Label.type](this); - this.fx = new TM.Plot(this); - this.op = new TM.Op(this); - this.group = new TM.Group(this); - this.geom = new TM.Geom(this); - this.clickedNode = null; - this.busy = false; - // initialize extras - this.initializeExtras(); - }, - - /* - Method: refresh - - Computes positions and plots the tree. - */ - refresh: function(){ - if(this.busy) return; - this.busy = true; - var that = this; - if(this.config.animate) { - this.compute('end'); - this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode - && this.clickedNode.id || this.root)); - this.fx.animate($.merge(this.config, { - modes: ['linear', 'node-property:width:height'], - onComplete: function() { - that.busy = false; - } - })); - } else { - var labelType = this.config.Label.type; - if(labelType != 'Native') { - var that = this; - this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); - } - this.busy = false; - this.compute(); - this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode - && this.clickedNode.id || this.root)); - this.plot(); - } - }, - - /* - Method: plot - - Plots the TreeMap. This is a shortcut to *fx.plot*. - - */ - plot: function(){ - this.fx.plot(); - }, - - /* - Method: leaf - - Returns whether the node is a leaf. - - Parameters: - - n - (object) A . - - */ - leaf: function(n){ - return n.getSubnodes([ - 1, 1 - ], "ignore").length == 0; - }, - - /* - Method: enter - - Sets the node as root. - - Parameters: - - n - (object) A . - - */ - enter: function(n){ - if(this.busy) return; - this.busy = true; - - var that = this, - config = this.config, - graph = this.graph, - clickedNode = n, - previousClickedNode = this.clickedNode; - - var callback = { - onComplete: function() { - //ensure that nodes are shown for that level - if(config.levelsToShow > 0) { - that.geom.setRightLevelToShow(n); - } - //compute positions of newly inserted nodes - if(config.levelsToShow > 0 || config.request) that.compute(); - if(config.animate) { - //fade nodes - graph.nodeList.setData('alpha', 0, 'end'); - n.eachSubgraph(function(n) { - n.setData('alpha', 1, 'end'); - }, "ignore"); - that.fx.animate({ - duration: 500, - modes:['node-property:alpha'], - onComplete: function() { - //compute end positions - that.clickedNode = clickedNode; - that.compute('end'); - //animate positions - //TODO(nico) commenting this line didn't seem to throw errors... - that.clickedNode = previousClickedNode; - that.fx.animate({ - modes:['linear', 'node-property:width:height'], - duration: 1000, - onComplete: function() { - that.busy = false; - //TODO(nico) check comment above - that.clickedNode = clickedNode; - } - }); - } - }); - } else { - that.busy = false; - that.clickedNode = n; - that.refresh(); - } - } - }; - if(config.request) { - this.requestNodes(clickedNode, callback); - } else { - callback.onComplete(); - } - }, - - /* - Method: out - - Sets the parent node of the current selected node as root. - - */ - out: function(){ - if(this.busy) return; - this.busy = true; - this.events.hoveredNode = false; - var that = this, - config = this.config, - graph = this.graph, - parents = graph.getNode(this.clickedNode - && this.clickedNode.id || this.root).getParents(), - parent = parents[0], - clickedNode = parent, - previousClickedNode = this.clickedNode; - - //if no parents return - if(!parent) { - this.busy = false; - return; - } - //final plot callback - callback = { - onComplete: function() { - that.clickedNode = parent; - if(config.request) { - that.requestNodes(parent, { - onComplete: function() { - that.compute(); - that.plot(); - that.busy = false; - } - }); - } else { - that.compute(); - that.plot(); - that.busy = false; - } - } - }; - //prune tree - if (config.levelsToShow > 0) - this.geom.setRightLevelToShow(parent); - //animate node positions - if(config.animate) { - this.clickedNode = clickedNode; - this.compute('end'); - //animate the visible subtree only - this.clickedNode = previousClickedNode; - this.fx.animate({ - modes:['linear', 'node-property:width:height'], - duration: 1000, - onComplete: function() { - //animate the parent subtree - that.clickedNode = clickedNode; - //change nodes alpha - graph.eachNode(function(n) { - n.setDataset(['current', 'end'], { - 'alpha': [0, 1] - }); - }, "ignore"); - previousClickedNode.eachSubgraph(function(node) { - node.setData('alpha', 1); - }, "ignore"); - that.fx.animate({ - duration: 500, - modes:['node-property:alpha'], - onComplete: function() { - callback.onComplete(); - } - }); - } - }); - } else { - callback.onComplete(); - } - }, - - requestNodes: function(node, onComplete){ - var handler = $.merge(this.controller, onComplete), - lev = this.config.levelsToShow; - if (handler.request) { - var leaves = [], d = node._depth; - node.eachLevel(0, lev, function(n){ - var nodeLevel = lev - (n._depth - d); - if (n.drawn && !n.anySubnode() && nodeLevel > 0) { - leaves.push(n); - n._level = nodeLevel; - } - }); - this.group.requestNodes(leaves, handler); - } else { - handler.onComplete(); - } - } -}; - -/* - Class: TM.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ -TM.Op = new Class({ - Implements: Graph.Op, - - initialize: function(viz){ - this.viz = viz; - } -}); - -//extend level methods of Graph.Geom -TM.Geom = new Class({ - Implements: Graph.Geom, - - getRightLevelToShow: function() { - return this.viz.config.levelsToShow; - }, - - setRightLevelToShow: function(node) { - var level = this.getRightLevelToShow(), - fx = this.viz.labels; - node.eachLevel(0, level+1, function(n) { - var d = n._depth - node._depth; - if(d > level) { - n.drawn = false; - n.exist = false; - n.ignore = true; - fx.hideLabel(n, false); - } else { - n.drawn = true; - n.exist = true; - delete n.ignore; - } - }); - node.drawn = true; - delete node.ignore; - } -}); - -/* - -Performs operations on group of nodes. - -*/ -TM.Group = new Class( { - - initialize: function(viz){ - this.viz = viz; - this.canvas = viz.canvas; - this.config = viz.config; - }, - - /* - - Calls the request method on the controller to request a subtree for each node. - */ - requestNodes: function(nodes, controller){ - var counter = 0, len = nodes.length, nodeSelected = {}; - var complete = function(){ - controller.onComplete(); - }; - var viz = this.viz; - if (len == 0) - complete(); - for ( var i = 0; i < len; i++) { - nodeSelected[nodes[i].id] = nodes[i]; - controller.request(nodes[i].id, nodes[i]._level, { - onComplete: function(nodeId, data){ - if (data && data.children) { - data.id = nodeId; - viz.op.sum(data, { - type: 'nothing' - }); - } - if (++counter == len) { - viz.graph.computeLevels(viz.root, 0); - complete(); - } - } - }); - } - } -}); - -/* - Class: TM.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ -TM.Plot = new Class({ - - Implements: Graph.Plot, - - initialize: function(viz){ - this.viz = viz; - this.config = viz.config; - this.node = this.config.Node; - this.edge = this.config.Edge; - this.animation = new Animation; - this.nodeTypes = new TM.Plot.NodeTypes; - this.edgeTypes = new TM.Plot.EdgeTypes; - this.labels = viz.labels; - }, - - plot: function(opt, animating){ - var viz = this.viz, - graph = viz.graph; - viz.canvas.clear(); - this.plotTree(graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), $.merge(viz.config, opt || {}, { - 'withLabels': true, - 'hideLabels': false, - 'plotSubtree': function(n, ch){ - return n.anySubnode("exist"); - } - }), animating); - } -}); - -/* - Class: TM.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - -*/ -TM.Label = {}; - -/* - TM.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - -*/ -TM.Label.Native = new Class({ - Implements: Graph.Label.Native, - - initialize: function(viz) { - this.config = viz.config; - this.leaf = viz.leaf; - }, - - renderLabel: function(canvas, node, controller){ - if(!this.leaf(node) && !this.config.titleHeight) return; - var pos = node.pos.getc(true), - ctx = canvas.getCtx(), - width = node.getData('width'), - height = node.getData('height'), - x = pos.x + width/2, - y = pos.y; - - ctx.fillText(node.name, x, y, width); - } -}); - -/* - TM.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - -*/ -TM.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz){ - this.viz = viz; - this.leaf = viz.leaf; - this.config = viz.config; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - - if(!this.leaf(node) && !this.config.titleHeight) { - tag.style.display = 'none'; - } - controller.onPlaceLabel(tag, node); - } -}); - -/* - TM.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - -*/ -TM.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz){ - this.viz = viz; - this.leaf = viz.leaf; - this.config = viz.config; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.width = node.getData('width') * sx + 'px'; - style.height = node.getData('height') * sy + 'px'; - style.zIndex = node._depth * 100; - style.display = ''; - - if(!this.leaf(node) && !this.config.titleHeight) { - tag.style.display = 'none'; - } - controller.onPlaceLabel(tag, node); - } -}); - -/* - Class: TM.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'rectangle'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - TM.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - -*/ -TM.Plot.NodeTypes = new Class( { - 'none': { - 'render': $.empty - }, - - 'rectangle': { - 'render': function(node, canvas, animating){ - var leaf = this.viz.leaf(node), - config = this.config, - offst = config.offset, - titleHeight = config.titleHeight, - pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'), - border = node.getData('border'), - ctx = canvas.getCtx(), - posx = pos.x + offst / 2, - posy = pos.y + offst / 2; - if(width <= offst || height <= offst) return; - if (leaf) { - if(config.cushion) { - var lg = ctx.createRadialGradient(posx + (width-offst)/2, posy + (height-offst)/2, 1, - posx + (width-offst)/2, posy + (height-offst)/2, width < height? height : width); - var color = node.getData('color'); - var colorGrad = $.rgbToHex($.map($.hexToRgb(color), - function(r) { return r * 0.2 >> 0; })); - lg.addColorStop(0, color); - lg.addColorStop(1, colorGrad); - ctx.fillStyle = lg; - } - ctx.fillRect(posx, posy, width - offst, height - offst); - if(border) { - ctx.save(); - ctx.strokeStyle = border; - ctx.strokeRect(posx, posy, width - offst, height - offst); - ctx.restore(); - } - } else if(titleHeight > 0){ - ctx.fillRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, - titleHeight - offst); - if(border) { - ctx.save(); - ctx.strokeStyle = border; - ctx.strokeRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, - height - offst); - ctx.restore(); - } - } - }, - 'contains': function(node, pos) { - if(this.viz.clickedNode && !node.isDescendantOf(this.viz.clickedNode.id) || node.ignore) return false; - var npos = node.pos.getc(true), - width = node.getData('width'), - leaf = this.viz.leaf(node), - height = leaf? node.getData('height') : this.config.titleHeight; - return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); - } - } -}); - -TM.Plot.EdgeTypes = new Class( { - 'none': $.empty -}); - -/* - Class: TM.SliceAndDice - - A slice and dice TreeMap visualization. - - Implements: - - All methods and properties. -*/ -TM.SliceAndDice = new Class( { - Implements: [ - Loader, Extras, TM.Base, Layouts.TM.SliceAndDice - ] -}); - -/* - Class: TM.Squarified - - A squarified TreeMap visualization. - - Implements: - - All methods and properties. -*/ -TM.Squarified = new Class( { - Implements: [ - Loader, Extras, TM.Base, Layouts.TM.Squarified - ] -}); - -/* - Class: TM.Strip - - A strip TreeMap visualization. - - Implements: - - All methods and properties. -*/ -TM.Strip = new Class( { - Implements: [ - Loader, Extras, TM.Base, Layouts.TM.Strip - ] -}); - - -/* - * File: RGraph.js - * - */ - -/* - Class: RGraph - - A radial graph visualization with advanced animations. - - Inspired by: - - Animated Exploration of Dynamic Graphs with Radial Layout (Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, Marti Hearst) - - Note: - - This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. - levelDistance - (number) Default's *100*. The distance between levels of the tree. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. -*/ - -$jit.RGraph = new Class( { - - Implements: [ - Loader, Extras, Layouts.Radial - ], - - initialize: function(controller){ - var $RGraph = $jit.RGraph; - - var config = { - interpolation: 'linear', - levelDistance: 100 - }; - - this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", - "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); - - var canvasConfig = this.config; - if(canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': false, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - this.graph = new Graph(this.graphOptions, this.config.Node, - this.config.Edge); - this.labels = new $RGraph.Label[canvasConfig.Label.type](this); - this.fx = new $RGraph.Plot(this, $RGraph); - this.op = new $RGraph.Op(this); - this.json = null; - this.root = null; - this.busy = false; - this.parent = false; - // initialize extras - this.initializeExtras(); - }, - - /* - - createLevelDistanceFunc - - Returns the levelDistance function used for calculating a node distance - to its origin. This function returns a function that is computed - per level and not per node, such that all nodes with the same depth will have the - same distance to the origin. The resulting function gets the - parent node as parameter and returns a float. - - */ - createLevelDistanceFunc: function(){ - var ld = this.config.levelDistance; - return function(elem){ - return (elem._depth + 1) * ld; - }; - }, - - /* - Method: refresh - - Computes positions and plots the tree. - - */ - refresh: function(){ - this.compute(); - this.plot(); - }, - - reposition: function(){ - this.compute('end'); - }, - - /* - Method: plot - - Plots the RGraph. This is a shortcut to *fx.plot*. - */ - plot: function(){ - this.fx.plot(); - }, - /* - getNodeAndParentAngle - - Returns the _parent_ of the given node, also calculating its angle span. - */ - getNodeAndParentAngle: function(id){ - var theta = false; - var n = this.graph.getNode(id); - var ps = n.getParents(); - var p = (ps.length > 0)? ps[0] : false; - if (p) { - var posParent = p.pos.getc(), posChild = n.pos.getc(); - var newPos = posParent.add(posChild.scale(-1)); - theta = Math.atan2(newPos.y, newPos.x); - if (theta < 0) - theta += 2 * Math.PI; - } - return { - parent: p, - theta: theta - }; - }, - /* - tagChildren - - Enumerates the children in order to maintain child ordering (second constraint of the paper). - */ - tagChildren: function(par, id){ - if (par.angleSpan) { - var adjs = []; - par.eachAdjacency(function(elem){ - adjs.push(elem.nodeTo); - }, "ignore"); - var len = adjs.length; - for ( var i = 0; i < len && id != adjs[i].id; i++) - ; - for ( var j = (i + 1) % len, k = 0; id != adjs[j].id; j = (j + 1) % len) { - adjs[j].dist = k++; - } - } - }, - /* - Method: onClick - - Animates the to center the node specified by *id*. - - Parameters: - - id - A id. - opt - (optional|object) An object containing some extra properties described below - hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. - - Example: - - (start code js) - rgraph.onClick('someid'); - //or also... - rgraph.onClick('someid', { - hideLabels: false - }); - (end code) - - */ - onClick: function(id, opt){ - if (this.root != id && !this.busy) { - this.busy = true; - this.root = id; - that = this; - this.controller.onBeforeCompute(this.graph.getNode(id)); - var obj = this.getNodeAndParentAngle(id); - - // second constraint - this.tagChildren(obj.parent, id); - this.parent = obj.parent; - this.compute('end'); - - // first constraint - var thetaDiff = obj.theta - obj.parent.endPos.theta; - this.graph.eachNode(function(elem){ - elem.endPos.set(elem.endPos.getp().add($P(thetaDiff, 0))); - }); - - var mode = this.config.interpolation; - opt = $.merge( { - onComplete: $.empty - }, opt || {}); - - this.fx.animate($.merge( { - hideLabels: true, - modes: [ - mode - ] - }, opt, { - onComplete: function(){ - that.busy = false; - opt.onComplete(); - } - })); - } - } -}); - -$jit.RGraph.$extend = true; - -(function(RGraph){ - - /* - Class: RGraph.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - RGraph.Op = new Class( { - - Implements: Graph.Op - - }); - - /* - Class: RGraph.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - RGraph.Plot = new Class( { - - Implements: Graph.Plot - - }); - - /* - Object: RGraph.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - - */ - RGraph.Label = {}; - - /* - RGraph.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - RGraph.Label.Native = new Class( { - Implements: Graph.Label.Native - }); - - /* - RGraph.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - RGraph.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz){ - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - - controller.onPlaceLabel(tag, node); - } - }); - - /* - RGraph.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - - */ - RGraph.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz){ - this.viz = viz; - }, - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller){ - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(); - var labelPos = { - x: Math.round(pos.x * sx + ox + radius.width / 2), - y: Math.round(pos.y * sy + oy + radius.height / 2) - }; - - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; - - controller.onPlaceLabel(tag, node); - } - }); - - /* - Class: RGraph.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - RGraph.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - - */ - RGraph.Plot.NodeTypes = new Class({ - 'none': { - 'render': $.empty, - 'contains': $.lambda(false) - }, - 'circle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.circle.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.circle.contains(npos, pos, dim); - } - }, - 'ellipse': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); - }, - // TODO(nico): be more precise... - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - return this.nodeHelper.ellipse.contains(npos, pos, width, height); - } - }, - 'square': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.square.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.square.contains(npos, pos, dim); - } - }, - 'rectangle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); - }, - 'contains': function(node, pos){ - var npos = node.pos.getc(true), - width = node.getData('width'), - height = node.getData('height'); - return this.nodeHelper.rectangle.contains(npos, pos, width, height); - } - }, - 'triangle': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.triangle.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos) { - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.triangle.contains(npos, pos, dim); - } - }, - 'star': { - 'render': function(node, canvas){ - var pos = node.pos.getc(true), - dim = node.getData('dim'); - this.nodeHelper.star.render('fill', pos, dim, canvas); - }, - 'contains': function(node, pos) { - var npos = node.pos.getc(true), - dim = node.getData('dim'); - return this.nodeHelper.star.contains(npos, pos, dim); - } - } - }); - - /* - Class: RGraph.Plot.EdgeTypes - - This class contains a list of built-in types. - Edge types implemented are 'none', 'line' and 'arrow'. - - You can add your custom edge types, customizing your visualization to the extreme. - - Example: - - (start code js) - RGraph.Plot.EdgeTypes.implement({ - 'mySpecialType': { - 'render': function(adj, canvas) { - //print your custom edge to canvas - }, - //optional - 'contains': function(adj, pos) { - //return true if pos is inside the arc or false otherwise - } - } - }); - (end code) - - */ - RGraph.Plot.EdgeTypes = new Class({ - 'none': $.empty, - 'line': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - this.edgeHelper.line.render(from, to, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); - } - }, - 'arrow': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - dim = adj.getData('dim'), - direction = adj.data.$direction, - inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); - this.edgeHelper.arrow.render(from, to, dim, inv, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true); - return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); - } - } - }); - -})($jit.RGraph); - - -/* - * File: Hypertree.js - * -*/ - -/* - Complex - - A multi-purpose Complex Class with common methods. Extended for the Hypertree. - -*/ -/* - moebiusTransformation - - Calculates a moebius transformation for this point / complex. - For more information go to: - http://en.wikipedia.org/wiki/Moebius_transformation. - - Parameters: - - c - An initialized Complex instance representing a translation Vector. -*/ - -Complex.prototype.moebiusTransformation = function(c) { - var num = this.add(c); - var den = c.$conjugate().$prod(this); - den.x++; - return num.$div(den); -}; - -/* - moebiusTransformation - - Calculates a moebius transformation for the hyperbolic tree. - - - - Parameters: - - graph - A instance. - pos - A . - prop - A property array. - theta - Rotation angle. - startPos - _optional_ start position. -*/ -Graph.Util.moebiusTransformation = function(graph, pos, prop, startPos, flags) { - this.eachNode(graph, function(elem) { - for ( var i = 0; i < prop.length; i++) { - var p = pos[i].scale(-1), property = startPos ? startPos : prop[i]; - elem.getPos(prop[i]).set(elem.getPos(property).getc().moebiusTransformation(p)); - } - }, flags); -}; - -/* - Class: Hypertree - - A Hyperbolic Tree/Graph visualization. - - Inspired by: - - A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies (John Lamping, Ramana Rao, and Peter Pirolli). - - - Note: - - This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the Hypertree described in the paper. - - Implements: - - All methods - - Constructor Options: - - Inherits options from - - - - - - - - - - - - - - - - - - - - - Additionally, there are other parameters and some default values changed - - radius - (string|number) Default's *auto*. The radius of the disc to plot the in. 'auto' will take the smaller value from the width and height canvas dimensions. You can also set this to a custom value, for example *250*. - offset - (number) Default's *0*. A number in the range [0, 1) that will be substracted to each node position to make a more compact . This will avoid placing nodes too far from each other when a there's a selected node. - fps - Described in . It's default value has been changed to *35*. - duration - Described in . It's default value has been changed to *1500*. - Edge.type - Described in . It's default value has been changed to *hyperline*. - - Instance Properties: - - canvas - Access a instance. - graph - Access a instance. - op - Access a instance. - fx - Access a instance. - labels - Access a interface implementation. - -*/ - -$jit.Hypertree = new Class( { - - Implements: [ Loader, Extras, Layouts.Radial ], - - initialize: function(controller) { - var $Hypertree = $jit.Hypertree; - - var config = { - radius: "auto", - offset: 0, - Edge: { - type: 'hyperline' - }, - duration: 1500, - fps: 35 - }; - this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", - "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); - - var canvasConfig = this.config; - if(canvasConfig.useCanvas) { - this.canvas = canvasConfig.useCanvas; - this.config.labelContainer = this.canvas.id + '-label'; - } else { - if(canvasConfig.background) { - canvasConfig.background = $.merge({ - type: 'Circles' - }, canvasConfig.background); - } - this.canvas = new Canvas(this, canvasConfig); - this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; - } - - this.graphOptions = { - 'complex': false, - 'Node': { - 'selected': false, - 'exist': true, - 'drawn': true - } - }; - this.graph = new Graph(this.graphOptions, this.config.Node, - this.config.Edge); - this.labels = new $Hypertree.Label[canvasConfig.Label.type](this); - this.fx = new $Hypertree.Plot(this, $Hypertree); - this.op = new $Hypertree.Op(this); - this.json = null; - this.root = null; - this.busy = false; - // initialize extras - this.initializeExtras(); - }, - - /* - - createLevelDistanceFunc - - Returns the levelDistance function used for calculating a node distance - to its origin. This function returns a function that is computed - per level and not per node, such that all nodes with the same depth will have the - same distance to the origin. The resulting function gets the - parent node as parameter and returns a float. - - */ - createLevelDistanceFunc: function() { - // get max viz. length. - var r = this.getRadius(); - // get max depth. - var depth = 0, max = Math.max, config = this.config; - this.graph.eachNode(function(node) { - depth = max(node._depth, depth); - }, "ignore"); - depth++; - // node distance generator - var genDistFunc = function(a) { - return function(node) { - node.scale = r; - var d = node._depth + 1; - var acum = 0, pow = Math.pow; - while (d) { - acum += pow(a, d--); - } - return acum - config.offset; - }; - }; - // estimate better edge length. - for ( var i = 0.51; i <= 1; i += 0.01) { - var valSeries = (1 - Math.pow(i, depth)) / (1 - i); - if (valSeries >= 2) { return genDistFunc(i - 0.01); } - } - return genDistFunc(0.75); - }, - - /* - Method: getRadius - - Returns the current radius of the visualization. If *config.radius* is *auto* then it - calculates the radius by taking the smaller size of the widget. - - See also: - - - - */ - getRadius: function() { - var rad = this.config.radius; - if (rad !== "auto") { return rad; } - var s = this.canvas.getSize(); - return Math.min(s.width, s.height) / 2; - }, - - /* - Method: refresh - - Computes positions and plots the tree. - - Parameters: - - reposition - (optional|boolean) Set this to *true* to force all positions (current, start, end) to match. - - */ - refresh: function(reposition) { - if (reposition) { - this.reposition(); - this.graph.eachNode(function(node) { - node.startPos.rho = node.pos.rho = node.endPos.rho; - node.startPos.theta = node.pos.theta = node.endPos.theta; - }); - } else { - this.compute(); - } - this.plot(); - }, - - /* - reposition - - Computes nodes' positions and restores the tree to its previous position. - - For calculating nodes' positions the root must be placed on its origin. This method does this - and then attemps to restore the hypertree to its previous position. - - */ - reposition: function() { - this.compute('end'); - var vector = this.graph.getNode(this.root).pos.getc().scale(-1); - Graph.Util.moebiusTransformation(this.graph, [ vector ], [ 'end' ], - 'end', "ignore"); - this.graph.eachNode(function(node) { - if (node.ignore) { - node.endPos.rho = node.pos.rho; - node.endPos.theta = node.pos.theta; - } - }); - }, - - /* - Method: plot - - Plots the . This is a shortcut to *fx.plot*. - - */ - plot: function() { - this.fx.plot(); - }, - - /* - Method: onClick - - Animates the to center the node specified by *id*. - - Parameters: - - id - A id. - opt - (optional|object) An object containing some extra properties described below - hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. - - Example: - - (start code js) - ht.onClick('someid'); - //or also... - ht.onClick('someid', { - hideLabels: false - }); - (end code) - - */ - onClick: function(id, opt) { - var pos = this.graph.getNode(id).pos.getc(true); - this.move(pos, opt); - }, - - /* - Method: move - - Translates the tree to the given position. - - Parameters: - - pos - (object) A *x, y* coordinate object where x, y in [0, 1), to move the tree to. - opt - This object has been defined in - - Example: - - (start code js) - ht.move({ x: 0, y: 0.7 }, { - hideLabels: false - }); - (end code) - - */ - move: function(pos, opt) { - var versor = $C(pos.x, pos.y); - if (this.busy === false && versor.norm() < 1) { - this.busy = true; - var root = this.graph.getClosestNodeToPos(versor), that = this; - this.graph.computeLevels(root.id, 0); - this.controller.onBeforeCompute(root); - opt = $.merge( { - onComplete: $.empty - }, opt || {}); - this.fx.animate($.merge( { - modes: [ 'moebius' ], - hideLabels: true - }, opt, { - onComplete: function() { - that.busy = false; - opt.onComplete(); - } - }), versor); - } - } -}); - -$jit.Hypertree.$extend = true; - -(function(Hypertree) { - - /* - Class: Hypertree.Op - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Hypertree.Op = new Class( { - - Implements: Graph.Op - - }); - - /* - Class: Hypertree.Plot - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Hypertree.Plot = new Class( { - - Implements: Graph.Plot - - }); - - /* - Object: Hypertree.Label - - Custom extension of . - Contains custom , and extensions. - - Extends: - - All methods and subclasses. - - See also: - - , , , . - - */ - Hypertree.Label = {}; - - /* - Hypertree.Label.Native - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Hypertree.Label.Native = new Class( { - Implements: Graph.Label.Native, - - initialize: function(viz) { - this.viz = viz; - }, - - renderLabel: function(canvas, node, controller) { - var ctx = canvas.getCtx(); - var coord = node.pos.getc(true); - var s = this.viz.getRadius(); - ctx.fillText(node.name, coord.x * s, coord.y * s); - } - }); - - /* - Hypertree.Label.SVG - - Custom extension of . - - Extends: - - All methods - - See also: - - - - */ - Hypertree.Label.SVG = new Class( { - Implements: Graph.Label.SVG, - - initialize: function(viz) { - this.viz = viz; - }, - - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(), - r = this.viz.getRadius(); - var labelPos = { - x: Math.round((pos.x * sx) * r + ox + radius.width / 2), - y: Math.round((pos.y * sy) * r + oy + radius.height / 2) - }; - tag.setAttribute('x', labelPos.x); - tag.setAttribute('y', labelPos.y); - controller.onPlaceLabel(tag, node); - } - }); - - /* - Hypertree.Label.HTML - - Custom extension of . - - Extends: - - All methods. - - See also: - - - - */ - Hypertree.Label.HTML = new Class( { - Implements: Graph.Label.HTML, - - initialize: function(viz) { - this.viz = viz; - }, - /* - placeLabel - - Overrides abstract method placeLabel in . - - Parameters: - - tag - A DOM label element. - node - A . - controller - A configuration/controller object passed to the visualization. - - */ - placeLabel: function(tag, node, controller) { - var pos = node.pos.getc(true), - canvas = this.viz.canvas, - ox = canvas.translateOffsetX, - oy = canvas.translateOffsetY, - sx = canvas.scaleOffsetX, - sy = canvas.scaleOffsetY, - radius = canvas.getSize(), - r = this.viz.getRadius(); - var labelPos = { - x: Math.round((pos.x * sx) * r + ox + radius.width / 2), - y: Math.round((pos.y * sy) * r + oy + radius.height / 2) - }; - var style = tag.style; - style.left = labelPos.x + 'px'; - style.top = labelPos.y + 'px'; - style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; - - controller.onPlaceLabel(tag, node); - } - }); - - /* - Class: Hypertree.Plot.NodeTypes - - This class contains a list of built-in types. - Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. - - You can add your custom node types, customizing your visualization to the extreme. - - Example: - - (start code js) - Hypertree.Plot.NodeTypes.implement({ - 'mySpecialType': { - 'render': function(node, canvas) { - //print your custom node to canvas - }, - //optional - 'contains': function(node, pos) { - //return true if pos is inside the node or false otherwise - } - } - }); - (end code) - - */ - Hypertree.Plot.NodeTypes = new Class({ - 'none': { - 'render': $.empty, - 'contains': $.lambda(false) - }, - 'circle': { - 'render': function(node, canvas) { - var nconfig = this.node, - dim = node.getData('dim'), - p = node.pos.getc(); - dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; - p.$scale(node.scale); - if (dim > 0.2) { - this.nodeHelper.circle.render('fill', p, dim, canvas); - } - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.circle.contains(npos, pos, dim); - } - }, - 'ellipse': { - 'render': function(node, canvas) { - var pos = node.pos.getc().$scale(node.scale), - width = node.getData('width'), - height = node.getData('height'); - this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); - }, - 'contains': function(node, pos) { - var width = node.getData('width'), - height = node.getData('height'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.circle.contains(npos, pos, width, height); - } - }, - 'square': { - 'render': function(node, canvas) { - var nconfig = this.node, - dim = node.getData('dim'), - p = node.pos.getc(); - dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; - p.$scale(node.scale); - if (dim > 0.2) { - this.nodeHelper.square.render('fill', p, dim, canvas); - } - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.square.contains(npos, pos, dim); - } - }, - 'rectangle': { - 'render': function(node, canvas) { - var nconfig = this.node, - width = node.getData('width'), - height = node.getData('height'), - pos = node.pos.getc(); - width = nconfig.transform? width * (1 - pos.squaredNorm()) : width; - height = nconfig.transform? height * (1 - pos.squaredNorm()) : height; - pos.$scale(node.scale); - if (width > 0.2 && height > 0.2) { - this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); - } - }, - 'contains': function(node, pos) { - var width = node.getData('width'), - height = node.getData('height'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.square.contains(npos, pos, width, height); - } - }, - 'triangle': { - 'render': function(node, canvas) { - var nconfig = this.node, - dim = node.getData('dim'), - p = node.pos.getc(); - dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; - p.$scale(node.scale); - if (dim > 0.2) { - this.nodeHelper.triangle.render('fill', p, dim, canvas); - } - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.triangle.contains(npos, pos, dim); - } - }, - 'star': { - 'render': function(node, canvas) { - var nconfig = this.node, - dim = node.getData('dim'), - p = node.pos.getc(); - dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; - p.$scale(node.scale); - if (dim > 0.2) { - this.nodeHelper.star.render('fill', p, dim, canvas); - } - }, - 'contains': function(node, pos) { - var dim = node.getData('dim'), - npos = node.pos.getc().$scale(node.scale); - return this.nodeHelper.star.contains(npos, pos, dim); - } - } - }); - - /* - Class: Hypertree.Plot.EdgeTypes - - This class contains a list of built-in types. - Edge types implemented are 'none', 'line', 'arrow' and 'hyperline'. - - You can add your custom edge types, customizing your visualization to the extreme. - - Example: - - (start code js) - Hypertree.Plot.EdgeTypes.implement({ - 'mySpecialType': { - 'render': function(adj, canvas) { - //print your custom edge to canvas - }, - //optional - 'contains': function(adj, pos) { - //return true if pos is inside the arc or false otherwise - } - } - }); - (end code) - - */ - Hypertree.Plot.EdgeTypes = new Class({ - 'none': $.empty, - 'line': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - r = adj.nodeFrom.scale; - this.edgeHelper.line.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - r = adj.nodeFrom.scale; - this.edgeHelper.line.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); - } - }, - 'arrow': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - r = adj.nodeFrom.scale, - dim = adj.getData('dim'), - direction = adj.data.$direction, - inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); - this.edgeHelper.arrow.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, dim, inv, canvas); - }, - 'contains': function(adj, pos) { - var from = adj.nodeFrom.pos.getc(true), - to = adj.nodeTo.pos.getc(true), - r = adj.nodeFrom.scale; - this.edgeHelper.arrow.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); - } - }, - 'hyperline': { - 'render': function(adj, canvas) { - var from = adj.nodeFrom.pos.getc(), - to = adj.nodeTo.pos.getc(), - dim = this.viz.getRadius(); - this.edgeHelper.hyperline.render(from, to, dim, canvas); - }, - 'contains': $.lambda(false) - } - }); - -})($jit.Hypertree); - - - - +/* + Copyright (c) 2010, Nicolas Garcia Belmonte + All rights reserved + + > Redistribution and use in source and binary forms, with or without + > modification, are permitted provided that the following conditions are met: + > * Redistributions of source code must retain the above copyright + > notice, this list of conditions and the following disclaimer. + > * Redistributions in binary form must reproduce the above copyright + > notice, this list of conditions and the following disclaimer in the + > documentation and/or other materials provided with the distribution. + > * Neither the name of the organization nor the + > names of its contributors may be used to endorse or promote products + > derived from this software without specific prior written permission. + > + > THIS SOFTWARE IS PROVIDED BY NICOLAS GARCIA BELMONTE ``AS IS'' AND ANY + > EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED + > WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE + > DISCLAIMED. IN NO EVENT SHALL NICOLAS GARCIA BELMONTE BE LIABLE FOR ANY + > DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES + > (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; + > LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND + > ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT + > (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS + > SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. + */ + (function () { + +/* + File: Core.js + + */ + +/* + Object: $jit + + Defines the namespace for all library Classes and Objects. + This variable is the *only* global variable defined in the Toolkit. + There are also other interesting properties attached to this variable described below. + */ +window.$jit = function(w) { + w = w || window; + for(var k in $jit) { + if($jit[k].$extend) { + w[k] = $jit[k]; + } + } +}; + +$jit.version = '2.0.0b'; +/* + Object: $jit.id + + Works just like *document.getElementById* + + Example: + (start code js) + var element = $jit.id('elementId'); + (end code) + +*/ + +/* + Object: $jit.util + + Contains utility functions. + + Some of the utility functions and the Class system were based in the MooTools Framework + . Copyright (c) 2006-2010 Valerio Proietti, . + MIT license . + + These methods are generally also implemented in DOM manipulation frameworks like JQuery, MooTools and Prototype. + I'd suggest you to use the functions from those libraries instead of using these, since their functions + are widely used and tested in many different platforms/browsers. Use these functions only if you have to. + + */ +var $ = function(d) { + return document.getElementById(d); +}; + +$.empty = function() { +}; + +/* + Method: extend + + Augment an object by appending another object's properties. + + Parameters: + + original - (object) The object to be extended. + extended - (object) An object which properties are going to be appended to the original object. + + Example: + (start code js) + $jit.util.extend({ 'a': 1, 'b': 2 }, { 'b': 3, 'c': 4 }); //{ 'a':1, 'b': 3, 'c': 4 } + (end code) +*/ +$.extend = function(original, extended) { + for ( var key in (extended || {})) + original[key] = extended[key]; + return original; +}; + +$.lambda = function(value) { + return (typeof value == 'function') ? value : function() { + return value; + }; +}; + +$.time = Date.now || function() { + return +new Date; +}; + +/* + Method: splat + + Returns an array wrapping *obj* if *obj* is not an array. Returns *obj* otherwise. + + Parameters: + + obj - (mixed) The object to be wrapped in an array. + + Example: + (start code js) + $jit.util.splat(3); //[3] + $jit.util.splat([3]); //[3] + (end code) +*/ +$.splat = function(obj) { + var type = $.type(obj); + return type ? ((type != 'array') ? [ obj ] : obj) : []; +}; + +$.type = function(elem) { + var type = $.type.s.call(elem).match(/^\[object\s(.*)\]$/)[1].toLowerCase(); + if(type != 'object') return type; + if(elem && elem.$$family) return elem.$$family; + return (elem && elem.nodeName && elem.nodeType == 1)? 'element' : type; +}; +$.type.s = Object.prototype.toString; + +/* + Method: each + + Iterates through an iterable applying *f*. + + Parameters: + + iterable - (array) The original array. + fn - (function) The function to apply to the array elements. + + Example: + (start code js) + $jit.util.each([3, 4, 5], function(n) { alert('number ' + n); }); + (end code) +*/ +$.each = function(iterable, fn) { + var type = $.type(iterable); + if (type == 'object') { + for ( var key in iterable) + fn(iterable[key], key); + } else { + for ( var i = 0, l = iterable.length; i < l; i++) + fn(iterable[i], i); + } +}; + +$.indexOf = function(array, item) { + if(Array.indexOf) return array.indexOf(item); + for(var i=0,l=array.length; i> 16, hex >> 8 & 0xff, hex & 0xff ]; + } +}; + +$.destroy = function(elem) { + $.clean(elem); + if (elem.parentNode) + elem.parentNode.removeChild(elem); + if (elem.clearAttributes) + elem.clearAttributes(); +}; + +$.clean = function(elem) { + for (var ch = elem.childNodes, i = 0, l = ch.length; i < l; i++) { + $.destroy(ch[i]); + } +}; + +/* + Method: addEvent + + Cross-browser add event listener. + + Parameters: + + obj - (obj) The Element to attach the listener to. + type - (string) The listener type. For example 'click', or 'mousemove'. + fn - (function) The callback function to be used when the event is fired. + + Example: + (start code js) + $jit.util.addEvent(elem, 'click', function(){ alert('hello'); }); + (end code) +*/ +$.addEvent = function(obj, type, fn) { + if (obj.addEventListener) + obj.addEventListener(type, fn, false); + else + obj.attachEvent('on' + type, fn); +}; + +$.addEvents = function(obj, typeObj) { + for(var type in typeObj) { + $.addEvent(obj, type, typeObj[type]); + } +}; + +$.hasClass = function(obj, klass) { + return (' ' + obj.className + ' ').indexOf(' ' + klass + ' ') > -1; +}; + +$.addClass = function(obj, klass) { + if (!$.hasClass(obj, klass)) + obj.className = (obj.className + " " + klass); +}; + +$.removeClass = function(obj, klass) { + obj.className = obj.className.replace(new RegExp( + '(^|\\s)' + klass + '(?:\\s|$)'), '$1'); +}; + +$.getPos = function(elem) { + var offset = getOffsets(elem); + var scroll = getScrolls(elem); + return { + x: offset.x - scroll.x, + y: offset.y - scroll.y + }; + + function getOffsets(elem) { + var position = { + x: 0, + y: 0 + }; + while (elem && !isBody(elem)) { + position.x += elem.offsetLeft; + position.y += elem.offsetTop; + elem = elem.offsetParent; + } + return position; + } + + function getScrolls(elem) { + var position = { + x: 0, + y: 0 + }; + while (elem && !isBody(elem)) { + position.x += elem.scrollLeft; + position.y += elem.scrollTop; + elem = elem.parentNode; + } + return position; + } + + function isBody(element) { + return (/^(?:body|html)$/i).test(element.tagName); + } +}; + +$.event = { + get: function(e, win) { + win = win || window; + return e || win.event; + }, + getWheel: function(e) { + return e.wheelDelta? e.wheelDelta / 120 : -(e.detail || 0) / 3; + }, + isRightClick: function(e) { + return (e.which == 3 || e.button == 2); + }, + getPos: function(e, win) { + // get mouse position + win = win || window; + e = e || win.event; + var doc = win.document; + doc = doc.documentElement || doc.body; + //TODO(nico): make touch event handling better + if(e.touches && e.touches.length) { + e = e.touches[0]; + } + var page = { + x: e.pageX || (e.clientX + doc.scrollLeft), + y: e.pageY || (e.clientY + doc.scrollTop) + }; + return page; + }, + stop: function(e) { + if (e.stopPropagation) e.stopPropagation(); + e.cancelBubble = true; + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } +}; + +$jit.util = $jit.id = $; + +var Class = function(properties) { + properties = properties || {}; + var klass = function() { + for ( var key in this) { + if (typeof this[key] != 'function') + this[key] = $.unlink(this[key]); + } + this.constructor = klass; + if (Class.prototyping) + return this; + var instance = this.initialize ? this.initialize.apply(this, arguments) + : this; + //typize + this.$$family = 'class'; + return instance; + }; + + for ( var mutator in Class.Mutators) { + if (!properties[mutator]) + continue; + properties = Class.Mutators[mutator](properties, properties[mutator]); + delete properties[mutator]; + } + + $.extend(klass, this); + klass.constructor = Class; + klass.prototype = properties; + return klass; +}; + +Class.Mutators = { + + Implements: function(self, klasses) { + $.each($.splat(klasses), function(klass) { + Class.prototyping = klass; + var instance = (typeof klass == 'function') ? new klass : klass; + for ( var prop in instance) { + if (!(prop in self)) { + self[prop] = instance[prop]; + } + } + delete Class.prototyping; + }); + return self; + } + +}; + +$.extend(Class, { + + inherit: function(object, properties) { + for ( var key in properties) { + var override = properties[key]; + var previous = object[key]; + var type = $.type(override); + if (previous && type == 'function') { + if (override != previous) { + Class.override(object, key, override); + } + } else if (type == 'object') { + object[key] = $.merge(previous, override); + } else { + object[key] = override; + } + } + return object; + }, + + override: function(object, name, method) { + var parent = Class.prototyping; + if (parent && object[name] != parent[name]) + parent = null; + var override = function() { + var previous = this.parent; + this.parent = parent ? parent[name] : object[name]; + var value = method.apply(this, arguments); + this.parent = previous; + return value; + }; + object[name] = override; + } + +}); + +Class.prototype.implement = function() { + var proto = this.prototype; + $.each(Array.prototype.slice.call(arguments || []), function(properties) { + Class.inherit(proto, properties); + }); + return this; +}; + +$jit.Class = Class; + +/* + Object: $jit.json + + Provides JSON utility functions. + + Most of these functions are JSON-tree traversal and manipulation functions. +*/ +$jit.json = { + /* + Method: prune + + Clears all tree nodes having depth greater than maxLevel. + + Parameters: + + tree - (object) A JSON tree object. For more information please see . + maxLevel - (number) An integer specifying the maximum level allowed for this tree. All nodes having depth greater than max level will be deleted. + + */ + prune: function(tree, maxLevel) { + this.each(tree, function(elem, i) { + if (i == maxLevel && elem.children) { + delete elem.children; + elem.children = []; + } + }); + }, + /* + Method: getParent + + Returns the parent node of the node having _id_ as id. + + Parameters: + + tree - (object) A JSON tree object. See also . + id - (string) The _id_ of the child node whose parent will be returned. + + Returns: + + A tree JSON node if any, or false otherwise. + + */ + getParent: function(tree, id) { + if (tree.id == id) + return false; + var ch = tree.children; + if (ch && ch.length > 0) { + for ( var i = 0; i < ch.length; i++) { + if (ch[i].id == id) + return tree; + else { + var ans = this.getParent(ch[i], id); + if (ans) + return ans; + } + } + } + return false; + }, + /* + Method: getSubtree + + Returns the subtree that matches the given id. + + Parameters: + + tree - (object) A JSON tree object. See also . + id - (string) A node *unique* identifier. + + Returns: + + A subtree having a root node matching the given id. Returns null if no subtree matching the id is found. + + */ + getSubtree: function(tree, id) { + if (tree.id == id) + return tree; + for ( var i = 0, ch = tree.children; i < ch.length; i++) { + var t = this.getSubtree(ch[i], id); + if (t != null) + return t; + } + return null; + }, + /* + Method: eachLevel + + Iterates on tree nodes with relative depth less or equal than a specified level. + + Parameters: + + tree - (object) A JSON tree or subtree. See also . + initLevel - (number) An integer specifying the initial relative level. Usually zero. + toLevel - (number) An integer specifying a top level. This method will iterate only through nodes with depth less than or equal this number. + action - (function) A function that receives a node and an integer specifying the actual level of the node. + + Example: + (start code js) + $jit.json.eachLevel(tree, 0, 3, function(node, depth) { + alert(node.name + ' ' + depth); + }); + (end code) + */ + eachLevel: function(tree, initLevel, toLevel, action) { + if (initLevel <= toLevel) { + action(tree, initLevel); + if(!tree.children) return; + for ( var i = 0, ch = tree.children; i < ch.length; i++) { + this.eachLevel(ch[i], initLevel + 1, toLevel, action); + } + } + }, + /* + Method: each + + A JSON tree iterator. + + Parameters: + + tree - (object) A JSON tree or subtree. See also . + action - (function) A function that receives a node. + + Example: + (start code js) + $jit.json.each(tree, function(node) { + alert(node.name); + }); + (end code) + + */ + each: function(tree, action) { + this.eachLevel(tree, 0, Number.MAX_VALUE, action); + } +}; + + +/* + An object containing multiple type of transformations. +*/ + +$jit.Trans = { + $extend: true, + + linear: function(p){ + return p; + } +}; + +var Trans = $jit.Trans; + +(function(){ + + var makeTrans = function(transition, params){ + params = $.splat(params); + return $.extend(transition, { + easeIn: function(pos){ + return transition(pos, params); + }, + easeOut: function(pos){ + return 1 - transition(1 - pos, params); + }, + easeInOut: function(pos){ + return (pos <= 0.5)? transition(2 * pos, params) / 2 : (2 - transition( + 2 * (1 - pos), params)) / 2; + } + }); + }; + + var transitions = { + + Pow: function(p, x){ + return Math.pow(p, x[0] || 6); + }, + + Expo: function(p){ + return Math.pow(2, 8 * (p - 1)); + }, + + Circ: function(p){ + return 1 - Math.sin(Math.acos(p)); + }, + + Sine: function(p){ + return 1 - Math.sin((1 - p) * Math.PI / 2); + }, + + Back: function(p, x){ + x = x[0] || 1.618; + return Math.pow(p, 2) * ((x + 1) * p - x); + }, + + Bounce: function(p){ + var value; + for ( var a = 0, b = 1; 1; a += b, b /= 2) { + if (p >= (7 - 4 * a) / 11) { + value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); + break; + } + } + return value; + }, + + Elastic: function(p, x){ + return Math.pow(2, 10 * --p) + * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); + } + + }; + + $.each(transitions, function(val, key){ + Trans[key] = makeTrans(val); + }); + + $.each( [ + 'Quad', 'Cubic', 'Quart', 'Quint' + ], function(elem, i){ + Trans[elem] = makeTrans(function(p){ + return Math.pow(p, [ + i + 2 + ]); + }); + }); + +})(); + +/* + A Class that can perform animations for generic objects. + + If you are looking for animation transitions please take a look at the object. + + Used by: + + + + Based on: + + The Animation class is based in the MooTools Framework . Copyright (c) 2006-2009 Valerio Proietti, . MIT license . + +*/ + +var Animation = new Class( { + + initialize: function(options){ + this.setOptions(options); + }, + + setOptions: function(options){ + var opt = { + duration: 2500, + fps: 40, + transition: Trans.Quart.easeInOut, + compute: $.empty, + complete: $.empty, + link: 'ignore' + }; + this.opt = $.merge(opt, options || {}); + return this; + }, + + step: function(){ + var time = $.time(), opt = this.opt; + if (time < this.time + opt.duration) { + var delta = opt.transition((time - this.time) / opt.duration); + opt.compute(delta); + } else { + this.timer = clearInterval(this.timer); + opt.compute(1); + opt.complete(); + } + }, + + start: function(){ + if (!this.check()) + return this; + this.time = 0; + this.startTimer(); + return this; + }, + + startTimer: function(){ + var that = this, fps = this.opt.fps; + if (this.timer) + return false; + this.time = $.time() - this.time; + this.timer = setInterval((function(){ + that.step(); + }), Math.round(1000 / fps)); + return true; + }, + + pause: function(){ + this.stopTimer(); + return this; + }, + + resume: function(){ + this.startTimer(); + return this; + }, + + stopTimer: function(){ + if (!this.timer) + return false; + this.time = $.time() - this.time; + this.timer = clearInterval(this.timer); + return true; + }, + + check: function(){ + if (!this.timer) + return true; + if (this.opt.link == 'cancel') { + this.stopTimer(); + return true; + } + return false; + } +}); + + +var Options = function() { + var args = arguments; + for(var i=0, l=args.length, ans={}; i options. + Other options included in the AreaChart are , , , and . + + Syntax: + + (start code js) + + Options.AreaChart = { + animate: true, + labelOffset: 3, + type: 'stacked', + selectOnHover: true, + showAggregates: true, + showLabels: true, + filterOnClick: false, + restoreOnRightClick: false + }; + + (end code) + + Example: + + (start code js) + + var areaChart = new $jit.AreaChart({ + animate: true, + type: 'stacked:gradient', + selectOnHover: true, + filterOnClick: true, + restoreOnRightClick: true + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. + selectOnHover - (boolean) Default's *true*. If true, it will add a mark to the hovered stack. + showAggregates - (boolean) Default's *true*. Display the sum of the values of the different stacks. + showLabels - (boolean) Default's *true*. Display the name of the slots. + filterOnClick - (boolean) Default's *true*. Select the clicked stack by hiding all other stacks. + restoreOnRightClick - (boolean) Default's *true*. Show all stacks by right clicking. + +*/ + +Options.AreaChart = { + $extend: true, + + animate: true, + labelOffset: 3, // label offset + type: 'stacked', // gradient + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + Events: { + enable: false, + onClick: $.empty + }, + selectOnHover: true, + showAggregates: true, + showLabels: true, + filterOnClick: false, + restoreOnRightClick: false +}; + +/* + * File: Options.Margin.js + * +*/ + +/* + Object: Options.Margin + + Canvas drawing margins. + + Syntax: + + (start code js) + + Options.Margin = { + top: 0, + left: 0, + right: 0, + bottom: 0 + }; + + (end code) + + Example: + + (start code js) + + var viz = new $jit.Viz({ + Margin: { + right: 10, + bottom: 20 + } + }); + + (end code) + + Parameters: + + top - (number) Default's *0*. Top margin. + left - (number) Default's *0*. Left margin. + right - (number) Default's *0*. Right margin. + bottom - (number) Default's *0*. Bottom margin. + +*/ + +Options.Margin = { + $extend: false, + + top: 0, + left: 0, + right: 0, + bottom: 0 +}; + +/* + * File: Options.Canvas.js + * +*/ + +/* + Object: Options.Canvas + + These are Canvas general options, like where to append it in the DOM, its dimensions, background, + and other more advanced options. + + Syntax: + + (start code js) + + Options.Canvas = { + injectInto: 'id', + width: false, + height: false, + useCanvas: false, + withLabels: true, + background: false + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + injectInto: 'someContainerId', + width: 500, + height: 700 + }); + (end code) + + Parameters: + + injectInto - *required* (string|element) The id of the DOM container for the visualization. It can also be an Element provided that it has an id. + width - (number) Default's to the *container's offsetWidth*. The width of the canvas. + height - (number) Default's to the *container's offsetHeight*. The height of the canvas. + useCanvas - (boolean|object) Default's *false*. You can pass another instance to be used by the visualization. + withLabels - (boolean) Default's *true*. Whether to use a label container for the visualization. + background - (boolean|object) Default's *false*. An object containing information about the rendering of a background canvas. +*/ + +Options.Canvas = { + $extend: true, + + injectInto: 'id', + width: false, + height: false, + useCanvas: false, + withLabels: true, + background: false +}; + +/* + * File: Options.Tree.js + * +*/ + +/* + Object: Options.Tree + + Options related to (strict) Tree layout algorithms. These options are used by the visualization. + + Syntax: + + (start code js) + Options.Tree = { + orientation: "left", + subtreeOffset: 8, + siblingOffset: 5, + indent:10, + multitree: false, + align:"center" + }; + (end code) + + Example: + + (start code js) + var st = new $jit.ST({ + orientation: 'left', + subtreeOffset: 1, + siblingOFfset: 5, + multitree: true + }); + (end code) + + Parameters: + + subtreeOffset - (number) Default's 8. Separation offset between subtrees. + siblingOffset - (number) Default's 5. Separation offset between siblings. + orientation - (string) Default's 'left'. Tree orientation layout. Possible values are 'left', 'top', 'right', 'bottom'. + align - (string) Default's *center*. Whether the tree alignment is 'left', 'center' or 'right'. + indent - (number) Default's 10. Used when *align* is left or right and shows an indentation between parent and children. + multitree - (boolean) Default's *false*. Used with the node $orn data property for creating multitrees. + +*/ +Options.Tree = { + $extend: true, + + orientation: "left", + subtreeOffset: 8, + siblingOffset: 5, + indent:10, + multitree: false, + align:"center" +}; + + +/* + * File: Options.Node.js + * +*/ + +/* + Object: Options.Node + + Provides Node rendering options for Tree and Graph based visualizations. + + Syntax: + + (start code js) + Options.Node = { + overridable: false, + type: 'circle', + color: '#ccb', + alpha: 1, + dim: 3, + height: 20, + width: 90, + autoHeight: false, + autoWidth: false, + lineWidth: 1, + transform: true, + align: "center", + angularWidth:1, + span:1, + CanvasStyles: {} + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Node: { + overridable: true, + width: 30, + autoHeight: true, + type: 'rectangle' + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general node properties can be overridden by a particular . + type - (string) Default's *circle*. Node's shape. Node built-in types include 'circle', 'rectangle', 'square', 'ellipse', 'triangle', 'star'. The default Node type might vary in each visualization. You can also implement (non built-in) custom Node types into your visualizations. + color - (string) Default's *#ccb*. Node color. + alpha - (number) Default's *1*. The Node's alpha value. *1* is for full opacity. + dim - (number) Default's *3*. An extra parameter used by other node shapes such as circle or square, to determine the shape's diameter. + height - (number) Default's *20*. Used by 'rectangle' and 'ellipse' node types. The height of the node shape. + width - (number) Default's *90*. Used by 'rectangle' and 'ellipse' node types. The width of the node shape. + autoHeight - (boolean) Default's *false*. Whether to set an auto height for the node depending on the content of the Node's label. + autoWidth - (boolean) Default's *false*. Whether to set an auto width for the node depending on the content of the Node's label. + lineWidth - (number) Default's *1*. Used only by some Node shapes. The line width of the strokes of a node. + transform - (boolean) Default's *true*. Only used by the visualization. Whether to scale the nodes according to the moebius transformation. + align - (string) Default's *center*. Possible values are 'center', 'left' or 'right'. Used only by the visualization, these parameters are used for aligning nodes when some of they dimensions vary. + angularWidth - (number) Default's *1*. Used in radial layouts (like or visualizations). The amount of relative 'space' set for a node. + span - (number) Default's *1*. Used in radial layouts (like or visualizations). The angle span amount set for a node. + CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting a Node. + +*/ +Options.Node = { + $extend: false, + + overridable: false, + type: 'circle', + color: '#ccb', + alpha: 1, + dim: 3, + height: 20, + width: 90, + autoHeight: false, + autoWidth: false, + lineWidth: 1, + transform: true, + align: "center", + angularWidth:1, + span:1, + //Raw canvas styles to be + //applied to the context instance + //before plotting a node + CanvasStyles: {} +}; + + +/* + * File: Options.Edge.js + * +*/ + +/* + Object: Options.Edge + + Provides Edge rendering options for Tree and Graph based visualizations. + + Syntax: + + (start code js) + Options.Edge = { + overridable: false, + type: 'line', + color: '#ccb', + lineWidth: 1, + dim:15, + alpha: 1, + CanvasStyles: {} + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Edge: { + overridable: true, + type: 'line', + color: '#fff', + CanvasStyles: { + shadowColor: '#ccc', + shadowBlur: 10 + } + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general edges properties can be overridden by a particular . + type - (string) Default's 'line'. Edge styles include 'line', 'hyperline', 'arrow'. The default Edge type might vary in each visualization. You can also implement custom Edge types. + color - (string) Default's '#ccb'. Edge color. + lineWidth - (number) Default's *1*. Line/Edge width. + alpha - (number) Default's *1*. The Edge's alpha value. *1* is for full opacity. + dim - (number) Default's *15*. An extra parameter used by other complex shapes such as quadratic, bezier or arrow, to determine the shape's diameter. + epsilon - (number) Default's *7*. Only used when using *enableForEdges* in . This dimension is used to create an area for the line where the contains method for the edge returns *true*. + CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting an Edge. + + See also: + + If you want to know more about how to customize Node/Edge data per element, in the JSON or programmatically, take a look at this article. +*/ +Options.Edge = { + $extend: false, + + overridable: false, + type: 'line', + color: '#ccb', + lineWidth: 1, + dim:15, + alpha: 1, + epsilon: 7, + + //Raw canvas styles to be + //applied to the context instance + //before plotting an edge + CanvasStyles: {} +}; + + +/* + * File: Options.Fx.js + * +*/ + +/* + Object: Options.Fx + + Provides animation options like duration of the animations, frames per second and animation transitions. + + Syntax: + + (start code js) + Options.Fx = { + fps:40, + duration: 2500, + transition: $jit.Trans.Quart.easeInOut, + clearCanvas: true + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + duration: 1000, + fps: 35, + transition: $jit.Trans.linear + }); + (end code) + + Parameters: + + clearCanvas - (boolean) Default's *true*. Whether to clear the frame/canvas when the viz is plotted or animated. + duration - (number) Default's *2500*. Duration of the animation in milliseconds. + fps - (number) Default's *40*. Frames per second. + transition - (object) Default's *$jit.Trans.Quart.easeInOut*. The transition used for the animations. See below for a more detailed explanation. + + Object: $jit.Trans + + This object is used for specifying different animation transitions in all visualizations. + + There are many different type of animation transitions. + + linear: + + Displays a linear transition + + >Trans.linear + + (see Linear.png) + + Quad: + + Displays a Quadratic transition. + + >Trans.Quad.easeIn + >Trans.Quad.easeOut + >Trans.Quad.easeInOut + + (see Quad.png) + + Cubic: + + Displays a Cubic transition. + + >Trans.Cubic.easeIn + >Trans.Cubic.easeOut + >Trans.Cubic.easeInOut + + (see Cubic.png) + + Quart: + + Displays a Quartetic transition. + + >Trans.Quart.easeIn + >Trans.Quart.easeOut + >Trans.Quart.easeInOut + + (see Quart.png) + + Quint: + + Displays a Quintic transition. + + >Trans.Quint.easeIn + >Trans.Quint.easeOut + >Trans.Quint.easeInOut + + (see Quint.png) + + Expo: + + Displays an Exponential transition. + + >Trans.Expo.easeIn + >Trans.Expo.easeOut + >Trans.Expo.easeInOut + + (see Expo.png) + + Circ: + + Displays a Circular transition. + + >Trans.Circ.easeIn + >Trans.Circ.easeOut + >Trans.Circ.easeInOut + + (see Circ.png) + + Sine: + + Displays a Sineousidal transition. + + >Trans.Sine.easeIn + >Trans.Sine.easeOut + >Trans.Sine.easeInOut + + (see Sine.png) + + Back: + + >Trans.Back.easeIn + >Trans.Back.easeOut + >Trans.Back.easeInOut + + (see Back.png) + + Bounce: + + Bouncy transition. + + >Trans.Bounce.easeIn + >Trans.Bounce.easeOut + >Trans.Bounce.easeInOut + + (see Bounce.png) + + Elastic: + + Elastic curve. + + >Trans.Elastic.easeIn + >Trans.Elastic.easeOut + >Trans.Elastic.easeInOut + + (see Elastic.png) + + Based on: + + Easing and Transition animation methods are based in the MooTools Framework . Copyright (c) 2006-2010 Valerio Proietti, . MIT license . + + +*/ +Options.Fx = { + $extend: true, + + fps:40, + duration: 2500, + transition: $jit.Trans.Quart.easeInOut, + clearCanvas: true +}; + +/* + * File: Options.Label.js + * +*/ +/* + Object: Options.Label + + Provides styling for Labels such as font size, family, etc. Also sets Node labels as HTML, SVG or Native canvas elements. + + Syntax: + + (start code js) + Options.Label = { + overridable: false, + type: 'HTML', //'SVG', 'Native' + style: ' ', + size: 10, + family: 'sans-serif', + textAlign: 'center', + textBaseline: 'alphabetic', + color: '#fff' + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Label: { + type: 'Native', + size: 11, + color: '#ccc' + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general label properties can be overridden by a particular . + type - (string) Default's *HTML*. The type for the labels. Can be 'HTML', 'SVG' or 'Native' canvas labels. + style - (string) Default's *empty string*. Can be 'italic' or 'bold'. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + size - (number) Default's *10*. The font's size. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + family - (string) Default's *sans-serif*. The font's family. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + color - (string) Default's *#fff*. The font's color. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. +*/ +Options.Label = { + $extend: false, + + overridable: false, + type: 'HTML', //'SVG', 'Native' + style: ' ', + size: 10, + family: 'sans-serif', + textAlign: 'center', + textBaseline: 'alphabetic', + color: '#fff' +}; + + +/* + * File: Options.Tips.js + * + */ + +/* + Object: Options.Tips + + Tips options + + Syntax: + + (start code js) + Options.Tips = { + enable: false, + type: 'auto', + offsetX: 20, + offsetY: 20, + onShow: $.empty, + onHide: $.empty + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Tips: { + enable: true, + type: 'Native', + offsetX: 10, + offsetY: 10, + onShow: function(tip, node) { + tip.innerHTML = node.name; + } + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. If *true*, a tooltip will be shown when a node is hovered. The tooltip is a div DOM element having "tip" as CSS class. + type - (string) Default's *auto*. Defines where to attach the MouseEnter/Leave tooltip events. Possible values are 'Native' to attach them to the canvas or 'HTML' to attach them to DOM label elements (if defined). 'auto' sets this property to the value of 's *type* property. + offsetX - (number) Default's *20*. An offset added to the current tooltip x-position (which is the same as the current mouse position). Default's 20. + offsetY - (number) Default's *20*. An offset added to the current tooltip y-position (which is the same as the current mouse position). Default's 20. + onShow(tip, node) - This callack is used right before displaying a tooltip. The first formal parameter is the tip itself (which is a DivElement). The second parameter may be a for graph based visualizations or an object with label, value properties for charts. + onHide() - This callack is used when hiding a tooltip. + +*/ +Options.Tips = { + $extend: false, + + enable: false, + type: 'auto', + offsetX: 20, + offsetY: 20, + force: false, + onShow: $.empty, + onHide: $.empty +}; + + +/* + * File: Options.NodeStyles.js + * + */ + +/* + Object: Options.NodeStyles + + Apply different styles when a node is hovered or selected. + + Syntax: + + (start code js) + Options.NodeStyles = { + enable: false, + type: 'auto', + stylesHover: false, + stylesClick: false + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + NodeStyles: { + enable: true, + type: 'Native', + stylesHover: { + dim: 30, + color: '#fcc' + }, + duration: 600 + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable this option. + type - (string) Default's *auto*. Use this to attach the hover/click events in the nodes or the nodes labels (if they have been defined as DOM elements: 'HTML' or 'SVG', see for more details). The default 'auto' value will set NodeStyles to the same type defined for . + stylesHover - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. + stylesClick - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. +*/ + +Options.NodeStyles = { + $extend: false, + + enable: false, + type: 'auto', + stylesHover: false, + stylesClick: false +}; + + +/* + * File: Options.Events.js + * +*/ + +/* + Object: Options.Events + + Configuration for adding mouse/touch event handlers to Nodes. + + Syntax: + + (start code js) + Options.Events = { + enable: false, + enableForEdges: false, + type: 'auto', + onClick: $.empty, + onRightClick: $.empty, + onMouseMove: $.empty, + onMouseEnter: $.empty, + onMouseLeave: $.empty, + onDragStart: $.empty, + onDragMove: $.empty, + onDragCancel: $.empty, + onDragEnd: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onTouchCancel: $.empty, + onMouseWheel: $.empty + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Events: { + enable: true, + onClick: function(node, eventInfo, e) { + viz.doSomething(); + }, + onMouseEnter: function(node, eventInfo, e) { + viz.canvas.getElement().style.cursor = 'pointer'; + }, + onMouseLeave: function(node, eventInfo, e) { + viz.canvas.getElement().style.cursor = ''; + } + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable the Event system. + enableForEdges - (boolean) Default's *false*. Whether to track events also in arcs. If *true* the same callbacks -described below- are used for nodes *and* edges. A simple duck type check for edges is to check for *node.nodeFrom*. + type - (string) Default's 'auto'. Whether to attach the events onto the HTML labels (via event delegation) or to use the custom 'Native' canvas Event System of the library. 'auto' is set when you let the *type* parameter decide this. + onClick(node, eventInfo, e) - Triggered when a user performs a click in the canvas. *node* is the clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onRightClick(node, eventInfo, e) - Triggered when a user performs a right click in the canvas. *node* is the right clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseMove(node, eventInfo, e) - Triggered when the user moves the mouse. *node* is the under the cursor as it's moving over the canvas or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseEnter(node, eventInfo, e) - Triggered when a user moves the mouse over a node. *node* is the that the mouse just entered. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseLeave(node, eventInfo, e) - Triggered when the user mouse-outs a node. *node* is the 'mouse-outed'. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragStart(node, eventInfo, e) - Triggered when the user mouse-downs over a node. *node* is the being pressed. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragMove(node, eventInfo, e) - Triggered when a user, after pressing the mouse button over a node, moves the mouse around. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragEnd(node, eventInfo, e) - Triggered when a user finished dragging a node. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragCancel(node, eventInfo, e) - Triggered when the user releases the mouse button over a that wasn't dragged (i.e. the user didn't perform any mouse movement after pressing the mouse button). *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onTouchStart(node, eventInfo, e) - Behaves just like onDragStart. + onTouchMove(node, eventInfo, e) - Behaves just like onDragMove. + onTouchEnd(node, eventInfo, e) - Behaves just like onDragEnd. + onTouchCancel(node, eventInfo, e) - Behaves just like onDragCancel. + onMouseWheel(delta, e) - Triggered when the user uses the mouse scroll over the canvas. *delta* is 1 or -1 depending on the sense of the mouse scroll. +*/ + +Options.Events = { + $extend: false, + + enable: false, + enableForEdges: false, + type: 'auto', + onClick: $.empty, + onRightClick: $.empty, + onMouseMove: $.empty, + onMouseEnter: $.empty, + onMouseLeave: $.empty, + onDragStart: $.empty, + onDragMove: $.empty, + onDragCancel: $.empty, + onDragEnd: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onMouseWheel: $.empty +}; + +/* + * File: Options.Navigation.js + * +*/ + +/* + Object: Options.Navigation + + Panning and zooming options for Graph/Tree based visualizations. These options are implemented + by all visualizations except charts (, and ). + + Syntax: + + (start code js) + + Options.Navigation = { + enable: false, + type: 'auto', + panning: false, //true, 'avoid nodes' + zooming: false + }; + + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Navigation: { + enable: true, + panning: 'avoid nodes', + zooming: 20 + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable Navigation capabilities. + panning - (boolean|string) Default's *false*. Set this property to *true* if you want to add Drag and Drop panning support to the visualization. You can also set this parameter to 'avoid nodes' to enable DnD panning but disable it if the DnD is taking place over a node. This is useful when some other events like Drag & Drop for nodes are added to . + zooming - (boolean|number) Default's *false*. Set this property to a numeric value to turn mouse-scroll zooming on. The number will be proportional to the mouse-scroll sensitivity. + +*/ + +Options.Navigation = { + $extend: false, + + enable: false, + type: 'auto', + panning: false, //true | 'avoid nodes' + zooming: false +}; + +/* + * File: Options.Controller.js + * +*/ + +/* + Object: Options.Controller + + Provides controller methods. Controller methods are callback functions that get called at different stages + of the animation, computing or plotting of the visualization. + + Implemented by: + + All visualizations except charts (, and ). + + Syntax: + + (start code js) + + Options.Controller = { + onBeforeCompute: $.empty, + onAfterCompute: $.empty, + onCreateLabel: $.empty, + onPlaceLabel: $.empty, + onComplete: $.empty, + onBeforePlotLine:$.empty, + onAfterPlotLine: $.empty, + onBeforePlotNode:$.empty, + onAfterPlotNode: $.empty, + request: false + }; + + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + onBeforePlotNode: function(node) { + if(node.selected) { + node.setData('color', '#ffc'); + } else { + node.removeData('color'); + } + }, + onBeforePlotLine: function(adj) { + if(adj.nodeFrom.selected && adj.nodeTo.selected) { + adj.setData('color', '#ffc'); + } else { + adj.removeData('color'); + } + }, + onAfterCompute: function() { + alert("computed!"); + } + }); + (end code) + + Parameters: + + onBeforeCompute(node) - This method is called right before performing all computations and animations. The selected is passed as parameter. + onAfterCompute() - This method is triggered after all animations or computations ended. + onCreateLabel(domElement, node) - This method receives a new label DIV element as first parameter, and the corresponding as second parameter. This method will only be called once for each label. This method is useful when adding events or styles to the labels used by the JIT. + onPlaceLabel(domElement, node) - This method receives a label DIV element as first parameter and the corresponding as second parameter. This method is called each time a label has been placed in the visualization, for example at each step of an animation, and thus it allows you to update the labels properties, such as size or position. Note that onPlaceLabel will be triggered after updating the labels positions. That means that, for example, the left and top css properties are already updated to match the nodes positions. Width and height properties are not set however. + onBeforePlotNode(node) - This method is triggered right before plotting each . This method is useful for changing a node style right before plotting it. + onAfterPlotNode(node) - This method is triggered right after plotting each . + onBeforePlotLine(adj) - This method is triggered right before plotting a . This method is useful for adding some styles to a particular edge before being plotted. + onAfterPlotLine(adj) - This method is triggered right after plotting a . + + *Used in , and visualizations* + + request(nodeId, level, onComplete) - This method is used for buffering information into the visualization. When clicking on an empty node, the visualization will make a request for this node's subtrees, specifying a given level for this subtree (defined by _levelsToShow_). Once the request is completed, the onComplete callback should be called with the given result. This is useful to provide on-demand information into the visualizations withought having to load the entire information from start. The parameters used by this method are _nodeId_, which is the id of the root of the subtree to request, _level_ which is the depth of the subtree to be requested (0 would mean just the root node). _onComplete_ is an object having the callback method _onComplete.onComplete(json)_ that should be called once the json has been retrieved. + + */ +Options.Controller = { + $extend: true, + + onBeforeCompute: $.empty, + onAfterCompute: $.empty, + onCreateLabel: $.empty, + onPlaceLabel: $.empty, + onComplete: $.empty, + onBeforePlotLine:$.empty, + onAfterPlotLine: $.empty, + onBeforePlotNode:$.empty, + onAfterPlotNode: $.empty, + request: false +}; + + +/* + * File: Extras.js + * + * Provides Extras such as Tips and Style Effects. + * + * Description: + * + * Provides the and classes and functions. + * + */ + +/* + * Manager for mouse events (clicking and mouse moving). + * + * This class is used for registering objects implementing onClick + * and onMousemove methods. These methods are called when clicking or + * moving the mouse around the Canvas. + * For now, and are classes implementing these methods. + * + */ +var ExtrasInitializer = { + initialize: function(className, viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config[className]; + this.nodeTypes = viz.fx.nodeTypes; + var type = this.config.type; + this.dom = type == 'auto'? (viz.config.Label.type != 'Native') : (type != 'Native'); + this.labelContainer = this.dom && viz.labels.getLabelContainer(); + this.isEnabled() && this.initializePost(); + }, + initializePost: $.empty, + setAsProperty: $.lambda(false), + isEnabled: function() { + return this.config.enable; + }, + isLabel: function(e, win) { + e = $.event.get(e, win); + var labelContainer = this.labelContainer, + target = e.target || e.srcElement; + if(target && target.parentNode == labelContainer) + return target; + return false; + } +}; + +var EventsInterface = { + onMouseUp: $.empty, + onMouseDown: $.empty, + onMouseMove: $.empty, + onMouseOver: $.empty, + onMouseOut: $.empty, + onMouseWheel: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onTouchCancel: $.empty +}; + +var MouseEventsManager = new Class({ + initialize: function(viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.node = false; + this.edge = false; + this.registeredObjects = []; + this.attachEvents(); + }, + + attachEvents: function() { + var htmlCanvas = this.canvas.getElement(), + that = this; + htmlCanvas.oncontextmenu = $.lambda(false); + $.addEvents(htmlCanvas, { + 'mouseup': function(e, win) { + var event = $.event.get(e, win); + that.handleEvent('MouseUp', e, win, + that.makeEventObject(e, win), + $.event.isRightClick(event)); + }, + 'mousedown': function(e, win) { + var event = $.event.get(e, win); + that.handleEvent('MouseDown', e, win, that.makeEventObject(e, win), + $.event.isRightClick(event)); + }, + 'mousemove': function(e, win) { + that.handleEvent('MouseMove', e, win, that.makeEventObject(e, win)); + }, + 'mouseover': function(e, win) { + that.handleEvent('MouseOver', e, win, that.makeEventObject(e, win)); + }, + 'mouseout': function(e, win) { + that.handleEvent('MouseOut', e, win, that.makeEventObject(e, win)); + }, + 'touchstart': function(e, win) { + that.handleEvent('TouchStart', e, win, that.makeEventObject(e, win)); + }, + 'touchmove': function(e, win) { + that.handleEvent('TouchMove', e, win, that.makeEventObject(e, win)); + }, + 'touchend': function(e, win) { + that.handleEvent('TouchEnd', e, win, that.makeEventObject(e, win)); + } + }); + //attach mousewheel event + var handleMouseWheel = function(e, win) { + var event = $.event.get(e, win); + var wheel = $.event.getWheel(event); + that.handleEvent('MouseWheel', e, win, wheel); + }; + //TODO(nico): this is a horrible check for non-gecko browsers! + if(!document.getBoxObjectFor && window.mozInnerScreenX == null) { + $.addEvent(htmlCanvas, 'mousewheel', handleMouseWheel); + } else { + htmlCanvas.addEventListener('DOMMouseScroll', handleMouseWheel, false); + } + }, + + register: function(obj) { + this.registeredObjects.push(obj); + }, + + handleEvent: function() { + var args = Array.prototype.slice.call(arguments), + type = args.shift(); + for(var i=0, regs=this.registeredObjects, l=regs.length; i and implemented + * by all main visualizations. + * + */ +var Extras = { + initializeExtras: function() { + var mem = new MouseEventsManager(this), that = this; + $.each(['NodeStyles', 'Tips', 'Navigation', 'Events'], function(k) { + var obj = new Extras.Classes[k](k, that); + if(obj.isEnabled()) { + mem.register(obj); + } + if(obj.setAsProperty()) { + that[k.toLowerCase()] = obj; + } + }); + } +}; + +Extras.Classes = {}; +/* + Class: Events + + This class defines an Event API to be accessed by the user. + The methods implemented are the ones defined in the object. +*/ + +Extras.Classes.Events = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.fx = this.viz.fx; + this.ntypes = this.viz.fx.nodeTypes; + this.etypes = this.viz.fx.edgeTypes; + + this.hovered = false; + this.pressed = false; + this.touched = false; + + this.touchMoved = false; + this.moved = false; + + }, + + setAsProperty: $.lambda(true), + + onMouseUp: function(e, win, event, isRightClick) { + var evt = $.event.get(e, win); + if(!this.moved) { + if(isRightClick) { + this.config.onRightClick(this.hovered, event, evt); + } else { + this.config.onClick(this.pressed, event, evt); + } + } + if(this.pressed) { + if(this.moved) { + this.config.onDragEnd(this.pressed, event, evt); + } else { + this.config.onDragCancel(this.pressed, event, evt); + } + this.pressed = this.moved = false; + } + }, + + onMouseOut: function(e, win, event) { + //mouseout a label + var evt = $.event.get(e, win), label; + if(this.dom && (label = this.isLabel(e, win))) { + this.config.onMouseLeave(this.viz.graph.getNode(label.id), + event, evt); + this.hovered = false; + return; + } + //mouseout canvas + var rt = evt.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + if(this.hovered) { + this.config.onMouseLeave(this.hovered, + event, evt); + this.hovered = false; + } + }, + + onMouseOver: function(e, win, event) { + //mouseover a label + var evt = $.event.get(e, win), label; + if(this.dom && (label = this.isLabel(e, win))) { + this.hovered = this.viz.graph.getNode(label.id); + this.config.onMouseEnter(this.hovered, + event, evt); + } + }, + + onMouseMove: function(e, win, event) { + var label, evt = $.event.get(e, win); + if(this.pressed) { + this.moved = true; + this.config.onDragMove(this.pressed, event, evt); + return; + } + if(this.dom) { + this.config.onMouseMove(this.hovered, + event, evt); + } else { + if(this.hovered) { + var hn = this.hovered; + var geom = hn.nodeFrom? this.etypes[hn.getData('type')] : this.ntypes[hn.getData('type')]; + var contains = geom && geom.contains + && geom.contains.call(this.fx, hn, event.getPos()); + if(contains) { + this.config.onMouseMove(hn, event, evt); + return; + } else { + this.config.onMouseLeave(hn, event, evt); + this.hovered = false; + } + } + if(this.hovered = (event.getNode() || (this.config.enableForEdges && event.getEdge()))) { + this.config.onMouseEnter(this.hovered, event, evt); + } else { + this.config.onMouseMove(false, event, evt); + } + } + }, + + onMouseWheel: function(e, win, delta) { + this.config.onMouseWheel(delta, $.event.get(e, win)); + }, + + onMouseDown: function(e, win, event) { + var evt = $.event.get(e, win); + this.pressed = event.getNode() || (this.config.enableForEdges && event.getEdge()); + this.config.onDragStart(this.pressed, event, evt); + }, + + onTouchStart: function(e, win, event) { + var evt = $.event.get(e, win); + this.touched = event.getNode() || (this.config.enableForEdges && event.getEdge()); + this.config.onTouchStart(this.touched, event, evt); + }, + + onTouchMove: function(e, win, event) { + var evt = $.event.get(e, win); + if(this.touched) { + this.touchMoved = true; + this.config.onTouchMove(this.touched, event, evt); + } + }, + + onTouchEnd: function(e, win, event) { + var evt = $.event.get(e, win); + if(this.touched) { + if(this.touchMoved) { + this.config.onTouchEnd(this.touched, event, evt); + } else { + this.config.onTouchCancel(this.touched, event, evt); + } + this.touched = this.touchMoved = false; + } + } +}); + +/* + Class: Tips + + A class containing tip related functions. This class is used internally. + + Used by: + + , , , , , , + + See also: + + +*/ + +Extras.Classes.Tips = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + //add DOM tooltip + if(document.body) { + var tip = $('_tooltip') || document.createElement('div'); + tip.id = '_tooltip'; + tip.className = 'tip'; + $.extend(tip.style, { + position: 'absolute', + display: 'none', + zIndex: 13000 + }); + document.body.appendChild(tip); + this.tip = tip; + this.node = false; + } + }, + + setAsProperty: $.lambda(true), + + onMouseOut: function(e, win) { + //mouseout a label + if(this.dom && this.isLabel(e, win)) { + this.hide(true); + return; + } + //mouseout canvas + var rt = e.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + this.hide(false); + }, + + onMouseOver: function(e, win) { + //mouseover a label + var label; + if(this.dom && (label = this.isLabel(e, win))) { + this.node = this.viz.graph.getNode(label.id); + this.config.onShow(this.tip, this.node, label); + } + }, + + onMouseMove: function(e, win, opt) { + if(this.dom && this.isLabel(e, win)) { + this.setTooltipPosition($.event.getPos(e, win)); + } + if(!this.dom) { + var node = opt.getNode(); + if(!node) { + this.hide(true); + return; + } + if(this.config.force || !this.node || this.node.id != node.id) { + this.node = node; + this.config.onShow(this.tip, node, opt.getContains()); + } + this.setTooltipPosition($.event.getPos(e, win)); + } + }, + + setTooltipPosition: function(pos) { + var tip = this.tip, + style = tip.style, + cont = this.config; + style.display = ''; + //get window dimensions + var win = { + 'height': document.body.clientHeight, + 'width': document.body.clientWidth + }; + //get tooltip dimensions + var obj = { + 'width': tip.offsetWidth, + 'height': tip.offsetHeight + }; + //set tooltip position + var x = cont.offsetX, y = cont.offsetY; + style.top = ((pos.y + y + obj.height > win.height)? + (pos.y - obj.height - y) : pos.y + y) + 'px'; + style.left = ((pos.x + obj.width + x > win.width)? + (pos.x - obj.width - x) : pos.x + x) + 'px'; + }, + + hide: function(triggerCallback) { + this.tip.style.display = 'none'; + triggerCallback && this.config.onHide(); + } +}); + +/* + Class: NodeStyles + + Change node styles when clicking or hovering a node. This class is used internally. + + Used by: + + , , , , , , + + See also: + + +*/ +Extras.Classes.NodeStyles = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.fx = this.viz.fx; + this.types = this.viz.fx.nodeTypes; + this.nStyles = this.config; + this.nodeStylesOnHover = this.nStyles.stylesHover; + this.nodeStylesOnClick = this.nStyles.stylesClick; + this.hoveredNode = false; + this.fx.nodeFxAnimation = new Animation(); + + this.down = false; + this.move = false; + }, + + onMouseOut: function(e, win) { + this.down = this.move = false; + if(!this.hoveredNode) return; + //mouseout a label + if(this.dom && this.isLabel(e, win)) { + this.toggleStylesOnHover(this.hoveredNode, false); + } + //mouseout canvas + var rt = e.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + this.toggleStylesOnHover(this.hoveredNode, false); + this.hoveredNode = false; + }, + + onMouseOver: function(e, win) { + //mouseover a label + var label; + if(this.dom && (label = this.isLabel(e, win))) { + var node = this.viz.graph.getNode(label.id); + if(node.selected) return; + this.hoveredNode = node; + this.toggleStylesOnHover(this.hoveredNode, true); + } + }, + + onMouseDown: function(e, win, event, isRightClick) { + if(isRightClick) return; + var label; + if(this.dom && (label = this.isLabel(e, win))) { + this.down = this.viz.graph.getNode(label.id); + } else if(!this.dom) { + this.down = event.getNode(); + } + this.move = false; + }, + + onMouseUp: function(e, win, event, isRightClick) { + if(isRightClick) return; + if(!this.move) { + this.onClick(event.getNode()); + } + this.down = this.move = false; + }, + + getRestoredStyles: function(node, type) { + var restoredStyles = {}, + nStyles = this['nodeStylesOn' + type]; + for(var prop in nStyles) { + restoredStyles[prop] = node.styles['$' + prop]; + } + return restoredStyles; + }, + + toggleStylesOnHover: function(node, set) { + if(this.nodeStylesOnHover) { + this.toggleStylesOn('Hover', node, set); + } + }, + + toggleStylesOnClick: function(node, set) { + if(this.nodeStylesOnClick) { + this.toggleStylesOn('Click', node, set); + } + }, + + toggleStylesOn: function(type, node, set) { + var viz = this.viz; + var nStyles = this.nStyles; + if(set) { + var that = this; + if(!node.styles) { + node.styles = $.merge(node.data, {}); + } + for(var s in this['nodeStylesOn' + type]) { + var $s = '$' + s; + if(!($s in node.styles)) { + node.styles[$s] = node.getData(s); + } + } + viz.fx.nodeFx($.extend({ + 'elements': { + 'id': node.id, + 'properties': that['nodeStylesOn' + type] + }, + transition: Trans.Quart.easeOut, + duration:300, + fps:40 + }, this.config)); + } else { + var restoredStyles = this.getRestoredStyles(node, type); + viz.fx.nodeFx($.extend({ + 'elements': { + 'id': node.id, + 'properties': restoredStyles + }, + transition: Trans.Quart.easeOut, + duration:300, + fps:40 + }, this.config)); + } + }, + + onClick: function(node) { + if(!node) return; + var nStyles = this.nodeStylesOnClick; + if(!nStyles) return; + //if the node is selected then unselect it + if(node.selected) { + this.toggleStylesOnClick(node, false); + delete node.selected; + } else { + //unselect all selected nodes... + this.viz.graph.eachNode(function(n) { + if(n.selected) { + for(var s in nStyles) { + n.setData(s, n.styles['$' + s], 'end'); + } + delete n.selected; + } + }); + //select clicked node + this.toggleStylesOnClick(node, true); + node.selected = true; + delete node.hovered; + this.hoveredNode = false; + } + }, + + onMouseMove: function(e, win, event) { + //if mouse button is down and moving set move=true + if(this.down) this.move = true; + //already handled by mouseover/out + if(this.dom && this.isLabel(e, win)) return; + var nStyles = this.nodeStylesOnHover; + if(!nStyles) return; + + if(!this.dom) { + if(this.hoveredNode) { + var geom = this.types[this.hoveredNode.getData('type')]; + var contains = geom && geom.contains && geom.contains.call(this.fx, + this.hoveredNode, event.getPos()); + if(contains) return; + } + var node = event.getNode(); + //if no node is being hovered then just exit + if(!this.hoveredNode && !node) return; + //if the node is hovered then exit + if(node.hovered) return; + //select hovered node + if(node && !node.selected) { + //check if an animation is running and exit it + this.fx.nodeFxAnimation.stopTimer(); + //unselect all hovered nodes... + this.viz.graph.eachNode(function(n) { + if(n.hovered && !n.selected) { + for(var s in nStyles) { + n.setData(s, n.styles['$' + s], 'end'); + } + delete n.hovered; + } + }); + //select hovered node + node.hovered = true; + this.hoveredNode = node; + this.toggleStylesOnHover(node, true); + } else if(this.hoveredNode && !this.hoveredNode.selected) { + //check if an animation is running and exit it + this.fx.nodeFxAnimation.stopTimer(); + //unselect hovered node + this.toggleStylesOnHover(this.hoveredNode, false); + delete this.hoveredNode.hovered; + this.hoveredNode = false; + } + } + } +}); + +Extras.Classes.Navigation = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.pos = false; + this.pressed = false; + }, + + onMouseWheel: function(e, win, scroll) { + if(!this.config.zooming) return; + $.event.stop($.event.get(e, win)); + var val = this.config.zooming / 1000, + ans = 1 + scroll * val; + this.canvas.scale(ans, ans); + }, + + onMouseDown: function(e, win, eventInfo) { + if(!this.config.panning) return; + if(this.config.panning == 'avoid nodes' && eventInfo.getNode()) return; + this.pressed = true; + this.pos = eventInfo.getPos(); + var canvas = this.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY; + this.pos.x *= sx; + this.pos.x += ox; + this.pos.y *= sy; + this.pos.y += oy; + }, + + onMouseMove: function(e, win, eventInfo) { + if(!this.config.panning) return; + if(!this.pressed) return; + if(this.config.panning == 'avoid nodes' && eventInfo.getNode()) return; + var thispos = this.pos, + currentPos = eventInfo.getPos(), + canvas = this.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY; + currentPos.x *= sx; + currentPos.y *= sy; + currentPos.x += ox; + currentPos.y += oy; + var x = currentPos.x - thispos.x, + y = currentPos.y - thispos.y; + this.pos = currentPos; + this.canvas.translate(x * 1/sx, y * 1/sy); + }, + + onMouseUp: function(e, win, eventInfo, isRightClick) { + if(!this.config.panning) return; + this.pressed = false; + } +}); + + +/* + * File: Canvas.js + * + */ + +/* + Class: Canvas + + A canvas widget used by all visualizations. The canvas object can be accessed by doing *viz.canvas*. If you want to + know more about options take a look at . + + A canvas widget is a set of DOM elements that wrap the native canvas DOM Element providing a consistent API and behavior + across all browsers. It can also include Elements to add DOM (SVG or HTML) label support to all visualizations. + + Example: + + Suppose we have this HTML + + (start code xml) +
+ (end code) + + Now we create a new Visualization + + (start code js) + var viz = new $jit.Viz({ + //Where to inject the canvas. Any div container will do. + 'injectInto':'infovis', + //width and height for canvas. + //Default's to the container offsetWidth and Height. + 'width': 900, + 'height':500 + }); + (end code) + + The generated HTML will look like this + + (start code xml) +
+
+ +
+
+
+
+ (end code) + + As you can see, the generated HTML consists of a canvas DOM Element of id *infovis-canvas* and a div label container + of id *infovis-label*, wrapped in a main div container of id *infovis-canvaswidget*. + */ + +var Canvas; +(function() { + //check for native canvas support + var canvasType = typeof HTMLCanvasElement, + supportsCanvas = (canvasType == 'object' || canvasType == 'function'); + //create element function + function $E(tag, props) { + var elem = document.createElement(tag); + for(var p in props) { + if(typeof props[p] == "object") { + $.extend(elem[p], props[p]); + } else { + elem[p] = props[p]; + } + } + if (tag == "canvas" && !supportsCanvas && G_vmlCanvasManager) { + elem = G_vmlCanvasManager.initElement(document.body.appendChild(elem)); + } + return elem; + } + //canvas widget which we will call just Canvas + $jit.Canvas = Canvas = new Class({ + canvases: [], + pos: false, + element: false, + labelContainer: false, + translateOffsetX: 0, + translateOffsetY: 0, + scaleOffsetX: 1, + scaleOffsetY: 1, + + initialize: function(viz, opt) { + this.viz = viz; + this.opt = opt; + var id = $.type(opt.injectInto) == 'string'? + opt.injectInto:opt.injectInto.id, + idLabel = id + "-label", + wrapper = $(id), + width = opt.width || wrapper.offsetWidth, + height = opt.height || wrapper.offsetHeight; + this.id = id; + //canvas options + var canvasOptions = { + injectInto: id, + width: width, + height: height + }; + //create main wrapper + this.element = $E('div', { + 'id': id + '-canvaswidget', + 'style': { + 'position': 'relative', + 'width': width + 'px', + 'height': height + 'px' + } + }); + //create label container + this.labelContainer = this.createLabelContainer(opt.Label.type, + idLabel, canvasOptions); + //create primary canvas + this.canvases.push(new Canvas.Base({ + config: $.extend({idSuffix: '-canvas'}, canvasOptions), + plot: function(base) { + viz.fx.plot(); + }, + resize: function() { + viz.refresh(); + } + })); + //create secondary canvas + var back = opt.background; + if(back) { + var backCanvas = new Canvas.Background[back.type](viz, $.extend(back, canvasOptions)); + this.canvases.push(new Canvas.Base(backCanvas)); + } + //insert canvases + var len = this.canvases.length; + while(len--) { + this.element.appendChild(this.canvases[len].canvas); + if(len > 0) { + this.canvases[len].plot(); + } + } + this.element.appendChild(this.labelContainer); + wrapper.appendChild(this.element); + //Update canvas position when the page is scrolled. + var timer = null, that = this; + $.addEvent(window, 'scroll', function() { + clearTimeout(timer); + timer = setTimeout(function() { + that.getPos(true); //update canvas position + }, 500); + }); + }, + /* + Method: getCtx + + Returns the main canvas context object + + Example: + + (start code js) + var ctx = canvas.getCtx(); + //Now I can use the native canvas context + //and for example change some canvas styles + ctx.globalAlpha = 1; + (end code) + */ + getCtx: function(i) { + return this.canvases[i || 0].getCtx(); + }, + /* + Method: getConfig + + Returns the current Configuration for this Canvas Widget. + + Example: + + (start code js) + var config = canvas.getConfig(); + (end code) + */ + getConfig: function() { + return this.opt; + }, + /* + Method: getElement + + Returns the main Canvas DOM wrapper + + Example: + + (start code js) + var wrapper = canvas.getElement(); + //Returns
...
as element + (end code) + */ + getElement: function() { + return this.element; + }, + /* + Method: getSize + + Returns canvas dimensions. + + Returns: + + An object with *width* and *height* properties. + + Example: + (start code js) + canvas.getSize(); //returns { width: 900, height: 500 } + (end code) + */ + getSize: function(i) { + return this.canvases[i || 0].getSize(); + }, + /* + Method: resize + + Resizes the canvas. + + Parameters: + + width - New canvas width. + height - New canvas height. + + Example: + + (start code js) + canvas.resize(width, height); + (end code) + + */ + resize: function(width, height) { + this.getPos(true); + this.translateOffsetX = this.translateOffsetY = 0; + this.scaleOffsetX = this.scaleOffsetY = 1; + for(var i=0, l=this.canvases.length; i class. + * + * Description: + * + * The class, just like the class, is used by the , and as a 2D point representation. + * + * See also: + * + * + * +*/ + +/* + Class: Polar + + A multi purpose polar representation. + + Description: + + The class, just like the class, is used by the , and as a 2D point representation. + + See also: + + + + Parameters: + + theta - An angle. + rho - The norm. +*/ + +var Polar = function(theta, rho) { + this.theta = theta; + this.rho = rho; +}; + +$jit.Polar = Polar; + +Polar.prototype = { + /* + Method: getc + + Returns a complex number. + + Parameters: + + simple - _optional_ If *true*, this method will return only an object holding x and y properties and not a instance. Default's *false*. + + Returns: + + A complex number. + */ + getc: function(simple) { + return this.toComplex(simple); + }, + + /* + Method: getp + + Returns a representation. + + Returns: + + A variable in polar coordinates. + */ + getp: function() { + return this; + }, + + + /* + Method: set + + Sets a number. + + Parameters: + + v - A or instance. + + */ + set: function(v) { + v = v.getp(); + this.theta = v.theta; this.rho = v.rho; + }, + + /* + Method: setc + + Sets a number. + + Parameters: + + x - A number real part. + y - A number imaginary part. + + */ + setc: function(x, y) { + this.rho = Math.sqrt(x * x + y * y); + this.theta = Math.atan2(y, x); + if(this.theta < 0) this.theta += Math.PI * 2; + }, + + /* + Method: setp + + Sets a polar number. + + Parameters: + + theta - A number angle property. + rho - A number rho property. + + */ + setp: function(theta, rho) { + this.theta = theta; + this.rho = rho; + }, + + /* + Method: clone + + Returns a copy of the current object. + + Returns: + + A copy of the real object. + */ + clone: function() { + return new Polar(this.theta, this.rho); + }, + + /* + Method: toComplex + + Translates from polar to cartesian coordinates and returns a new instance. + + Parameters: + + simple - _optional_ If *true* this method will only return an object with x and y properties (and not the whole instance). Default's *false*. + + Returns: + + A new instance. + */ + toComplex: function(simple) { + var x = Math.cos(this.theta) * this.rho; + var y = Math.sin(this.theta) * this.rho; + if(simple) return { 'x': x, 'y': y}; + return new Complex(x, y); + }, + + /* + Method: add + + Adds two instances. + + Parameters: + + polar - A number. + + Returns: + + A new Polar instance. + */ + add: function(polar) { + return new Polar(this.theta + polar.theta, this.rho + polar.rho); + }, + + /* + Method: scale + + Scales a polar norm. + + Parameters: + + number - A scale factor. + + Returns: + + A new Polar instance. + */ + scale: function(number) { + return new Polar(this.theta, this.rho * number); + }, + + /* + Method: equals + + Comparison method. + + Returns *true* if the theta and rho properties are equal. + + Parameters: + + c - A number. + + Returns: + + *true* if the theta and rho parameters for these objects are equal. *false* otherwise. + */ + equals: function(c) { + return this.theta == c.theta && this.rho == c.rho; + }, + + /* + Method: $add + + Adds two instances affecting the current object. + + Paramters: + + polar - A instance. + + Returns: + + The changed object. + */ + $add: function(polar) { + this.theta = this.theta + polar.theta; this.rho += polar.rho; + return this; + }, + + /* + Method: $madd + + Adds two instances affecting the current object. The resulting theta angle is modulo 2pi. + + Parameters: + + polar - A instance. + + Returns: + + The changed object. + */ + $madd: function(polar) { + this.theta = (this.theta + polar.theta) % (Math.PI * 2); this.rho += polar.rho; + return this; + }, + + + /* + Method: $scale + + Scales a polar instance affecting the object. + + Parameters: + + number - A scaling factor. + + Returns: + + The changed object. + */ + $scale: function(number) { + this.rho *= number; + return this; + }, + + /* + Method: interpolate + + Calculates a polar interpolation between two points at a given delta moment. + + Parameters: + + elem - A instance. + delta - A delta factor ranging [0, 1]. + + Returns: + + A new instance representing an interpolation between _this_ and _elem_ + */ + interpolate: function(elem, delta) { + var pi = Math.PI, pi2 = pi * 2; + var ch = function(t) { + var a = (t < 0)? (t % pi2) + pi2 : t % pi2; + return a; + }; + var tt = this.theta, et = elem.theta; + var sum, diff = Math.abs(tt - et); + if(diff == pi) { + if(tt > et) { + sum = ch((et + ((tt - pi2) - et) * delta)) ; + } else { + sum = ch((et - pi2 + (tt - (et)) * delta)); + } + } else if(diff >= pi) { + if(tt > et) { + sum = ch((et + ((tt - pi2) - et) * delta)) ; + } else { + sum = ch((et - pi2 + (tt - (et - pi2)) * delta)); + } + } else { + sum = ch((et + (tt - et) * delta)) ; + } + var r = (this.rho - elem.rho) * delta + elem.rho; + return { + 'theta': sum, + 'rho': r + }; + } +}; + + +var $P = function(a, b) { return new Polar(a, b); }; + +Polar.KER = $P(0, 0); + + + +/* + * File: Complex.js + * + * Defines the class. + * + * Description: + * + * The class, just like the class, is used by the , and as a 2D point representation. + * + * See also: + * + * + * +*/ + +/* + Class: Complex + + A multi-purpose Complex Class with common methods. + + Description: + + The class, just like the class, is used by the , and as a 2D point representation. + + See also: + + + + Parameters: + + x - _optional_ A Complex number real part. + y - _optional_ A Complex number imaginary part. + +*/ + +var Complex = function(x, y) { + this.x = x; + this.y = y; +}; + +$jit.Complex = Complex; + +Complex.prototype = { + /* + Method: getc + + Returns a complex number. + + Returns: + + A complex number. + */ + getc: function() { + return this; + }, + + /* + Method: getp + + Returns a representation of this number. + + Parameters: + + simple - _optional_ If *true*, this method will return only an object holding theta and rho properties and not a instance. Default's *false*. + + Returns: + + A variable in coordinates. + */ + getp: function(simple) { + return this.toPolar(simple); + }, + + + /* + Method: set + + Sets a number. + + Parameters: + + c - A or instance. + + */ + set: function(c) { + c = c.getc(true); + this.x = c.x; + this.y = c.y; + }, + + /* + Method: setc + + Sets a complex number. + + Parameters: + + x - A number Real part. + y - A number Imaginary part. + + */ + setc: function(x, y) { + this.x = x; + this.y = y; + }, + + /* + Method: setp + + Sets a polar number. + + Parameters: + + theta - A number theta property. + rho - A number rho property. + + */ + setp: function(theta, rho) { + this.x = Math.cos(theta) * rho; + this.y = Math.sin(theta) * rho; + }, + + /* + Method: clone + + Returns a copy of the current object. + + Returns: + + A copy of the real object. + */ + clone: function() { + return new Complex(this.x, this.y); + }, + + /* + Method: toPolar + + Transforms cartesian to polar coordinates. + + Parameters: + + simple - _optional_ If *true* this method will only return an object with theta and rho properties (and not the whole instance). Default's *false*. + + Returns: + + A new instance. + */ + + toPolar: function(simple) { + var rho = this.norm(); + var atan = Math.atan2(this.y, this.x); + if(atan < 0) atan += Math.PI * 2; + if(simple) return { 'theta': atan, 'rho': rho }; + return new Polar(atan, rho); + }, + /* + Method: norm + + Calculates a number norm. + + Returns: + + A real number representing the complex norm. + */ + norm: function () { + return Math.sqrt(this.squaredNorm()); + }, + + /* + Method: squaredNorm + + Calculates a number squared norm. + + Returns: + + A real number representing the complex squared norm. + */ + squaredNorm: function () { + return this.x*this.x + this.y*this.y; + }, + + /* + Method: add + + Returns the result of adding two complex numbers. + + Does not alter the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of adding two complex numbers. + */ + add: function(pos) { + return new Complex(this.x + pos.x, this.y + pos.y); + }, + + /* + Method: prod + + Returns the result of multiplying two numbers. + + Does not alter the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of multiplying two complex numbers. + */ + prod: function(pos) { + return new Complex(this.x*pos.x - this.y*pos.y, this.y*pos.x + this.x*pos.y); + }, + + /* + Method: conjugate + + Returns the conjugate of this number. + + Does not alter the original object. + + Returns: + + The conjugate of this number. + */ + conjugate: function() { + return new Complex(this.x, -this.y); + }, + + + /* + Method: scale + + Returns the result of scaling a instance. + + Does not alter the original object. + + Parameters: + + factor - A scale factor. + + Returns: + + The result of scaling this complex to a factor. + */ + scale: function(factor) { + return new Complex(this.x * factor, this.y * factor); + }, + + /* + Method: equals + + Comparison method. + + Returns *true* if both real and imaginary parts are equal. + + Parameters: + + c - A instance. + + Returns: + + A boolean instance indicating if both numbers are equal. + */ + equals: function(c) { + return this.x == c.x && this.y == c.y; + }, + + /* + Method: $add + + Returns the result of adding two numbers. + + Alters the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of adding two complex numbers. + */ + $add: function(pos) { + this.x += pos.x; this.y += pos.y; + return this; + }, + + /* + Method: $prod + + Returns the result of multiplying two numbers. + + Alters the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of multiplying two complex numbers. + */ + $prod:function(pos) { + var x = this.x, y = this.y; + this.x = x*pos.x - y*pos.y; + this.y = y*pos.x + x*pos.y; + return this; + }, + + /* + Method: $conjugate + + Returns the conjugate for this . + + Alters the original object. + + Returns: + + The conjugate for this complex. + */ + $conjugate: function() { + this.y = -this.y; + return this; + }, + + /* + Method: $scale + + Returns the result of scaling a instance. + + Alters the original object. + + Parameters: + + factor - A scale factor. + + Returns: + + The result of scaling this complex to a factor. + */ + $scale: function(factor) { + this.x *= factor; this.y *= factor; + return this; + }, + + /* + Method: $div + + Returns the division of two numbers. + + Alters the original object. + + Parameters: + + pos - A number. + + Returns: + + The result of scaling this complex to a factor. + */ + $div: function(pos) { + var x = this.x, y = this.y; + var sq = pos.squaredNorm(); + this.x = x * pos.x + y * pos.y; this.y = y * pos.x - x * pos.y; + return this.$scale(1 / sq); + } +}; + +var $C = function(a, b) { return new Complex(a, b); }; + +Complex.KER = $C(0, 0); + + + +/* + * File: Graph.js + * +*/ + +/* + Class: Graph + + A Graph Class that provides useful manipulation functions. You can find more manipulation methods in the object. + + An instance of this class can be accessed by using the *graph* parameter of any tree or graph visualization. + + Example: + + (start code js) + //create new visualization + var viz = new $jit.Viz(options); + //load JSON data + viz.loadJSON(json); + //access model + viz.graph; // instance + (end code) + + Implements: + + The following methods are implemented in + + - + - + - + - + - + - + - + +*/ + +$jit.Graph = new Class({ + + initialize: function(opt, Node, Edge, Label) { + var innerOptions = { + 'complex': false, + 'Node': {} + }; + this.Node = Node; + this.Edge = Edge; + this.Label = Label; + this.opt = $.merge(innerOptions, opt || {}); + this.nodes = {}; + this.edges = {}; + + //add nodeList methods + var that = this; + this.nodeList = {}; + for(var p in Accessors) { + that.nodeList[p] = (function(p) { + return function() { + var args = Array.prototype.slice.call(arguments); + that.eachNode(function(n) { + n[p].apply(n, args); + }); + }; + })(p); + } + + }, + +/* + Method: getNode + + Returns a by *id*. + + Parameters: + + id - (string) A id. + + Example: + + (start code js) + var node = graph.getNode('nodeId'); + (end code) +*/ + getNode: function(id) { + if(this.hasNode(id)) return this.nodes[id]; + return false; + }, + + /* + Method: getByName + + Returns a by *name*. + + Parameters: + + name - (string) A name. + + Example: + + (start code js) + var node = graph.getByName('someName'); + (end code) + */ + getByName: function(name) { + for(var id in this.nodes) { + var n = this.nodes[id]; + if(n.name == name) return n; + } + return false; + }, + +/* + Method: getAdjacence + + Returns a object connecting nodes with ids *id* and *id2*. + + Parameters: + + id - (string) A id. + id2 - (string) A id. +*/ + getAdjacence: function (id, id2) { + if(id in this.edges) { + return this.edges[id][id2]; + } + return false; + }, + + /* + Method: addNode + + Adds a node. + + Parameters: + + obj - An object with the properties described below + + id - (string) A node id + name - (string) A node's name + data - (object) A node's data hash + + See also: + + + */ + addNode: function(obj) { + if(!this.nodes[obj.id]) { + var edges = this.edges[obj.id] = {}; + this.nodes[obj.id] = new Graph.Node($.extend({ + 'id': obj.id, + 'name': obj.name, + 'data': $.merge(obj.data || {}, {}), + 'adjacencies': edges + }, this.opt.Node), + this.opt.complex, + this.Node, + this.Edge, + this.Label); + } + return this.nodes[obj.id]; + }, + + /* + Method: addAdjacence + + Connects nodes specified by *obj* and *obj2*. If not found, nodes are created. + + Parameters: + + obj - (object) A object. + obj2 - (object) Another object. + data - (object) A data object. Used to store some extra information in the object created. + + See also: + + , + */ + addAdjacence: function (obj, obj2, data) { + if(!this.hasNode(obj.id)) { this.addNode(obj); } + if(!this.hasNode(obj2.id)) { this.addNode(obj2); } + obj = this.nodes[obj.id]; obj2 = this.nodes[obj2.id]; + if(!obj.adjacentTo(obj2)) { + var adjsObj = this.edges[obj.id] = this.edges[obj.id] || {}; + var adjsObj2 = this.edges[obj2.id] = this.edges[obj2.id] || {}; + adjsObj[obj2.id] = adjsObj2[obj.id] = new Graph.Adjacence(obj, obj2, data, this.Edge, this.Label); + return adjsObj[obj2.id]; + } + return this.edges[obj.id][obj2.id]; + }, + + /* + Method: removeNode + + Removes a matching the specified *id*. + + Parameters: + + id - (string) A node's id. + + */ + removeNode: function(id) { + if(this.hasNode(id)) { + delete this.nodes[id]; + var adjs = this.edges[id]; + for(var to in adjs) { + delete this.edges[to][id]; + } + delete this.edges[id]; + } + }, + +/* + Method: removeAdjacence + + Removes a matching *id1* and *id2*. + + Parameters: + + id1 - (string) A id. + id2 - (string) A id. +*/ + removeAdjacence: function(id1, id2) { + delete this.edges[id1][id2]; + delete this.edges[id2][id1]; + }, + + /* + Method: hasNode + + Returns a boolean indicating if the node belongs to the or not. + + Parameters: + + id - (string) Node id. + */ + hasNode: function(id) { + return id in this.nodes; + }, + + /* + Method: empty + + Empties the Graph + + */ + empty: function() { this.nodes = {}; this.edges = {};} + +}); + +var Graph = $jit.Graph; + +/* + Object: Accessors + + Defines a set of methods for data, canvas and label styles manipulation implemented by and instances. + + */ +var Accessors; + +(function () { + var getDataInternal = function(prefix, prop, type, force, prefixConfig) { + var data; + type = type || 'current'; + prefix = "$" + (prefix ? prefix + "-" : ""); + + if(type == 'current') { + data = this.data; + } else if(type == 'start') { + data = this.startData; + } else if(type == 'end') { + data = this.endData; + } + + var dollar = prefix + prop; + + if(force) { + return data[dollar]; + } + + if(!this.Config.overridable) + return prefixConfig[prop] || 0; + + return (dollar in data) ? + data[dollar] : ((dollar in this.data) ? this.data[dollar] : (prefixConfig[prop] || 0)); + } + + var setDataInternal = function(prefix, prop, value, type) { + type = type || 'current'; + prefix = '$' + (prefix ? prefix + '-' : ''); + + var data; + + if(type == 'current') { + data = this.data; + } else if(type == 'start') { + data = this.startData; + } else if(type == 'end') { + data = this.endData; + } + + data[prefix + prop] = value; + } + + var removeDataInternal = function(prefix, properties) { + prefix = '$' + (prefix ? prefix + '-' : ''); + var that = this; + $.each(properties, function(prop) { + var pref = prefix + prop; + delete that.data[pref]; + delete that.endData[pref]; + delete that.startData[pref]; + }); + } + + Accessors = { + /* + Method: getData + + Returns the specified data value property. + This is useful for querying special/reserved data properties + (i.e dollar prefixed properties). + + Parameters: + + prop - (string) The name of the property. The dollar sign is not needed. For + example *getData(width)* will return *data.$width*. + type - (string) The type of the data property queried. Default's "current". You can access *start* and *end* + data properties also. These properties are used when making animations. + force - (boolean) Whether to obtain the true value of the property (equivalent to + *data.$prop*) or to check for *node.overridable = true* first. + + Returns: + + The value of the dollar prefixed property or the global Node/Edge property + value if *overridable=false* + + Example: + (start code js) + node.getData('width'); //will return node.data.$width if Node.overridable=true; + (end code) + */ + getData: function(prop, type, force) { + return getDataInternal.call(this, "", prop, type, force, this.Config); + }, + + + /* + Method: setData + + Sets the current data property with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) The name of the property. The dollar sign is not necessary. For + example *setData(width)* will set *data.$width*. + value - (mixed) The value to store. + type - (string) The type of the data property to store. Default's "current" but + can also be "start" or "end". + + Example: + + (start code js) + node.setData('width', 30); + (end code) + + If we were to make an animation of a node/edge width then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setData('width', 10, 'start'); + node.setData('width', 30, 'end'); + //will animate nodes width property + viz.fx.animate({ + modes: ['node-property:width'], + duration: 1000 + }); + (end code) + */ + setData: function(prop, value, type) { + setDataInternal.call(this, "", prop, value, type); + }, + + /* + Method: setDataset + + Convenience method to set multiple data values at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + Example: + (start code js) + node.setDataset(['current', 'end'], { + 'width': [100, 5], + 'color': ['#fff', '#ccc'] + }); + //...or also + node.setDataset('end', { + 'width': 5, + 'color': '#ccc' + }); + (end code) + + See also: + + + + */ + setDataset: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i canvas style data properties (i.e. + dollar prefixed properties that match with $canvas-). + + Parameters: + + prop - (string) The name of the property. The dollar sign is not needed. For + example *getCanvasStyle(shadowBlur)* will return *data[$canvas-shadowBlur]*. + type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* + data properties also. + + Example: + (start code js) + node.getCanvasStyle('shadowBlur'); + (end code) + + See also: + + + */ + getCanvasStyle: function(prop, type, force) { + return getDataInternal.call( + this, 'canvas', prop, type, force, this.Config.CanvasStyles); + }, + + /* + Method: setCanvasStyle + + Sets the canvas style data property with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. + value - (mixed) The value to set to the property. + type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. + + Example: + + (start code js) + node.setCanvasStyle('shadowBlur', 30); + (end code) + + If we were to make an animation of a node/edge shadowBlur canvas style then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setCanvasStyle('shadowBlur', 10, 'start'); + node.setCanvasStyle('shadowBlur', 30, 'end'); + //will animate nodes canvas style property for nodes + viz.fx.animate({ + modes: ['node-style:shadowBlur'], + duration: 1000 + }); + (end code) + + See also: + + . + */ + setCanvasStyle: function(prop, value, type) { + setDataInternal.call(this, 'canvas', prop, value, type); + }, + + /* + Method: setCanvasStyles + + Convenience method to set multiple styles at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + See also: + + . + */ + setCanvasStyles: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i. + */ + removeCanvasStyle: function() { + removeDataInternal.call(this, 'canvas', Array.prototype.slice.call(arguments)); + }, + + /* + Method: getLabelData + + Returns the specified label data value property. This is useful for + querying special/reserved label options (i.e. + dollar prefixed properties that match with $label-). + + Parameters: + + prop - (string) The name of the property. The dollar sign prefix is not needed. For + example *getLabelData(size)* will return *data[$label-size]*. + type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* + data properties also. + + See also: + + . + */ + getLabelData: function(prop, type, force) { + return getDataInternal.call( + this, 'label', prop, type, force, this.Label); + }, + + /* + Method: setLabelData + + Sets the current label data with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. + value - (mixed) The value to set to the property. + type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. + + Example: + + (start code js) + node.setLabelData('size', 30); + (end code) + + If we were to make an animation of a node label size then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setLabelData('size', 10, 'start'); + node.setLabelData('size', 30, 'end'); + //will animate nodes label size + viz.fx.animate({ + modes: ['label-property:size'], + duration: 1000 + }); + (end code) + + See also: + + . + */ + setLabelData: function(prop, value, type) { + setDataInternal.call(this, 'label', prop, value, type); + }, + + /* + Method: setLabelDataset + + Convenience function to set multiple label data at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + See also: + + . + */ + setLabelDataset: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i. + */ + removeLabelData: function() { + removeDataInternal.call(this, 'label', Array.prototype.slice.call(arguments)); + } + }; +})(); + +/* + Class: Graph.Node + + A node. + + Implements: + + methods. + + The following methods are implemented by + + - + - + - + - + - + - + - + - +*/ +Graph.Node = new Class({ + + initialize: function(opt, complex, Node, Edge, Label) { + var innerOptions = { + 'id': '', + 'name': '', + 'data': {}, + 'startData': {}, + 'endData': {}, + 'adjacencies': {}, + + 'selected': false, + 'drawn': false, + 'exist': false, + + 'angleSpan': { + 'begin': 0, + 'end' : 0 + }, + + 'pos': (complex && $C(0, 0)) || $P(0, 0), + 'startPos': (complex && $C(0, 0)) || $P(0, 0), + 'endPos': (complex && $C(0, 0)) || $P(0, 0) + }; + + $.extend(this, $.extend(innerOptions, opt)); + this.Config = this.Node = Node; + this.Edge = Edge; + this.Label = Label; + }, + + /* + Method: adjacentTo + + Indicates if the node is adjacent to the node specified by id + + Parameters: + + id - (string) A node id. + + Example: + (start code js) + node.adjacentTo('nodeId') == true; + (end code) + */ + adjacentTo: function(node) { + return node.id in this.adjacencies; + }, + + /* + Method: getAdjacency + + Returns a object connecting the current and the node having *id* as id. + + Parameters: + + id - (string) A node id. + */ + getAdjacency: function(id) { + return this.adjacencies[id]; + }, + + /* + Method: getPos + + Returns the position of the node. + + Parameters: + + type - (string) Default's *current*. Possible values are "start", "end" or "current". + + Returns: + + A or instance. + + Example: + (start code js) + var pos = node.getPos('end'); + (end code) + */ + getPos: function(type) { + type = type || "current"; + if(type == "current") { + return this.pos; + } else if(type == "end") { + return this.endPos; + } else if(type == "start") { + return this.startPos; + } + }, + /* + Method: setPos + + Sets the node's position. + + Parameters: + + value - (object) A or instance. + type - (string) Default's *current*. Possible values are "start", "end" or "current". + + Example: + (start code js) + node.setPos(new $jit.Complex(0, 0), 'end'); + (end code) + */ + setPos: function(value, type) { + type = type || "current"; + var pos; + if(type == "current") { + pos = this.pos; + } else if(type == "end") { + pos = this.endPos; + } else if(type == "start") { + pos = this.startPos; + } + pos.set(value); + } +}); + +Graph.Node.implement(Accessors); + +/* + Class: Graph.Adjacence + + A adjacence (or edge) connecting two . + + Implements: + + methods. + + See also: + + , + + Properties: + + nodeFrom - A connected by this edge. + nodeTo - Another connected by this edge. + data - Node data property containing a hash (i.e {}) with custom options. +*/ +Graph.Adjacence = new Class({ + + initialize: function(nodeFrom, nodeTo, data, Edge, Label) { + this.nodeFrom = nodeFrom; + this.nodeTo = nodeTo; + this.data = data || {}; + this.startData = {}; + this.endData = {}; + this.Config = this.Edge = Edge; + this.Label = Label; + } +}); + +Graph.Adjacence.implement(Accessors); + +/* + Object: Graph.Util + + traversal and processing utility object. + + Note: + + For your convenience some of these methods have also been appended to and classes. +*/ +Graph.Util = { + /* + filter + + For internal use only. Provides a filtering function based on flags. + */ + filter: function(param) { + if(!param || !($.type(param) == 'string')) return function() { return true; }; + var props = param.split(" "); + return function(elem) { + for(var i=0; i by *id*. + + Also implemented by: + + + + Parameters: + + graph - (object) A instance. + id - (string) A id. + + Example: + + (start code js) + $jit.Graph.Util.getNode(graph, 'nodeid'); + //or... + graph.getNode('nodeid'); + (end code) + */ + getNode: function(graph, id) { + return graph.nodes[id]; + }, + + /* + Method: eachNode + + Iterates over nodes performing an *action*. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachNode(graph, function(node) { + alert(node.name); + }); + //or... + graph.eachNode(function(node) { + alert(node.name); + }); + (end code) + */ + eachNode: function(graph, action, flags) { + var filter = this.filter(flags); + for(var i in graph.nodes) { + if(filter(graph.nodes[i])) action(graph.nodes[i]); + } + }, + + /* + Method: eachAdjacency + + Iterates over adjacencies applying the *action* function. + + Also implemented by: + + . + + Parameters: + + node - (object) A . + action - (function) A callback function having as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachAdjacency(node, function(adj) { + alert(adj.nodeTo.name); + }); + //or... + node.eachAdjacency(function(adj) { + alert(adj.nodeTo.name); + }); + (end code) + */ + eachAdjacency: function(node, action, flags) { + var adj = node.adjacencies, filter = this.filter(flags); + for(var id in adj) { + var a = adj[id]; + if(filter(a)) { + if(a.nodeFrom != node) { + var tmp = a.nodeFrom; + a.nodeFrom = a.nodeTo; + a.nodeTo = tmp; + } + action(a, id); + } + } + }, + + /* + Method: computeLevels + + Performs a BFS traversal setting the correct depth for each node. + + Also implemented by: + + . + + Note: + + The depth of each node can then be accessed by + >node._depth + + Parameters: + + graph - (object) A . + id - (string) A starting node id for the BFS traversal. + startDepth - (optional|number) A minimum depth value. Default's 0. + + */ + computeLevels: function(graph, id, startDepth, flags) { + startDepth = startDepth || 0; + var filter = this.filter(flags); + this.eachNode(graph, function(elem) { + elem._flag = false; + elem._depth = -1; + }, flags); + var root = graph.getNode(id); + root._depth = startDepth; + var queue = [root]; + while(queue.length != 0) { + var node = queue.pop(); + node._flag = true; + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._flag == false && filter(n)) { + if(n._depth < 0) n._depth = node._depth + 1 + startDepth; + queue.unshift(n); + } + }, flags); + } + }, + + /* + Method: eachBFS + + Performs a BFS traversal applying *action* to each . + + Also implemented by: + + . + + Parameters: + + graph - (object) A . + id - (string) A starting node id for the BFS traversal. + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachBFS(graph, 'mynodeid', function(node) { + alert(node.name); + }); + //or... + graph.eachBFS('mynodeid', function(node) { + alert(node.name); + }); + (end code) + */ + eachBFS: function(graph, id, action, flags) { + var filter = this.filter(flags); + this.clean(graph); + var queue = [graph.getNode(id)]; + while(queue.length != 0) { + var node = queue.pop(); + node._flag = true; + action(node, node._depth); + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._flag == false && filter(n)) { + n._flag = true; + queue.unshift(n); + } + }, flags); + } + }, + + /* + Method: eachLevel + + Iterates over a node's subgraph applying *action* to the nodes of relative depth between *levelBegin* and *levelEnd*. + + Also implemented by: + + . + + Parameters: + + node - (object) A . + levelBegin - (number) A relative level value. + levelEnd - (number) A relative level value. + action - (function) A callback function having a as first formal parameter. + + */ + eachLevel: function(node, levelBegin, levelEnd, action, flags) { + var d = node._depth, filter = this.filter(flags), that = this; + levelEnd = levelEnd === false? Number.MAX_VALUE -d : levelEnd; + (function loopLevel(node, levelBegin, levelEnd) { + var d = node._depth; + if(d >= levelBegin && d <= levelEnd && filter(node)) action(node, d); + if(d < levelEnd) { + that.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._depth > d) loopLevel(n, levelBegin, levelEnd); + }); + } + })(node, levelBegin + d, levelEnd + d); + }, + + /* + Method: eachSubgraph + + Iterates over a node's children recursively. + + Also implemented by: + + . + + Parameters: + node - (object) A . + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachSubgraph(node, function(node) { + alert(node.name); + }); + //or... + node.eachSubgraph(function(node) { + alert(node.name); + }); + (end code) + */ + eachSubgraph: function(node, action, flags) { + this.eachLevel(node, 0, false, action, flags); + }, + + /* + Method: eachSubnode + + Iterates over a node's children (without deeper recursion). + + Also implemented by: + + . + + Parameters: + node - (object) A . + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachSubnode(node, function(node) { + alert(node.name); + }); + //or... + node.eachSubnode(function(node) { + alert(node.name); + }); + (end code) + */ + eachSubnode: function(node, action, flags) { + this.eachLevel(node, 1, 1, action, flags); + }, + + /* + Method: anySubnode + + Returns *true* if any subnode matches the given condition. + + Also implemented by: + + . + + Parameters: + node - (object) A . + cond - (function) A callback function returning a Boolean instance. This function has as first formal parameter a . + + Example: + (start code js) + $jit.Graph.Util.anySubnode(node, function(node) { return node.name == "mynodename"; }); + //or... + node.anySubnode(function(node) { return node.name == 'mynodename'; }); + (end code) + */ + anySubnode: function(node, cond, flags) { + var flag = false; + cond = cond || $.lambda(true); + var c = $.type(cond) == 'string'? function(n) { return n[cond]; } : cond; + this.eachSubnode(node, function(elem) { + if(c(elem)) flag = true; + }, flags); + return flag; + }, + + /* + Method: getSubnodes + + Collects all subnodes for a specified node. + The *level* parameter filters nodes having relative depth of *level* from the root node. + + Also implemented by: + + . + + Parameters: + node - (object) A . + level - (optional|number) Default's *0*. A starting relative depth for collecting nodes. + + Returns: + An array of nodes. + + */ + getSubnodes: function(node, level, flags) { + var ans = [], that = this; + level = level || 0; + var levelStart, levelEnd; + if($.type(level) == 'array') { + levelStart = level[0]; + levelEnd = level[1]; + } else { + levelStart = level; + levelEnd = Number.MAX_VALUE - node._depth; + } + this.eachLevel(node, levelStart, levelEnd, function(n) { + ans.push(n); + }, flags); + return ans; + }, + + + /* + Method: getParents + + Returns an Array of which are parents of the given node. + + Also implemented by: + + . + + Parameters: + node - (object) A . + + Returns: + An Array of . + + Example: + (start code js) + var pars = $jit.Graph.Util.getParents(node); + //or... + var pars = node.getParents(); + + if(pars.length > 0) { + //do stuff with parents + } + (end code) + */ + getParents: function(node) { + var ans = []; + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._depth < node._depth) ans.push(n); + }); + return ans; + }, + + /* + Method: isDescendantOf + + Returns a boolean indicating if some node is descendant of the node with the given id. + + Also implemented by: + + . + + + Parameters: + node - (object) A . + id - (string) A id. + + Example: + (start code js) + $jit.Graph.Util.isDescendantOf(node, "nodeid"); //true|false + //or... + node.isDescendantOf('nodeid');//true|false + (end code) + */ + isDescendantOf: function(node, id) { + if(node.id == id) return true; + var pars = this.getParents(node), ans = false; + for ( var i = 0; !ans && i < pars.length; i++) { + ans = ans || this.isDescendantOf(pars[i], id); + } + return ans; + }, + + /* + Method: clean + + Cleans flags from nodes. + + Also implemented by: + + . + + Parameters: + graph - A instance. + */ + clean: function(graph) { this.eachNode(graph, function(elem) { elem._flag = false; }); }, + + /* + Method: getClosestNodeToOrigin + + Returns the closest node to the center of canvas. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + prop - (optional|string) Default's 'current'. A position property. Possible properties are 'start', 'current' or 'end'. + + */ + getClosestNodeToOrigin: function(graph, prop, flags) { + return this.getClosestNodeToPos(graph, Polar.KER, prop, flags); + }, + + /* + Method: getClosestNodeToPos + + Returns the closest node to the given position. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + pos - (object) A or instance. + prop - (optional|string) Default's *current*. A position property. Possible properties are 'start', 'current' or 'end'. + + */ + getClosestNodeToPos: function(graph, pos, prop, flags) { + var node = null; + prop = prop || 'current'; + pos = pos && pos.getc(true) || Complex.KER; + var distance = function(a, b) { + var d1 = a.x - b.x, d2 = a.y - b.y; + return d1 * d1 + d2 * d2; + }; + this.eachNode(graph, function(elem) { + node = (node == null || distance(elem.getPos(prop).getc(true), pos) < distance( + node.getPos(prop).getc(true), pos)) ? elem : node; + }, flags); + return node; + } +}; + +//Append graph methods to +$.each(['getNode', 'eachNode', 'computeLevels', 'eachBFS', 'clean', 'getClosestNodeToPos', 'getClosestNodeToOrigin'], function(m) { + Graph.prototype[m] = function() { + return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); + }; +}); + +//Append node methods to +$.each(['eachAdjacency', 'eachLevel', 'eachSubgraph', 'eachSubnode', 'anySubnode', 'getSubnodes', 'getParents', 'isDescendantOf'], function(m) { + Graph.Node.prototype[m] = function() { + return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); + }; +}); + +/* + * File: Graph.Op.js + * +*/ + +/* + Object: Graph.Op + + Perform operations like adding/removing or , + morphing a into another , contracting or expanding subtrees, etc. + +*/ +Graph.Op = { + + options: { + type: 'nothing', + duration: 2000, + hideLabels: true, + fps:30 + }, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + Method: removeNode + + Removes one or more from the visualization. + It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. + + Parameters: + + node - (string|array) The node's id. Can also be an array having many ids. + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.removeNode('nodeId', { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.removeNode(['someId', 'otherId'], { + type: 'fade:con', + duration: 1500 + }); + (end code) + */ + + removeNode: function(node, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt); + var n = $.splat(node); + var i, that, nodeObj; + switch(options.type) { + case 'nothing': + for(i=0; i from the visualization. + It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. + + Parameters: + + vertex - (array) An array having two strings which are the ids of the nodes connected by this edge (i.e ['id1', 'id2']). Can also be a two dimensional array holding many edges (i.e [['id1', 'id2'], ['id3', 'id4'], ...]). + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.removeEdge(['nodeId', 'otherId'], { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.removeEdge([['someId', 'otherId'], ['id3', 'id4']], { + type: 'fade:con', + duration: 1500 + }); + (end code) + + */ + removeEdge: function(vertex, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt); + var v = ($.type(vertex[0]) == 'string')? [vertex] : vertex; + var i, that, adj; + switch(options.type) { + case 'nothing': + for(i=0; i + + Parameters: + + json - (object) A json tree or graph structure. See also . + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + //...json contains a tree or graph structure... + + var viz = new $jit.Viz(options); + viz.op.sum(json, { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.sum(json, { + type: 'fade:con', + duration: 1500 + }); + (end code) + + */ + sum: function(json, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt), root = viz.root; + var graph; + viz.root = opt.id || viz.root; + switch(options.type) { + case 'nothing': + graph = viz.construct(json); + graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); + }); + }); + break; + + case 'replot': + viz.refresh(true); + this.sum(json, { type: 'nothing' }); + viz.refresh(true); + break; + + case 'fade:seq': case 'fade': case 'fade:con': + that = this; + graph = viz.construct(json); + + //set alpha to 0 for nodes to add. + var fadeEdges = this.preprocessSum(graph); + var modes = !fadeEdges? ['node-property:alpha'] : ['node-property:alpha', 'edge-property:alpha']; + viz.reposition(); + if(options.type != 'fade:con') { + viz.fx.animate($.merge(options, { + modes: ['linear'], + onComplete: function() { + viz.fx.animate($.merge(options, { + modes: modes, + onComplete: function() { + options.onComplete(); + } + })); + } + })); + } else { + viz.graph.eachNode(function(elem) { + if (elem.id != root && elem.pos.getp().equals(Polar.KER)) { + elem.pos.set(elem.endPos); elem.startPos.set(elem.endPos); + } + }); + viz.fx.animate($.merge(options, { + modes: ['linear'].concat(modes) + })); + } + break; + + default: this.doError(); + } + }, + + /* + Method: morph + + This method will transform the current visualized graph into the new JSON representation passed in the method. + The JSON object must at least have the root node in common with the current visualized graph. + + Parameters: + + json - (object) A json tree or graph structure. See also . + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:con". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + id - (string) The shared id between both graphs. + + extraModes - (optional|object) When morphing with an animation, dollar prefixed data parameters are added to + *endData* and not *data* itself. This way you can animate dollar prefixed parameters during your morphing operation. + For animating these extra-parameters you have to specify an object that has animation groups as keys and animation + properties as values, just like specified in . + + Example: + (start code js) + //...json contains a tree or graph structure... + + var viz = new $jit.Viz(options); + viz.op.morph(json, { + type: 'fade', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.morph(json, { + type: 'fade', + duration: 1500 + }); + //if the json data contains dollar prefixed params + //like $width or $height these too can be animated + viz.op.morph(json, { + type: 'fade', + duration: 1500 + }, { + 'node-property': ['width', 'height'] + }); + (end code) + + */ + morph: function(json, opt, extraModes) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt), root = viz.root; + var graph; + //TODO(nico) this hack makes morphing work with the Hypertree. + //Need to check if it has been solved and this can be removed. + viz.root = opt.id || viz.root; + switch(options.type) { + case 'nothing': + graph = viz.construct(json); + graph.eachNode(function(elem) { + var nodeExists = viz.graph.hasNode(elem.id); + elem.eachAdjacency(function(adj) { + var adjExists = !!viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); + //Update data properties if the node existed + if(adjExists) { + var addedAdj = viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + for(var prop in (adj.data || {})) { + addedAdj.data[prop] = adj.data[prop]; + } + } + }); + //Update data properties if the node existed + if(nodeExists) { + var addedNode = viz.graph.getNode(elem.id); + for(var prop in (elem.data || {})) { + addedNode.data[prop] = elem.data[prop]; + } + } + }); + viz.graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + if(!graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id)) { + viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + } + }); + if(!graph.hasNode(elem.id)) viz.graph.removeNode(elem.id); + }); + + break; + + case 'replot': + viz.labels.clearLabels(true); + this.morph(json, { type: 'nothing' }); + viz.refresh(true); + viz.refresh(true); + break; + + case 'fade:seq': case 'fade': case 'fade:con': + that = this; + graph = viz.construct(json); + //preprocessing for nodes to delete. + //get node property modes to interpolate + var nodeModes = extraModes && ('node-property' in extraModes) + && $.map($.splat(extraModes['node-property']), + function(n) { return '$' + n; }); + viz.graph.eachNode(function(elem) { + var graphNode = graph.getNode(elem.id); + if(!graphNode) { + elem.setData('alpha', 1); + elem.setData('alpha', 1, 'start'); + elem.setData('alpha', 0, 'end'); + elem.ignore = true; + } else { + //Update node data information + var graphNodeData = graphNode.data; + for(var prop in graphNodeData) { + if(nodeModes && ($.indexOf(nodeModes, prop) > -1)) { + elem.endData[prop] = graphNodeData[prop]; + } else { + elem.data[prop] = graphNodeData[prop]; + } + } + } + }); + viz.graph.eachNode(function(elem) { + if(elem.ignore) return; + elem.eachAdjacency(function(adj) { + if(adj.nodeFrom.ignore || adj.nodeTo.ignore) return; + var nodeFrom = graph.getNode(adj.nodeFrom.id); + var nodeTo = graph.getNode(adj.nodeTo.id); + if(!nodeFrom.adjacentTo(nodeTo)) { + var adj = viz.graph.getAdjacence(nodeFrom.id, nodeTo.id); + fadeEdges = true; + adj.setData('alpha', 1); + adj.setData('alpha', 1, 'start'); + adj.setData('alpha', 0, 'end'); + } + }); + }); + //preprocessing for adding nodes. + var fadeEdges = this.preprocessSum(graph); + + var modes = !fadeEdges? ['node-property:alpha'] : + ['node-property:alpha', + 'edge-property:alpha']; + //Append extra node-property animations (if any) + modes[0] = modes[0] + ((extraModes && ('node-property' in extraModes))? + (':' + $.splat(extraModes['node-property']).join(':')) : ''); + //Append extra edge-property animations (if any) + modes[1] = (modes[1] || 'edge-property:alpha') + ((extraModes && ('edge-property' in extraModes))? + (':' + $.splat(extraModes['edge-property']).join(':')) : ''); + //Add label-property animations (if any) + if(extraModes && ('label-property' in extraModes)) { + modes.push('label-property:' + $.splat(extraModes['label-property']).join(':')) + } + viz.reposition(); + viz.graph.eachNode(function(elem) { + if (elem.id != root && elem.pos.getp().equals(Polar.KER)) { + elem.pos.set(elem.endPos); elem.startPos.set(elem.endPos); + } + }); + viz.fx.animate($.merge(options, { + modes: ['polar'].concat(modes), + onComplete: function() { + viz.graph.eachNode(function(elem) { + if(elem.ignore) viz.graph.removeNode(elem.id); + }); + viz.graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + if(adj.ignore) viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + }); + }); + options.onComplete(); + } + })); + break; + + default:; + } + }, + + + /* + Method: contract + + Collapses the subtree of the given node. The node will have a _collapsed=true_ property. + + Parameters: + + node - (object) A . + opt - (object) An object containing options described below + type - (string) Whether to 'replot' or 'animate' the contraction. + + There are also a number of Animation options. For more information see . + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.contract(node, { + type: 'animate', + duration: 1000, + hideLabels: true, + transition: $jit.Trans.Quart.easeOut + }); + (end code) + + */ + contract: function(node, opt) { + var viz = this.viz; + if(node.collapsed || !node.anySubnode($.lambda(true))) return; + opt = $.merge(this.options, viz.config, opt || {}, { + 'modes': ['node-property:alpha:span', 'linear'] + }); + node.collapsed = true; + (function subn(n) { + n.eachSubnode(function(ch) { + ch.ignore = true; + ch.setData('alpha', 0, opt.type == 'animate'? 'end' : 'current'); + subn(ch); + }); + })(node); + if(opt.type == 'animate') { + viz.compute('end'); + if(viz.rotated) { + viz.rotate(viz.rotated, 'none', { + 'property':'end' + }); + } + (function subn(n) { + n.eachSubnode(function(ch) { + ch.setPos(node.getPos('end'), 'end'); + subn(ch); + }); + })(node); + viz.fx.animate(opt); + } else if(opt.type == 'replot'){ + viz.refresh(); + } + }, + + /* + Method: expand + + Expands the previously contracted subtree. The given node must have the _collapsed=true_ property. + + Parameters: + + node - (object) A . + opt - (object) An object containing options described below + type - (string) Whether to 'replot' or 'animate'. + + There are also a number of Animation options. For more information see . + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.expand(node, { + type: 'animate', + duration: 1000, + hideLabels: true, + transition: $jit.Trans.Quart.easeOut + }); + (end code) + + */ + expand: function(node, opt) { + if(!('collapsed' in node)) return; + var viz = this.viz; + opt = $.merge(this.options, viz.config, opt || {}, { + 'modes': ['node-property:alpha:span', 'linear'] + }); + delete node.collapsed; + (function subn(n) { + n.eachSubnode(function(ch) { + delete ch.ignore; + ch.setData('alpha', 1, opt.type == 'animate'? 'end' : 'current'); + subn(ch); + }); + })(node); + if(opt.type == 'animate') { + viz.compute('end'); + if(viz.rotated) { + viz.rotate(viz.rotated, 'none', { + 'property':'end' + }); + } + viz.fx.animate(opt); + } else if(opt.type == 'replot'){ + viz.refresh(); + } + }, + + preprocessSum: function(graph) { + var viz = this.viz; + graph.eachNode(function(elem) { + if(!viz.graph.hasNode(elem.id)) { + viz.graph.addNode(elem); + var n = viz.graph.getNode(elem.id); + n.setData('alpha', 0); + n.setData('alpha', 0, 'start'); + n.setData('alpha', 1, 'end'); + } + }); + var fadeEdges = false; + graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + var nodeFrom = viz.graph.getNode(adj.nodeFrom.id); + var nodeTo = viz.graph.getNode(adj.nodeTo.id); + if(!nodeFrom.adjacentTo(nodeTo)) { + var adj = viz.graph.addAdjacence(nodeFrom, nodeTo, adj.data); + if(nodeFrom.startAlpha == nodeFrom.endAlpha + && nodeTo.startAlpha == nodeTo.endAlpha) { + fadeEdges = true; + adj.setData('alpha', 0); + adj.setData('alpha', 0, 'start'); + adj.setData('alpha', 1, 'end'); + } + } + }); + }); + return fadeEdges; + } +}; + + + +/* + File: Helpers.js + + Helpers are objects that contain rendering primitives (like rectangles, ellipses, etc), for plotting nodes and edges. + Helpers also contain implementations of the *contains* method, a method returning a boolean indicating whether the mouse + position is over the rendered shape. + + Helpers are very useful when implementing new NodeTypes, since you can access them through *this.nodeHelper* and + *this.edgeHelper* properties, providing you with simple primitives and mouse-position check functions. + + Example: + (start code js) + //implement a new node type + $jit.Viz.Plot.NodeTypes.implement({ + 'customNodeType': { + 'render': function(node, canvas) { + this.nodeHelper.circle.render ... + }, + 'contains': function(node, pos) { + this.nodeHelper.circle.contains ... + } + } + }); + //implement an edge type + $jit.Viz.Plot.EdgeTypes.implement({ + 'customNodeType': { + 'render': function(node, canvas) { + this.edgeHelper.circle.render ... + }, + //optional + 'contains': function(node, pos) { + this.edgeHelper.circle.contains ... + } + } + }); + (end code) + +*/ + +/* + Object: NodeHelper + + Contains rendering and other type of primitives for simple shapes. + */ +var NodeHelper = { + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + /* + Object: NodeHelper.circle + */ + 'circle': { + /* + Method: render + + Renders a circle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the circle. + radius - (number) The radius of the circle to be rendered. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.circle.render('fill', { x: 10, y: 30 }, 30, viz.canvas); + (end code) + */ + 'render': function(type, pos, radius, canvas){ + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.arc(pos.x, pos.y, radius, 0, Math.PI * 2, true); + ctx.closePath(); + ctx[type](); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + radius - (number) The radius of the rendered circle. + + Example: + (start code js) + NodeHelper.circle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); //true + (end code) + */ + 'contains': function(npos, pos, radius){ + var diffx = npos.x - pos.x, + diffy = npos.y - pos.y, + diff = diffx * diffx + diffy * diffy; + return diff <= radius * radius; + } + }, + /* + Object: NodeHelper.ellipse + */ + 'ellipse': { + /* + Method: render + + Renders an ellipse into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the ellipse. + width - (number) The width of the ellipse. + height - (number) The height of the ellipse. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.ellipse.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, width, height, canvas){ + var ctx = canvas.getCtx(); + height /= 2; + width /= 2; + ctx.save(); + ctx.scale(width / height, height / width); + ctx.beginPath(); + ctx.arc(pos.x * (height / width), pos.y * (width / height), height, 0, + Math.PI * 2, true); + ctx.closePath(); + ctx[type](); + ctx.restore(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + width - (number) The width of the rendered ellipse. + height - (number) The height of the rendered ellipse. + + Example: + (start code js) + NodeHelper.ellipse.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); + (end code) + */ + 'contains': function(npos, pos, width, height){ + // TODO(nico): be more precise... + width /= 2; + height /= 2; + var dist = (width + height) / 2, + diffx = npos.x - pos.x, + diffy = npos.y - pos.y, + diff = diffx * diffx + diffy * diffy; + return diff <= dist * dist; + } + }, + /* + Object: NodeHelper.square + */ + 'square': { + /* + Method: render + + Renders a square into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the square. + dim - (number) The radius (or half-diameter) of the square. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.square.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + canvas.getCtx()[type + "Rect"](pos.x - dim, pos.y - dim, 2*dim, 2*dim); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) The radius (or half-diameter) of the square. + + Example: + (start code js) + NodeHelper.square.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim){ + return Math.abs(pos.x - npos.x) <= dim && Math.abs(pos.y - npos.y) <= dim; + } + }, + /* + Object: NodeHelper.rectangle + */ + 'rectangle': { + /* + Method: render + + Renders a rectangle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the rectangle. + width - (number) The width of the rectangle. + height - (number) The height of the rectangle. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.rectangle.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, width, height, canvas){ + canvas.getCtx()[type + "Rect"](pos.x - width / 2, pos.y - height / 2, + width, height); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + width - (number) The width of the rendered rectangle. + height - (number) The height of the rendered rectangle. + + Example: + (start code js) + NodeHelper.rectangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); + (end code) + */ + 'contains': function(npos, pos, width, height){ + return Math.abs(pos.x - npos.x) <= width / 2 + && Math.abs(pos.y - npos.y) <= height / 2; + } + }, + /* + Object: NodeHelper.triangle + */ + 'triangle': { + /* + Method: render + + Renders a triangle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the triangle. + dim - (number) The dimension of the triangle. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.triangle.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + var ctx = canvas.getCtx(), + c1x = pos.x, + c1y = pos.y - dim, + c2x = c1x - dim, + c2y = pos.y + dim, + c3x = c1x + dim, + c3y = c2y; + ctx.beginPath(); + ctx.moveTo(c1x, c1y); + ctx.lineTo(c2x, c2y); + ctx.lineTo(c3x, c3y); + ctx.closePath(); + ctx[type](); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) The dimension of the shape. + + Example: + (start code js) + NodeHelper.triangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim) { + return NodeHelper.circle.contains(npos, pos, dim); + } + }, + /* + Object: NodeHelper.star + */ + 'star': { + /* + Method: render + + Renders a star into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the star. + dim - (number) The dimension of the star. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.star.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + var ctx = canvas.getCtx(), + pi5 = Math.PI / 5; + ctx.save(); + ctx.translate(pos.x, pos.y); + ctx.beginPath(); + ctx.moveTo(dim, 0); + for (var i = 0; i < 9; i++) { + ctx.rotate(pi5); + if (i % 2 == 0) { + ctx.lineTo((dim / 0.525731) * 0.200811, 0); + } else { + ctx.lineTo(dim, 0); + } + } + ctx.closePath(); + ctx[type](); + ctx.restore(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) The dimension of the shape. + + Example: + (start code js) + NodeHelper.star.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim) { + return NodeHelper.circle.contains(npos, pos, dim); + } + } +}; + +/* + Object: EdgeHelper + + Contains rendering primitives for simple edge shapes. +*/ +var EdgeHelper = { + /* + Object: EdgeHelper.line + */ + 'line': { + /* + Method: render + + Renders a line into the canvas. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the line. + to - (object) An *x*, *y* object with the ending position of the line. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.line.render({ x: 10, y: 30 }, { x: 10, y: 50 }, viz.canvas); + (end code) + */ + 'render': function(from, to, canvas){ + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(from.x, from.y); + ctx.lineTo(to.x, to.y); + ctx.stroke(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.line.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(posFrom, posTo, pos, epsilon) { + var min = Math.min, + max = Math.max, + minPosX = min(posFrom.x, posTo.x), + maxPosX = max(posFrom.x, posTo.x), + minPosY = min(posFrom.y, posTo.y), + maxPosY = max(posFrom.y, posTo.y); + + if(pos.x >= minPosX && pos.x <= maxPosX + && pos.y >= minPosY && pos.y <= maxPosY) { + if(Math.abs(posTo.x - posFrom.x) <= epsilon) { + return true; + } + var dist = (posTo.y - posFrom.y) / (posTo.x - posFrom.x) * (pos.x - posFrom.x) + posFrom.y; + return Math.abs(dist - pos.y) <= epsilon; + } + return false; + } + }, + /* + Object: EdgeHelper.arrow + */ + 'arrow': { + /* + Method: render + + Renders an arrow into the canvas. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the arrow. + to - (object) An *x*, *y* object with the ending position of the arrow. + dim - (number) The dimension of the arrow. + swap - (boolean) Whether to set the arrow pointing to the starting position or the ending position. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.arrow.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 13, false, viz.canvas); + (end code) + */ + 'render': function(from, to, dim, swap, canvas){ + var ctx = canvas.getCtx(); + // invert edge direction + if (swap) { + var tmp = from; + from = to; + to = tmp; + } + var vect = new Complex(to.x - from.x, to.y - from.y); + vect.$scale(dim / vect.norm()); + var intermediatePoint = new Complex(to.x - vect.x, to.y - vect.y), + normal = new Complex(-vect.y / 2.5, vect.x / 2.5), + v1 = intermediatePoint.add(normal), + v2 = intermediatePoint.$add(normal.$scale(-1)); + + var vect1 = new Complex(to.x - from.x, to.y - from.y); + vect1.$scale(15 / vect1.norm()); + var toPoint = new Complex(to.x - vect1.x, to.y - vect1.y); + to.x = toPoint.x; + to.y = toPoint.y; + + ctx.beginPath(); + ctx.moveTo(from.x, from.y); + ctx.lineTo(to.x, to.y); + ctx.stroke(); + ctx.beginPath(); + ctx.moveTo(v1.x, v1.y); + ctx.lineTo(v2.x, v2.y); + ctx.lineTo(to.x, to.y); + ctx.closePath(); + ctx.fill(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.arrow.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(posFrom, posTo, pos, epsilon) { + return EdgeHelper.line.contains(posFrom, posTo, pos, epsilon); + } + }, + /* + Object: EdgeHelper.hyperline + */ + 'hyperline': { + /* + Method: render + + Renders a hyperline into the canvas. A hyperline are the lines drawn for the visualization. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the hyperline. *x* and *y* must belong to [0, 1). + to - (object) An *x*, *y* object with the ending position of the hyperline. *x* and *y* must belong to [0, 1). + r - (number) The scaling factor. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.hyperline.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 100, viz.canvas); + (end code) + */ + 'render': function(from, to, r, canvas){ + var ctx = canvas.getCtx(); + var centerOfCircle = computeArcThroughTwoPoints(from, to); + if (centerOfCircle.a > 1000 || centerOfCircle.b > 1000 + || centerOfCircle.ratio < 0) { + ctx.beginPath(); + ctx.moveTo(from.x * r, from.y * r); + ctx.lineTo(to.x * r, to.y * r); + ctx.stroke(); + } else { + var angleBegin = Math.atan2(to.y - centerOfCircle.y, to.x + - centerOfCircle.x); + var angleEnd = Math.atan2(from.y - centerOfCircle.y, from.x + - centerOfCircle.x); + var sense = sense(angleBegin, angleEnd); + ctx.beginPath(); + ctx.arc(centerOfCircle.x * r, centerOfCircle.y * r, centerOfCircle.ratio + * r, angleBegin, angleEnd, sense); + ctx.stroke(); + } + /* + Calculates the arc parameters through two points. + + More information in + + Parameters: + + p1 - A instance. + p2 - A instance. + scale - The Disk's diameter. + + Returns: + + An object containing some arc properties. + */ + function computeArcThroughTwoPoints(p1, p2){ + var aDen = (p1.x * p2.y - p1.y * p2.x), bDen = aDen; + var sq1 = p1.squaredNorm(), sq2 = p2.squaredNorm(); + // Fall back to a straight line + if (aDen == 0) + return { + x: 0, + y: 0, + ratio: -1 + }; + + var a = (p1.y * sq2 - p2.y * sq1 + p1.y - p2.y) / aDen; + var b = (p2.x * sq1 - p1.x * sq2 + p2.x - p1.x) / bDen; + var x = -a / 2; + var y = -b / 2; + var squaredRatio = (a * a + b * b) / 4 - 1; + // Fall back to a straight line + if (squaredRatio < 0) + return { + x: 0, + y: 0, + ratio: -1 + }; + var ratio = Math.sqrt(squaredRatio); + var out = { + x: x, + y: y, + ratio: ratio > 1000? -1 : ratio, + a: a, + b: b + }; + + return out; + } + /* + Sets angle direction to clockwise (true) or counterclockwise (false). + + Parameters: + + angleBegin - Starting angle for drawing the arc. + angleEnd - The HyperLine will be drawn from angleBegin to angleEnd. + + Returns: + + A Boolean instance describing the sense for drawing the HyperLine. + */ + function sense(angleBegin, angleEnd){ + return (angleBegin < angleEnd)? ((angleBegin + Math.PI > angleEnd)? false + : true) : ((angleEnd + Math.PI > angleBegin)? true : false); + } + }, + /* + Method: contains + + Not Implemented + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.hyperline.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': $.lambda(false) + } +}; + + +/* + * File: Graph.Plot.js + */ + +/* + Object: Graph.Plot + + rendering and animation methods. + + Properties: + + nodeHelper - object. + edgeHelper - object. +*/ +Graph.Plot = { + //Default intializer + initialize: function(viz, klass){ + this.viz = viz; + this.config = viz.config; + this.node = viz.config.Node; + this.edge = viz.config.Edge; + this.animation = new Animation; + this.nodeTypes = new klass.Plot.NodeTypes; + this.edgeTypes = new klass.Plot.EdgeTypes; + this.labels = viz.labels; + }, + + //Add helpers + nodeHelper: NodeHelper, + edgeHelper: EdgeHelper, + + Interpolator: { + //node/edge property parsers + 'map': { + 'border': 'color', + 'color': 'color', + 'width': 'number', + 'height': 'number', + 'dim': 'number', + 'alpha': 'number', + 'lineWidth': 'number', + 'angularWidth':'number', + 'span':'number', + 'valueArray':'array-number', + 'dimArray':'array-number' + //'colorArray':'array-color' + }, + + //canvas specific parsers + 'canvas': { + 'globalAlpha': 'number', + 'fillStyle': 'color', + 'strokeStyle': 'color', + 'lineWidth': 'number', + 'shadowBlur': 'number', + 'shadowColor': 'color', + 'shadowOffsetX': 'number', + 'shadowOffsetY': 'number', + 'miterLimit': 'number' + }, + + //label parsers + 'label': { + 'size': 'number', + 'color': 'color' + }, + + //Number interpolator + 'compute': function(from, to, delta) { + return from + (to - from) * delta; + }, + + //Position interpolators + 'moebius': function(elem, props, delta, vector) { + var v = vector.scale(-delta); + if(v.norm() < 1) { + var x = v.x, y = v.y; + var ans = elem.startPos + .getc().moebiusTransformation(v); + elem.pos.setc(ans.x, ans.y); + v.x = x; v.y = y; + } + }, + + 'linear': function(elem, props, delta) { + var from = elem.startPos.getc(true); + var to = elem.endPos.getc(true); + elem.pos.setc(this.compute(from.x, to.x, delta), + this.compute(from.y, to.y, delta)); + }, + + 'polar': function(elem, props, delta) { + var from = elem.startPos.getp(true); + var to = elem.endPos.getp(); + var ans = to.interpolate(from, delta); + elem.pos.setp(ans.theta, ans.rho); + }, + + //Graph's Node/Edge interpolators + 'number': function(elem, prop, delta, getter, setter) { + var from = elem[getter](prop, 'start'); + var to = elem[getter](prop, 'end'); + elem[setter](prop, this.compute(from, to, delta)); + }, + + 'color': function(elem, prop, delta, getter, setter) { + var from = $.hexToRgb(elem[getter](prop, 'start')); + var to = $.hexToRgb(elem[getter](prop, 'end')); + var comp = this.compute; + var val = $.rgbToHex([parseInt(comp(from[0], to[0], delta)), + parseInt(comp(from[1], to[1], delta)), + parseInt(comp(from[2], to[2], delta))]); + + elem[setter](prop, val); + }, + + 'array-number': function(elem, prop, delta, getter, setter) { + var from = elem[getter](prop, 'start'), + to = elem[getter](prop, 'end'), + cur = []; + for(var i=0, l=from.length; i, + + */ + prepare: function(modes) { + var graph = this.viz.graph, + accessors = { + 'node-property': { + 'getter': 'getData', + 'setter': 'setData' + }, + 'edge-property': { + 'getter': 'getData', + 'setter': 'setData' + }, + 'node-style': { + 'getter': 'getCanvasStyle', + 'setter': 'setCanvasStyle' + }, + 'edge-style': { + 'getter': 'getCanvasStyle', + 'setter': 'setCanvasStyle' + } + }; + + //parse modes + var m = {}; + if($.type(modes) == 'array') { + for(var i=0, len=modes.length; i < len; i++) { + var elems = modes[i].split(':'); + m[elems.shift()] = elems; + } + } else { + for(var p in modes) { + if(p == 'position') { + m[modes.position] = []; + } else { + m[p] = $.splat(modes[p]); + } + } + } + + graph.eachNode(function(node) { + node.startPos.set(node.pos); + $.each(['node-property', 'node-style'], function(p) { + if(p in m) { + var prop = m[p]; + for(var i=0, l=prop.length; i < l; i++) { + node[accessors[p].setter](prop[i], node[accessors[p].getter](prop[i]), 'start'); + } + } + }); + $.each(['edge-property', 'edge-style'], function(p) { + if(p in m) { + var prop = m[p]; + node.eachAdjacency(function(adj) { + for(var i=0, l=prop.length; i < l; i++) { + adj[accessors[p].setter](prop[i], adj[accessors[p].getter](prop[i]), 'start'); + } + }); + } + }); + }); + return m; + }, + + /* + Method: animate + + Animates a by interpolating some , or properties. + + Parameters: + + opt - (object) Animation options. The object properties are described below + duration - (optional) Described in . + fps - (optional) Described in . + hideLabels - (optional|boolean) Whether to hide labels during the animation. + modes - (required|object) An object with animation modes (described below). + + Animation modes: + + Animation modes are strings representing different node/edge and graph properties that you'd like to animate. + They are represented by an object that has as keys main categories of properties to animate and as values a list + of these specific properties. The properties are described below + + position - Describes the way nodes' positions must be interpolated. Possible values are 'linear', 'polar' or 'moebius'. + node-property - Describes which Node properties will be interpolated. These properties can be any of the ones defined in . + edge-property - Describes which Edge properties will be interpolated. These properties can be any the ones defined in . + label-property - Describes which Label properties will be interpolated. These properties can be any of the ones defined in like color or size. + node-style - Describes which Node Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. + edge-style - Describes which Edge Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. + + Example: + (start code js) + var viz = new $jit.Viz(options); + //...tweak some Data, CanvasStyles or LabelData properties... + viz.fx.animate({ + modes: { + 'position': 'linear', + 'node-property': ['width', 'height'], + 'node-style': 'shadowColor', + 'label-property': 'size' + }, + hideLabels: false + }); + //...can also be written like this... + viz.fx.animate({ + modes: ['linear', + 'node-property:width:height', + 'node-style:shadowColor', + 'label-property:size'], + hideLabels: false + }); + (end code) + */ + animate: function(opt, versor) { + opt = $.merge(this.viz.config, opt || {}); + var that = this, + viz = this.viz, + graph = viz.graph, + interp = this.Interpolator, + animation = opt.type === 'nodefx'? this.nodeFxAnimation : this.animation; + //prepare graph values + var m = this.prepare(opt.modes); + + //animate + if(opt.hideLabels) this.labels.hideLabels(true); + animation.setOptions($.merge(opt, { + $animating: false, + compute: function(delta) { + graph.eachNode(function(node) { + for(var p in m) { + interp[p](node, m[p], delta, versor); + } + }); + that.plot(opt, this.$animating, delta); + this.$animating = true; + }, + complete: function() { + if(opt.hideLabels) that.labels.hideLabels(false); + that.plot(opt); + opt.onComplete(); + opt.onAfterCompute(); + } + })).start(); + }, + + /* + nodeFx + + Apply animation to node properties like color, width, height, dim, etc. + + Parameters: + + options - Animation options. This object properties is described below + elements - The Elements to be transformed. This is an object that has a properties + + (start code js) + 'elements': { + //can also be an array of ids + 'id': 'id-of-node-to-transform', + //properties to be modified. All properties are optional. + 'properties': { + 'color': '#ccc', //some color + 'width': 10, //some width + 'height': 10, //some height + 'dim': 20, //some dim + 'lineWidth': 10 //some line width + } + } + (end code) + + - _reposition_ Whether to recalculate positions and add a motion animation. + This might be used when changing _width_ or _height_ properties in a like layout. Default's *false*. + + - _onComplete_ A method that is called when the animation completes. + + ...and all other options like _duration_, _fps_, _transition_, etc. + + Example: + (start code js) + var rg = new RGraph(canvas, config); //can be also Hypertree or ST + rg.fx.nodeFx({ + 'elements': { + 'id':'mynodeid', + 'properties': { + 'color':'#ccf' + }, + 'transition': Trans.Quart.easeOut + } + }); + (end code) + */ + nodeFx: function(opt) { + var viz = this.viz, + graph = viz.graph, + animation = this.nodeFxAnimation, + options = $.merge(this.viz.config, { + 'elements': { + 'id': false, + 'properties': {} + }, + 'reposition': false + }); + opt = $.merge(options, opt || {}, { + onBeforeCompute: $.empty, + onAfterCompute: $.empty + }); + //check if an animation is running + animation.stopTimer(); + var props = opt.elements.properties; + //set end values for nodes + if(!opt.elements.id) { + graph.eachNode(function(n) { + for(var prop in props) { + n.setData(prop, props[prop], 'end'); + } + }); + } else { + var ids = $.splat(opt.elements.id); + $.each(ids, function(id) { + var n = graph.getNode(id); + if(n) { + for(var prop in props) { + n.setData(prop, props[prop], 'end'); + } + } + }); + } + //get keys + var propnames = []; + for(var prop in props) propnames.push(prop); + //add node properties modes + var modes = ['node-property:' + propnames.join(':')]; + //set new node positions + if(opt.reposition) { + modes.push('linear'); + viz.compute('end'); + } + //animate + this.animate($.merge(opt, { + modes: modes, + type: 'nodefx' + })); + }, + + + /* + Method: plot + + Plots a . + + Parameters: + + opt - (optional) Plotting options. Most of them are described in . + + Example: + + (start code js) + var viz = new $jit.Viz(options); + viz.fx.plot(); + (end code) + + */ + plot: function(opt, animating) { + var viz = this.viz, + aGraph = viz.graph, + canvas = viz.canvas, + id = viz.root, + that = this, + ctx = canvas.getCtx(), + min = Math.min, + opt = opt || this.viz.controller; + opt.clearCanvas && canvas.clear(); + + var root = aGraph.getNode(id); + if(!root) return; + + var T = !!root.visited; + aGraph.eachNode(function(node) { + var nodeAlpha = node.getData('alpha'); + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T && node.drawn && nodeTo.drawn) { + !animating && opt.onBeforePlotLine(adj); + ctx.save(); + ctx.globalAlpha = min(nodeAlpha, + nodeTo.getData('alpha'), + adj.getData('alpha')); + that.plotLine(adj, canvas, animating); + ctx.restore(); + !animating && opt.onAfterPlotLine(adj); + } + }); + ctx.save(); + if(node.drawn) { + !animating && opt.onBeforePlotNode(node); + that.plotNode(node, canvas, animating); + !animating && opt.onAfterPlotNode(node); + } + if(!that.labelsHidden && opt.withLabels) { + if(node.drawn && nodeAlpha >= 0.95) { + that.labels.plotLabel(canvas, node, opt); + } else { + that.labels.hideLabel(node, false); + } + } + ctx.restore(); + node.visited = !T; + }); + }, + + /* + Plots a Subtree. + */ + plotTree: function(node, opt, animating) { + var that = this, + viz = this.viz, + canvas = viz.canvas, + config = this.config, + ctx = canvas.getCtx(); + var nodeAlpha = node.getData('alpha'); + node.eachSubnode(function(elem) { + if(opt.plotSubtree(node, elem) && elem.exist && elem.drawn) { + var adj = node.getAdjacency(elem.id); + !animating && opt.onBeforePlotLine(adj); + ctx.globalAlpha = Math.min(nodeAlpha, elem.getData('alpha')); + that.plotLine(adj, canvas, animating); + !animating && opt.onAfterPlotLine(adj); + that.plotTree(elem, opt, animating); + } + }); + if(node.drawn) { + !animating && opt.onBeforePlotNode(node); + this.plotNode(node, canvas, animating); + !animating && opt.onAfterPlotNode(node); + if(!opt.hideLabels && opt.withLabels && nodeAlpha >= 0.95) + this.labels.plotLabel(canvas, node, opt); + else + this.labels.hideLabel(node, false); + } else { + this.labels.hideLabel(node, true); + } + }, + + /* + Method: plotNode + + Plots a . + + Parameters: + + node - (object) A . + canvas - (object) A element. + + */ + plotNode: function(node, canvas, animating) { + var f = node.getData('type'), + ctxObj = this.node.CanvasStyles; + if(f != 'none') { + var width = node.getData('lineWidth'), + color = node.getData('color'), + alpha = node.getData('alpha'), + ctx = canvas.getCtx(); + + ctx.lineWidth = width; + ctx.fillStyle = ctx.strokeStyle = color; + ctx.globalAlpha = alpha; + + for(var s in ctxObj) { + ctx[s] = node.getCanvasStyle(s); + } + + this.nodeTypes[f].render.call(this, node, canvas, animating); + } + }, + + /* + Method: plotLine + + Plots a . + + Parameters: + + adj - (object) A . + canvas - (object) A instance. + + */ + plotLine: function(adj, canvas, animating) { + var f = adj.getData('type'), + ctxObj = this.edge.CanvasStyles; + if(f != 'none') { + var width = adj.getData('lineWidth'), + color = adj.getData('color'), + ctx = canvas.getCtx(); + + ctx.lineWidth = width; + ctx.fillStyle = ctx.strokeStyle = color; + + for(var s in ctxObj) { + ctx[s] = adj.getCanvasStyle(s); + } + + this.edgeTypes[f].render.call(this, adj, canvas, animating); + } + } + +}; + + + +/* + * File: Graph.Label.js + * +*/ + +/* + Object: Graph.Label + + An interface for plotting/hiding/showing labels. + + Description: + + This is a generic interface for plotting/hiding/showing labels. + The interface is implemented in multiple ways to provide + different label types. + + For example, the Graph.Label interface is implemented as to provide + HTML label elements. Also we provide the interface for SVG type labels. + The interface implements these methods with the native Canvas text rendering functions. + + All subclasses (, and ) implement the method plotLabel. +*/ + +Graph.Label = {}; + +/* + Class: Graph.Label.Native + + Implements labels natively, using the Canvas text API. +*/ +Graph.Label.Native = new Class({ + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + */ + plotLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var pos = node.pos.getc(true); + + ctx.font = node.getLabelData('style') + ' ' + node.getLabelData('size') + 'px ' + node.getLabelData('family'); + ctx.textAlign = node.getLabelData('textAlign'); + ctx.fillStyle = ctx.strokeStyle = node.getLabelData('color'); + ctx.textBaseline = node.getLabelData('textBaseline'); + + this.renderLabel(canvas, node, controller); + }, + + /* + renderLabel + + Does the actual rendering of the label in the canvas. The default + implementation renders the label close to the position of the node, this + method should be overriden to position the labels differently. + + Parameters: + + canvas - A instance. + node - A . + controller - A configuration object. See also , , . + */ + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var pos = node.pos.getc(true); + ctx.fillText(node.name, pos.x, pos.y + node.getData("height") / 2); + }, + + hideLabel: $.empty, + hideLabels: $.empty +}); + +/* + Class: Graph.Label.DOM + + Abstract Class implementing some DOM label methods. + + Implemented by: + + and . + +*/ +Graph.Label.DOM = new Class({ + //A flag value indicating if node labels are being displayed or not. + labelsHidden: false, + //Label container + labelContainer: false, + //Label elements hash. + labels: {}, + + /* + Method: getLabelContainer + + Lazy fetcher for the label container. + + Returns: + + The label container DOM element. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var labelContainer = viz.labels.getLabelContainer(); + alert(labelContainer.innerHTML); + (end code) + */ + getLabelContainer: function() { + return this.labelContainer ? + this.labelContainer : + this.labelContainer = document.getElementById(this.viz.config.labelContainer); + }, + + /* + Method: getLabel + + Lazy fetcher for the label element. + + Parameters: + + id - (string) The label id (which is also a id). + + Returns: + + The label element. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var label = viz.labels.getLabel('someid'); + alert(label.innerHTML); + (end code) + + */ + getLabel: function(id) { + return (id in this.labels && this.labels[id] != null) ? + this.labels[id] : + this.labels[id] = document.getElementById(id); + }, + + /* + Method: hideLabels + + Hides all labels (by hiding the label container). + + Parameters: + + hide - (boolean) A boolean value indicating if the label container must be hidden or not. + + Example: + (start code js) + var viz = new $jit.Viz(options); + rg.labels.hideLabels(true); + (end code) + + */ + hideLabels: function (hide) { + var container = this.getLabelContainer(); + if(hide) + container.style.display = 'none'; + else + container.style.display = ''; + this.labelsHidden = hide; + }, + + /* + Method: clearLabels + + Clears the label container. + + Useful when using a new visualization with the same canvas element/widget. + + Parameters: + + force - (boolean) Forces deletion of all labels. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.labels.clearLabels(); + (end code) + */ + clearLabels: function(force) { + for(var id in this.labels) { + if (force || !this.viz.graph.hasNode(id)) { + this.disposeLabel(id); + delete this.labels[id]; + } + } + }, + + /* + Method: disposeLabel + + Removes a label. + + Parameters: + + id - (string) A label id (which generally is also a id). + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.labels.disposeLabel('labelid'); + (end code) + */ + disposeLabel: function(id) { + var elem = this.getLabel(id); + if(elem && elem.parentNode) { + elem.parentNode.removeChild(elem); + } + }, + + /* + Method: hideLabel + + Hides the corresponding label. + + Parameters: + + node - (object) A . Can also be an array of . + show - (boolean) If *true*, nodes will be shown. Otherwise nodes will be hidden. + + Example: + (start code js) + var rg = new $jit.Viz(options); + viz.labels.hideLabel(viz.graph.getNode('someid'), false); + (end code) + */ + hideLabel: function(node, show) { + node = $.splat(node); + var st = show ? "" : "none", lab, that = this; + $.each(node, function(n) { + var lab = that.getLabel(n.id); + if (lab) { + lab.style.display = st; + } + }); + }, + + /* + fitsInCanvas + + Returns _true_ or _false_ if the label for the node is contained in the canvas dom element or not. + + Parameters: + + pos - A instance (I'm doing duck typing here so any object with _x_ and _y_ parameters will do). + canvas - A instance. + + Returns: + + A boolean value specifying if the label is contained in the DOM element or not. + + */ + fitsInCanvas: function(pos, canvas) { + var size = canvas.getSize(); + if(pos.x >= size.width || pos.x < 0 + || pos.y >= size.height || pos.y < 0) return false; + return true; + } +}); + +/* + Class: Graph.Label.HTML + + Implements HTML labels. + + Extends: + + All methods. + +*/ +Graph.Label.HTML = new Class({ + Implements: Graph.Label.DOM, + + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + + + */ + plotLabel: function(canvas, node, controller) { + var id = node.id, tag = this.getLabel(id); + + if(!tag && !(tag = document.getElementById(id))) { + tag = document.createElement('div'); + var container = this.getLabelContainer(); + tag.id = id; + tag.className = 'node'; + tag.style.position = 'absolute'; + controller.onCreateLabel(tag, node); + container.appendChild(tag); + this.labels[node.id] = tag; + } + + this.placeLabel(tag, node, controller); + } +}); + +/* + Class: Graph.Label.SVG + + Implements SVG labels. + + Extends: + + All methods. +*/ +Graph.Label.SVG = new Class({ + Implements: Graph.Label.DOM, + + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + + + */ + plotLabel: function(canvas, node, controller) { + var id = node.id, tag = this.getLabel(id); + if(!tag && !(tag = document.getElementById(id))) { + var ns = 'http://www.w3.org/2000/svg'; + tag = document.createElementNS(ns, 'svg:text'); + var tspan = document.createElementNS(ns, 'svg:tspan'); + tag.appendChild(tspan); + var container = this.getLabelContainer(); + tag.setAttribute('id', id); + tag.setAttribute('class', 'node'); + container.appendChild(tag); + controller.onCreateLabel(tag, node); + this.labels[node.id] = tag; + } + this.placeLabel(tag, node, controller); + } +}); + + + +Graph.Geom = new Class({ + + initialize: function(viz) { + this.viz = viz; + this.config = viz.config; + this.node = viz.config.Node; + this.edge = viz.config.Edge; + }, + /* + Applies a translation to the tree. + + Parameters: + + pos - A number specifying translation vector. + prop - A position property ('pos', 'start' or 'end'). + + Example: + + (start code js) + st.geom.translate(new Complex(300, 100), 'end'); + (end code) + */ + translate: function(pos, prop) { + prop = $.splat(prop); + this.viz.graph.eachNode(function(elem) { + $.each(prop, function(p) { elem.getPos(p).$add(pos); }); + }); + }, + /* + Hides levels of the tree until it properly fits in canvas. + */ + setRightLevelToShow: function(node, canvas, callback) { + var level = this.getRightLevelToShow(node, canvas), + fx = this.viz.labels, + opt = $.merge({ + execShow:true, + execHide:true, + onHide: $.empty, + onShow: $.empty + }, callback || {}); + node.eachLevel(0, this.config.levelsToShow, function(n) { + var d = n._depth - node._depth; + if(d > level) { + opt.onHide(n); + if(opt.execHide) { + n.drawn = false; + n.exist = false; + fx.hideLabel(n, false); + } + } else { + opt.onShow(n); + if(opt.execShow) { + n.exist = true; + } + } + }); + node.drawn= true; + }, + /* + Returns the right level to show for the current tree in order to fit in canvas. + */ + getRightLevelToShow: function(node, canvas) { + var config = this.config; + var level = config.levelsToShow; + var constrained = config.constrained; + if(!constrained) return level; + while(!this.treeFitsInCanvas(node, canvas, level) && level > 1) { level-- ; } + return level; + } +}); + +/* + * File: Loader.js + * + */ + +/* + Object: Loader + + Provides methods for loading and serving JSON data. +*/ +var Loader = { + construct: function(json) { + var isGraph = ($.type(json) == 'array'); + var ans = new Graph(this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); + if(!isGraph) + //make tree + (function (ans, json) { + ans.addNode(json); + if(json.children) { + for(var i=0, ch = json.children; i will override the general value for that option with that particular value. For this to work + however, you do have to set *overridable = true* in . + + The same thing is true for JSON adjacencies. Dollar prefixed data properties will alter values set in + if has *overridable = true*. + + When loading JSON data into TreeMaps, the *data* property must contain a value for the *$area* key, + since this is the value which will be taken into account when creating the layout. + The same thing goes for the *$color* parameter. + + In JSON Nodes you can use also *$label-* prefixed properties to refer to properties. For example, + *$label-size* will refer to size property. Also, in JSON nodes and adjacencies you can set + canvas specific properties individually by using the *$canvas-* prefix. For example, *$canvas-shadowBlur* will refer + to the *shadowBlur* property. + + These properties can also be accessed after loading the JSON data from and + by using . For more information take a look at the and documentation. + + Finally, these properties can also be used to create advanced animations like with . For more + information about creating animations please take a look at the and documentation. + + loadJSON Parameters: + + json - A JSON Tree or Graph structure. + i - For Graph structures only. Sets the indexed node as root for the visualization. + + */ + loadJSON: function(json, i) { + this.json = json; + //if they're canvas labels erase them. + if(this.labels && this.labels.clearLabels) { + this.labels.clearLabels(true); + } + this.graph = this.construct(json); + if($.type(json) != 'array'){ + this.root = json.id; + } else { + this.root = json[i? i : 0].id; + } + }, + + /* + Method: toJSON + + Returns a JSON tree/graph structure from the visualization's . + See for the graph formats available. + + See also: + + + + Parameters: + + type - (string) Default's "tree". The type of the JSON structure to be returned. + Possible options are "tree" or "graph". + */ + toJSON: function(type) { + type = type || "tree"; + if(type == 'tree') { + var ans = {}; + var rootNode = this.graph.getNode(this.root); + var ans = (function recTree(node) { + var ans = {}; + ans.id = node.id; + ans.name = node.name; + ans.data = node.data; + var ch =[]; + node.eachSubnode(function(n) { + ch.push(recTree(n)); + }); + ans.children = ch; + return ans; + })(rootNode); + return ans; + } else { + var ans = []; + var T = !!this.graph.getNode(this.root).visited; + this.graph.eachNode(function(node) { + var ansNode = {}; + ansNode.id = node.id; + ansNode.name = node.name; + ansNode.data = node.data; + var adjs = []; + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T) { + var ansAdj = {}; + ansAdj.nodeTo = nodeTo.id; + ansAdj.data = adj.data; + adjs.push(ansAdj); + } + }); + ansNode.adjacencies = adjs; + ans.push(ansNode); + node.visited = !T; + }); + return ans; + } + } +}; + + + +/* + * File: Layouts.js + * + * Implements base Tree and Graph layouts. + * + * Description: + * + * Implements base Tree and Graph layouts like Radial, Tree, etc. + * + */ + +/* + * Object: Layouts + * + * Parent object for common layouts. + * + */ +var Layouts = $jit.Layouts = {}; + + +//Some util shared layout functions are defined here. +var NodeDim = { + label: null, + + compute: function(graph, prop, opt) { + this.initializeLabel(opt); + var label = this.label, style = label.style; + graph.eachNode(function(n) { + var autoWidth = n.getData('autoWidth'), + autoHeight = n.getData('autoHeight'); + if(autoWidth || autoHeight) { + //delete dimensions since these are + //going to be overridden now. + delete n.data.$width; + delete n.data.$height; + delete n.data.$dim; + + var width = n.getData('width'), + height = n.getData('height'); + //reset label dimensions + style.width = autoWidth? 'auto' : width + 'px'; + style.height = autoHeight? 'auto' : height + 'px'; + + //TODO(nico) should let the user choose what to insert here. + label.innerHTML = n.name; + + var offsetWidth = label.offsetWidth, + offsetHeight = label.offsetHeight; + var type = n.getData('type'); + if($.indexOf(['circle', 'square', 'triangle', 'star'], type) === -1) { + n.setData('width', offsetWidth); + n.setData('height', offsetHeight); + } else { + var dim = offsetWidth > offsetHeight? offsetWidth : offsetHeight; + n.setData('width', dim); + n.setData('height', dim); + n.setData('dim', dim); + } + } + }); + }, + + initializeLabel: function(opt) { + if(!this.label) { + this.label = document.createElement('div'); + document.body.appendChild(this.label); + } + this.setLabelStyles(opt); + }, + + setLabelStyles: function(opt) { + $.extend(this.label.style, { + 'visibility': 'hidden', + 'position': 'absolute', + 'width': 'auto', + 'height': 'auto' + }); + this.label.className = 'jit-autoadjust-label'; + } +}; + + +/* + * Class: Layouts.Tree + * + * Implements a Tree Layout. + * + * Implemented By: + * + * + * + * Inspired by: + * + * Drawing Trees (Andrew J. Kennedy) + * + */ +Layouts.Tree = (function() { + //Layout functions + var slice = Array.prototype.slice; + + /* + Calculates the max width and height nodes for a tree level + */ + function getBoundaries(graph, config, level, orn, prop) { + var dim = config.Node; + var multitree = config.multitree; + if (dim.overridable) { + var w = -1, h = -1; + graph.eachNode(function(n) { + if (n._depth == level + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + var dw = n.getData('width', prop); + var dh = n.getData('height', prop); + w = (w < dw) ? dw : w; + h = (h < dh) ? dh : h; + } + }); + return { + 'width' : w < 0 ? dim.width : w, + 'height' : h < 0 ? dim.height : h + }; + } else { + return dim; + } + } + + + function movetree(node, prop, val, orn) { + var p = (orn == "left" || orn == "right") ? "y" : "x"; + node.getPos(prop)[p] += val; + } + + + function moveextent(extent, val) { + var ans = []; + $.each(extent, function(elem) { + elem = slice.call(elem); + elem[0] += val; + elem[1] += val; + ans.push(elem); + }); + return ans; + } + + + function merge(ps, qs) { + if (ps.length == 0) + return qs; + if (qs.length == 0) + return ps; + var p = ps.shift(), q = qs.shift(); + return [ [ p[0], q[1] ] ].concat(merge(ps, qs)); + } + + + function mergelist(ls, def) { + def = def || []; + if (ls.length == 0) + return def; + var ps = ls.pop(); + return mergelist(ls, merge(ps, def)); + } + + + function fit(ext1, ext2, subtreeOffset, siblingOffset, i) { + if (ext1.length <= i || ext2.length <= i) + return 0; + + var p = ext1[i][1], q = ext2[i][0]; + return Math.max(fit(ext1, ext2, subtreeOffset, siblingOffset, ++i) + + subtreeOffset, p - q + siblingOffset); + } + + + function fitlistl(es, subtreeOffset, siblingOffset) { + function $fitlistl(acc, es, i) { + if (es.length <= i) + return []; + var e = es[i], ans = fit(acc, e, subtreeOffset, siblingOffset, 0); + return [ ans ].concat($fitlistl(merge(acc, moveextent(e, ans)), es, ++i)); + } + ; + return $fitlistl( [], es, 0); + } + + + function fitlistr(es, subtreeOffset, siblingOffset) { + function $fitlistr(acc, es, i) { + if (es.length <= i) + return []; + var e = es[i], ans = -fit(e, acc, subtreeOffset, siblingOffset, 0); + return [ ans ].concat($fitlistr(merge(moveextent(e, ans), acc), es, ++i)); + } + ; + es = slice.call(es); + var ans = $fitlistr( [], es.reverse(), 0); + return ans.reverse(); + } + + + function fitlist(es, subtreeOffset, siblingOffset, align) { + var esl = fitlistl(es, subtreeOffset, siblingOffset), esr = fitlistr(es, + subtreeOffset, siblingOffset); + + if (align == "left") + esr = esl; + else if (align == "right") + esl = esr; + + for ( var i = 0, ans = []; i < esl.length; i++) { + ans[i] = (esl[i] + esr[i]) / 2; + } + return ans; + } + + + function design(graph, node, prop, config, orn) { + var multitree = config.multitree; + var auxp = [ 'x', 'y' ], auxs = [ 'width', 'height' ]; + var ind = +(orn == "left" || orn == "right"); + var p = auxp[ind], notp = auxp[1 - ind]; + + var cnode = config.Node; + var s = auxs[ind], nots = auxs[1 - ind]; + + var siblingOffset = config.siblingOffset; + var subtreeOffset = config.subtreeOffset; + var align = config.align; + + function $design(node, maxsize, acum) { + var sval = node.getData(s, prop); + var notsval = maxsize + || (node.getData(nots, prop)); + + var trees = [], extents = [], chmaxsize = false; + var chacum = notsval + config.levelDistance; + node.eachSubnode(function(n) { + if (n.exist + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + + if (!chmaxsize) + chmaxsize = getBoundaries(graph, config, n._depth, orn, prop); + + var s = $design(n, chmaxsize[nots], acum + chacum); + trees.push(s.tree); + extents.push(s.extent); + } + }); + var positions = fitlist(extents, subtreeOffset, siblingOffset, align); + for ( var i = 0, ptrees = [], pextents = []; i < trees.length; i++) { + movetree(trees[i], prop, positions[i], orn); + pextents.push(moveextent(extents[i], positions[i])); + } + var resultextent = [ [ -sval / 2, sval / 2 ] ] + .concat(mergelist(pextents)); + node.getPos(prop)[p] = 0; + + if (orn == "top" || orn == "left") { + node.getPos(prop)[notp] = acum; + } else { + node.getPos(prop)[notp] = -acum; + } + + return { + tree : node, + extent : resultextent + }; + } + + $design(node, false, 0); + } + + + return new Class({ + /* + Method: compute + + Computes nodes' positions. + + */ + compute : function(property, computeLevels) { + var prop = property || 'start'; + var node = this.graph.getNode(this.root); + $.extend(node, { + 'drawn' : true, + 'exist' : true, + 'selected' : true + }); + NodeDim.compute(this.graph, prop, this.config); + if (!!computeLevels || !("_depth" in node)) { + this.graph.computeLevels(this.root, 0, "ignore"); + } + + this.computePositions(node, prop); + }, + + computePositions : function(node, prop) { + var config = this.config; + var multitree = config.multitree; + var align = config.align; + var indent = align !== 'center' && config.indent; + var orn = config.orientation; + var orns = multitree ? [ 'top', 'right', 'bottom', 'left' ] : [ orn ]; + var that = this; + $.each(orns, function(orn) { + //calculate layout + design(that.graph, node, prop, that.config, orn, prop); + var i = [ 'x', 'y' ][+(orn == "left" || orn == "right")]; + //absolutize + (function red(node) { + node.eachSubnode(function(n) { + if (n.exist + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + + n.getPos(prop)[i] += node.getPos(prop)[i]; + if (indent) { + n.getPos(prop)[i] += align == 'left' ? indent : -indent; + } + red(n); + } + }); + })(node); + }); + } + }); + +})(); + +/* + * File: Spacetree.js + */ + +/* + Class: ST + + A Tree layout with advanced contraction and expansion animations. + + Inspired by: + + SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation (Catherine Plaisant, Jesse Grosjean, Benjamin B. Bederson) + + + Drawing Trees (Andrew J. Kennedy) + + Note: + + This visualization was built and engineered from scratch, taking only the papers as inspiration, and only shares some features with the visualization described in those papers. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + constrained - (boolean) Default's *true*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *2*. The number of levels to show for a subtree. This number is relative to the selected node. + levelDistance - (number) Default's *30*. The distance between two consecutive levels of the tree. + Node.type - Described in . Default's set to *rectangle*. + offsetX - (number) Default's *0*. The x-offset distance from the selected node to the center of the canvas. + offsetY - (number) Default's *0*. The y-offset distance from the selected node to the center of the canvas. + duration - Described in . It's default value has been changed to *700*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + + */ + +$jit.ST= (function() { + // Define some private methods first... + // Nodes in path + var nodesInPath = []; + // Nodes to contract + function getNodesToHide(node) { + node = node || this.clickedNode; + if(!this.config.constrained) { + return []; + } + var Geom = this.geom; + var graph = this.graph; + var canvas = this.canvas; + var level = node._depth, nodeArray = []; + graph.eachNode(function(n) { + if(n.exist && !n.selected) { + if(n.isDescendantOf(node.id)) { + if(n._depth <= level) nodeArray.push(n); + } else { + nodeArray.push(n); + } + } + }); + var leafLevel = Geom.getRightLevelToShow(node, canvas); + node.eachLevel(leafLevel, leafLevel, function(n) { + if(n.exist && !n.selected) nodeArray.push(n); + }); + + for (var i = 0; i < nodesInPath.length; i++) { + var n = this.graph.getNode(nodesInPath[i]); + if(!n.isDescendantOf(node.id)) { + nodeArray.push(n); + } + } + return nodeArray; + }; + // Nodes to expand + function getNodesToShow(node) { + var nodeArray = [], config = this.config; + node = node || this.clickedNode; + this.clickedNode.eachLevel(0, config.levelsToShow, function(n) { + if(config.multitree && !('$orn' in n.data) + && n.anySubnode(function(ch){ return ch.exist && !ch.drawn; })) { + nodeArray.push(n); + } else if(n.drawn && !n.anySubnode("drawn")) { + nodeArray.push(n); + } + }); + return nodeArray; + }; + // Now define the actual class. + return new Class({ + + Implements: [Loader, Extras, Layouts.Tree], + + initialize: function(controller) { + var $ST = $jit.ST; + + var config= { + levelsToShow: 2, + levelDistance: 30, + constrained: true, + Node: { + type: 'rectangle' + }, + duration: 700, + offsetX: 0, + offsetY: 0 + }; + + this.controller = this.config = $.merge( + Options("Canvas", "Fx", "Tree", "Node", "Edge", "Controller", + "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': true + }; + this.graph = new Graph(this.graphOptions, this.config.Node, this.config.Edge); + this.labels = new $ST.Label[canvasConfig.Label.type](this); + this.fx = new $ST.Plot(this, $ST); + this.op = new $ST.Op(this); + this.group = new $ST.Group(this); + this.geom = new $ST.Geom(this); + this.clickedNode= null; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: plot + + Plots the . This is a shortcut to *fx.plot*. + + */ + plot: function() { this.fx.plot(this.controller); }, + + + /* + Method: switchPosition + + Switches the tree orientation. + + Parameters: + + pos - (string) The new tree orientation. Possible values are "top", "left", "right" and "bottom". + method - (string) Set this to "animate" if you want to animate the tree when switching its position. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) This callback is called once the "switching" animation is complete. + + Example: + + (start code js) + st.switchPosition("right", "animate", { + onComplete: function() { + alert('completed!'); + } + }); + (end code) + */ + switchPosition: function(pos, method, onComplete) { + var Geom = this.geom, Plot = this.fx, that = this; + if(!Plot.busy) { + Plot.busy = true; + this.contract({ + onComplete: function() { + Geom.switchOrientation(pos); + that.compute('end', false); + Plot.busy = false; + if(method == 'animate') { + that.onClick(that.clickedNode.id, onComplete); + } else if(method == 'replot') { + that.select(that.clickedNode.id, onComplete); + } + } + }, pos); + } + }, + + /* + Method: switchAlignment + + Switches the tree alignment. + + Parameters: + + align - (string) The new tree alignment. Possible values are "left", "center" and "right". + method - (string) Set this to "animate" if you want to animate the tree after aligning its position. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) This callback is called once the "switching" animation is complete. + + Example: + + (start code js) + st.switchAlignment("right", "animate", { + onComplete: function() { + alert('completed!'); + } + }); + (end code) + */ + switchAlignment: function(align, method, onComplete) { + this.config.align = align; + if(method == 'animate') { + this.select(this.clickedNode.id, onComplete); + } else if(method == 'replot') { + this.onClick(this.clickedNode.id, onComplete); + } + }, + + /* + Method: addNodeInPath + + Adds a node to the current path as selected node. The selected node will be visible (as in non-collapsed) at all times. + + + Parameters: + + id - (string) A id. + + Example: + + (start code js) + st.addNodeInPath("nodeId"); + (end code) + */ + addNodeInPath: function(id) { + nodesInPath.push(id); + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + /* + Method: clearNodesInPath + + Removes all nodes tagged as selected by the method. + + See also: + + + + Example: + + (start code js) + st.clearNodesInPath(); + (end code) + */ + clearNodesInPath: function(id) { + nodesInPath.length = 0; + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function() { + this.reposition(); + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + reposition: function() { + this.graph.computeLevels(this.root, 0, "ignore"); + this.geom.setRightLevelToShow(this.clickedNode, this.canvas); + this.graph.eachNode(function(n) { + if(n.exist) n.drawn = true; + }); + this.compute('end'); + }, + + requestNodes: function(node, onComplete) { + var handler = $.merge(this.controller, onComplete), + lev = this.config.levelsToShow; + if(handler.request) { + var leaves = [], d = node._depth; + node.eachLevel(0, lev, function(n) { + if(n.drawn && + !n.anySubnode()) { + leaves.push(n); + n._level = lev - (n._depth - d); + } + }); + this.group.requestNodes(leaves, handler); + } + else + handler.onComplete(); + }, + + contract: function(onComplete, switched) { + var orn = this.config.orientation; + var Geom = this.geom, Group = this.group; + if(switched) Geom.switchOrientation(switched); + var nodes = getNodesToHide.call(this); + if(switched) Geom.switchOrientation(orn); + Group.contract(nodes, $.merge(this.controller, onComplete)); + }, + + move: function(node, onComplete) { + this.compute('end', false); + var move = onComplete.Move, offset = { + 'x': move.offsetX, + 'y': move.offsetY + }; + if(move.enable) { + this.geom.translate(node.endPos.add(offset).$scale(-1), "end"); + } + this.fx.animate($.merge(this.controller, { modes: ['linear'] }, onComplete)); + }, + + expand: function (node, onComplete) { + var nodeArray = getNodesToShow.call(this, node); + this.group.expand(nodeArray, $.merge(this.controller, onComplete)); + }, + + selectPath: function(node) { + var that = this; + this.graph.eachNode(function(n) { n.selected = false; }); + function path(node) { + if(node == null || node.selected) return; + node.selected = true; + $.each(that.group.getSiblings([node])[node.id], + function(n) { + n.exist = true; + n.drawn = true; + }); + var parents = node.getParents(); + parents = (parents.length > 0)? parents[0] : null; + path(parents); + }; + for(var i=0, ns = [node.id].concat(nodesInPath); i < ns.length; i++) { + path(this.graph.getNode(ns[i])); + } + }, + + /* + Method: setRoot + + Switches the current root node. Changes the topology of the Tree. + + Parameters: + id - (string) The id of the node to be set as root. + method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.setRoot('nodeId', 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + setRoot: function(id, method, onComplete) { + if(this.busy) return; + this.busy = true; + var that = this, canvas = this.canvas; + var rootNode = this.graph.getNode(this.root); + var clickedNode = this.graph.getNode(id); + function $setRoot() { + if(this.config.multitree && clickedNode.data.$orn) { + var orn = clickedNode.data.$orn; + var opp = { + 'left': 'right', + 'right': 'left', + 'top': 'bottom', + 'bottom': 'top' + }[orn]; + rootNode.data.$orn = opp; + (function tag(rootNode) { + rootNode.eachSubnode(function(n) { + if(n.id != id) { + n.data.$orn = opp; + tag(n); + } + }); + })(rootNode); + delete clickedNode.data.$orn; + } + this.root = id; + this.clickedNode = clickedNode; + this.graph.computeLevels(this.root, 0, "ignore"); + this.geom.setRightLevelToShow(clickedNode, canvas, { + execHide: false, + onShow: function(node) { + if(!node.drawn) { + node.drawn = true; + node.setData('alpha', 1, 'end'); + node.setData('alpha', 0); + node.pos.setc(clickedNode.pos.x, clickedNode.pos.y); + } + } + }); + this.compute('end'); + this.busy = true; + this.fx.animate({ + modes: ['linear', 'node-property:alpha'], + onComplete: function() { + that.busy = false; + that.onClick(id, { + onComplete: function() { + onComplete && onComplete.onComplete(); + } + }); + } + }); + } + + // delete previous orientations (if any) + delete rootNode.data.$orns; + + if(method == 'animate') { + $setRoot.call(this); + that.selectPath(clickedNode); + } else if(method == 'replot') { + $setRoot.call(this); + this.select(this.root); + } + }, + + /* + Method: addSubtree + + Adds a subtree. + + Parameters: + subtree - (object) A JSON Tree object. See also . + method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.addSubtree(json, 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + addSubtree: function(subtree, method, onComplete) { + if(method == 'replot') { + this.op.sum(subtree, $.extend({ type: 'replot' }, onComplete || {})); + } else if (method == 'animate') { + this.op.sum(subtree, $.extend({ type: 'fade:seq' }, onComplete || {})); + } + }, + + /* + Method: removeSubtree + + Removes a subtree. + + Parameters: + id - (string) The _id_ of the subtree to be removed. + removeRoot - (boolean) Default's *false*. Remove the root of the subtree or only its subnodes. + method - (string) Set this to "animate" if you want to animate the tree after removing the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.removeSubtree('idOfSubtreeToBeRemoved', false, 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + + */ + removeSubtree: function(id, removeRoot, method, onComplete) { + var node = this.graph.getNode(id), subids = []; + node.eachLevel(+!removeRoot, false, function(n) { + subids.push(n.id); + }); + if(method == 'replot') { + this.op.removeNode(subids, $.extend({ type: 'replot' }, onComplete || {})); + } else if (method == 'animate') { + this.op.removeNode(subids, $.extend({ type: 'fade:seq'}, onComplete || {})); + } + }, + + /* + Method: select + + Selects a node in the without performing an animation. Useful when selecting + nodes which are currently hidden or deep inside the tree. + + Parameters: + id - (string) The id of the node to select. + onComplete - (optional|object) an onComplete callback. + + Example: + (start code js) + st.select('mynodeid', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + select: function(id, onComplete) { + var group = this.group, geom = this.geom; + var node= this.graph.getNode(id), canvas = this.canvas; + var root = this.graph.getNode(this.root); + var complete = $.merge(this.controller, onComplete); + var that = this; + + complete.onBeforeCompute(node); + this.selectPath(node); + this.clickedNode= node; + this.requestNodes(node, { + onComplete: function(){ + group.hide(group.prepare(getNodesToHide.call(that)), complete); + geom.setRightLevelToShow(node, canvas); + that.compute("current"); + that.graph.eachNode(function(n) { + var pos = n.pos.getc(true); + n.startPos.setc(pos.x, pos.y); + n.endPos.setc(pos.x, pos.y); + n.visited = false; + }); + var offset = { x: complete.offsetX, y: complete.offsetY }; + that.geom.translate(node.endPos.add(offset).$scale(-1), ["start", "current", "end"]); + group.show(getNodesToShow.call(that)); + that.plot(); + complete.onAfterCompute(that.clickedNode); + complete.onComplete(); + } + }); + }, + + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - (string) A node id. + options - (optional|object) A group of options and callbacks described below. + onComplete - (object) An object callback called when the animation finishes. + Move - (object) An object that has as properties _offsetX_ or _offsetY_ for adding some offset position to the centered node. + + Example: + + (start code js) + st.onClick('mynodeid', { + Move: { + enable: true, + offsetX: 30, + offsetY: 5 + }, + onComplete: function() { + alert('yay!'); + } + }); + (end code) + + */ + onClick: function (id, options) { + var canvas = this.canvas, that = this, Geom = this.geom, config = this.config; + var innerController = { + Move: { + enable: true, + offsetX: config.offsetX || 0, + offsetY: config.offsetY || 0 + }, + setRightLevelToShowConfig: false, + onBeforeRequest: $.empty, + onBeforeContract: $.empty, + onBeforeMove: $.empty, + onBeforeExpand: $.empty + }; + var complete = $.merge(this.controller, innerController, options); + + if(!this.busy) { + this.busy = true; + var node = this.graph.getNode(id); + this.selectPath(node, this.clickedNode); + this.clickedNode = node; + complete.onBeforeCompute(node); + complete.onBeforeRequest(node); + this.requestNodes(node, { + onComplete: function() { + complete.onBeforeContract(node); + that.contract({ + onComplete: function() { + Geom.setRightLevelToShow(node, canvas, complete.setRightLevelToShowConfig); + complete.onBeforeMove(node); + that.move(node, { + Move: complete.Move, + onComplete: function() { + complete.onBeforeExpand(node); + that.expand(node, { + onComplete: function() { + that.busy = false; + complete.onAfterCompute(id); + complete.onComplete(); + } + }); // expand + } + }); // move + } + });// contract + } + });// request + } + } + }); + +})(); + +$jit.ST.$extend = true; + +/* + Class: ST.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + +*/ +$jit.ST.Op = new Class({ + + Implements: Graph.Op + +}); + +/* + + Performs operations on group of nodes. + +*/ +$jit.ST.Group = new Class({ + + initialize: function(viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + this.animation = new Animation; + this.nodes = null; + }, + + /* + + Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller) { + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function() { controller.onComplete(); }; + var viz = this.viz; + if(len == 0) complete(); + for(var i=0; i= b._depth); }); + for(var i=0; i 0 + && n.drawn) { + n.drawn = false; + nds[node.id].push(n); + } else if((!root || !orns) && n.drawn) { + n.drawn = false; + nds[node.id].push(n); + } + }); + node.drawn = true; + } + // plot the whole (non-scaled) tree + if(nodes.length > 0) viz.fx.plot(); + // show nodes that were previously hidden + for(i in nds) { + $.each(nds[i], function(n) { n.drawn = true; }); + } + // plot each scaled subtree + for(i=0; i method + (end code) + +*/ + +$jit.ST.Geom = new Class({ + Implements: Graph.Geom, + /* + Changes the tree current orientation to the one specified. + + You should usually use instead. + */ + switchOrientation: function(orn) { + this.config.orientation = orn; + }, + + /* + Makes a value dispatch according to the current layout + Works like a CSS property, either _top-right-bottom-left_ or _top|bottom - left|right_. + */ + dispatch: function() { + // TODO(nico) should store Array.prototype.slice.call somewhere. + var args = Array.prototype.slice.call(arguments); + var s = args.shift(), len = args.length; + var val = function(a) { return typeof a == 'function'? a() : a; }; + if(len == 2) { + return (s == "top" || s == "bottom")? val(args[0]) : val(args[1]); + } else if(len == 4) { + switch(s) { + case "top": return val(args[0]); + case "right": return val(args[1]); + case "bottom": return val(args[2]); + case "left": return val(args[3]); + } + } + return undefined; + }, + + /* + Returns label height or with, depending on the tree current orientation. + */ + getSize: function(n, invert) { + var data = n.data, config = this.config; + var siblingOffset = config.siblingOffset; + var s = (config.multitree + && ('$orn' in data) + && data.$orn) || config.orientation; + var w = n.getData('width') + siblingOffset; + var h = n.getData('height') + siblingOffset; + if(!invert) + return this.dispatch(s, h, w); + else + return this.dispatch(s, w, h); + }, + + /* + Calculates a subtree base size. This is an utility function used by _getBaseSize_ + */ + getTreeBaseSize: function(node, level, leaf) { + var size = this.getSize(node, true), baseHeight = 0, that = this; + if(leaf(level, node)) return size; + if(level === 0) return 0; + node.eachSubnode(function(elem) { + baseHeight += that.getTreeBaseSize(elem, level -1, leaf); + }); + return (size > baseHeight? size : baseHeight) + this.config.subtreeOffset; + }, + + + /* + getEdge + + Returns a Complex instance with the begin or end position of the edge to be plotted. + + Parameters: + + node - A that is connected to this edge. + type - Returns the begin or end edge position. Possible values are 'begin' or 'end'. + + Returns: + + A number specifying the begin or end position. + */ + getEdge: function(node, type, s) { + var $C = function(a, b) { + return function(){ + return node.pos.add(new Complex(a, b)); + }; + }; + var dim = this.node; + var w = node.getData('width'); + var h = node.getData('height'); + + if(type == 'begin') { + if(dim.align == "center") { + return this.dispatch(s, $C(0, h/2), $C(-w/2, 0), + $C(0, -h/2),$C(w/2, 0)); + } else if(dim.align == "left") { + return this.dispatch(s, $C(0, h), $C(0, 0), + $C(0, 0), $C(w, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, 0), $C(-w, 0), + $C(0, -h),$C(0, 0)); + } else throw "align: not implemented"; + + + } else if(type == 'end') { + if(dim.align == "center") { + return this.dispatch(s, $C(0, -h/2), $C(w/2, 0), + $C(0, h/2), $C(-w/2, 0)); + } else if(dim.align == "left") { + return this.dispatch(s, $C(0, 0), $C(w, 0), + $C(0, h), $C(0, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, -h),$C(0, 0), + $C(0, 0), $C(-w, 0)); + } else throw "align: not implemented"; + } + }, + + /* + Adjusts the tree position due to canvas scaling or translation. + */ + getScaledTreePosition: function(node, scale) { + var dim = this.node; + var w = node.getData('width'); + var h = node.getData('height'); + var s = (this.config.multitree + && ('$orn' in node.data) + && node.data.$orn) || this.config.orientation; + + var $C = function(a, b) { + return function(){ + return node.pos.add(new Complex(a, b)).$scale(1 - scale); + }; + }; + if(dim.align == "left") { + return this.dispatch(s, $C(0, h), $C(0, 0), + $C(0, 0), $C(w, 0)); + } else if(dim.align == "center") { + return this.dispatch(s, $C(0, h / 2), $C(-w / 2, 0), + $C(0, -h / 2),$C(w / 2, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, 0), $C(-w, 0), + $C(0, -h),$C(0, 0)); + } else throw "align: not implemented"; + }, + + /* + treeFitsInCanvas + + Returns a Boolean if the current subtree fits in canvas. + + Parameters: + + node - A which is the current root of the subtree. + canvas - The object. + level - The depth of the subtree to be considered. + */ + treeFitsInCanvas: function(node, canvas, level) { + var csize = canvas.getSize(); + var s = (this.config.multitree + && ('$orn' in node.data) + && node.data.$orn) || this.config.orientation; + + var size = this.dispatch(s, csize.width, csize.height); + var baseSize = this.getTreeBaseSize(node, level, function(level, node) { + return level === 0 || !node.anySubnode(); + }); + return (baseSize < size); + } +}); + +/* + Class: ST.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + +*/ +$jit.ST.Plot = new Class({ + + Implements: Graph.Plot, + + /* + Plots a subtree from the spacetree. + */ + plotSubtree: function(node, opt, scale, animating) { + var viz = this.viz, canvas = viz.canvas, config = viz.config; + scale = Math.min(Math.max(0.001, scale), 1); + if(scale >= 0) { + node.drawn = false; + var ctx = canvas.getCtx(); + var diff = viz.geom.getScaledTreePosition(node, scale); + ctx.translate(diff.x, diff.y); + ctx.scale(scale, scale); + } + this.plotTree(node, $.merge(opt, { + 'withLabels': true, + 'hideLabels': !!scale, + 'plotSubtree': function(n, ch) { + var root = config.multitree && !('$orn' in node.data); + var orns = root && node.getData('orns'); + return !root || orns.indexOf(elem.getData('orn')) > -1; + } + }), animating); + if(scale >= 0) node.drawn = true; + }, + + /* + Method: getAlignedPos + + Returns a *x, y* object with the position of the top/left corner of a node. + + Parameters: + + pos - (object) A position. + width - (number) The width of the node. + height - (number) The height of the node. + + */ + getAlignedPos: function(pos, width, height) { + var nconfig = this.node; + var square, orn; + if(nconfig.align == "center") { + square = { + x: pos.x - width / 2, + y: pos.y - height / 2 + }; + } else if (nconfig.align == "left") { + orn = this.config.orientation; + if(orn == "bottom" || orn == "top") { + square = { + x: pos.x - width / 2, + y: pos.y + }; + } else { + square = { + x: pos.x, + y: pos.y - height / 2 + }; + } + } else if(nconfig.align == "right") { + orn = this.config.orientation; + if(orn == "bottom" || orn == "top") { + square = { + x: pos.x - width / 2, + y: pos.y - height + }; + } else { + square = { + x: pos.x - width, + y: pos.y - height / 2 + }; + } + } else throw "align: not implemented"; + + return square; + }, + + getOrientation: function(adj) { + var config = this.config; + var orn = config.orientation; + + if(config.multitree) { + var nodeFrom = adj.nodeFrom; + var nodeTo = adj.nodeTo; + orn = (('$orn' in nodeFrom.data) + && nodeFrom.data.$orn) + || (('$orn' in nodeTo.data) + && nodeTo.data.$orn); + } + + return orn; + } +}); + +/* + Class: ST.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + */ +$jit.ST.Label = {}; + +/* + ST.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.ST.Label.Native = new Class({ + Implements: Graph.Label.Native, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var coord = node.pos.getc(true); + ctx.fillText(node.name, coord.x, coord.y); + } +}); + +$jit.ST.Label.DOM = new Class({ + Implements: Graph.Label.DOM, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + config = this.viz.config, + dim = config.Node, + canvas = this.viz.canvas, + w = node.getData('width'), + h = node.getData('height'), + radius = canvas.getSize(), + labelPos, orn; + + var ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + posx = pos.x * sx + ox, + posy = pos.y * sy + oy; + + if(dim.align == "center") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } else if (dim.align == "left") { + orn = config.orientation; + if(orn == "bottom" || orn == "top") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy + radius.height/2) + }; + } else { + labelPos= { + x: Math.round(posx + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } + } else if(dim.align == "right") { + orn = config.orientation; + if(orn == "bottom" || orn == "top") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy - h + radius.height/2) + }; + } else { + labelPos= { + x: Math.round(posx - w + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } + } else throw "align: not implemented"; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; + controller.onPlaceLabel(tag, node); + } +}); + +/* + ST.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.ST.Label.SVG = new Class({ + Implements: [$jit.ST.Label.DOM, Graph.Label.SVG], + + initialize: function(viz) { + this.viz = viz; + } +}); + +/* + ST.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + +*/ +$jit.ST.Label.HTML = new Class({ + Implements: [$jit.ST.Label.DOM, Graph.Label.HTML], + + initialize: function(viz) { + this.viz = viz; + } +}); + + +/* + Class: ST.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'rectangle', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + ST.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + +*/ +$jit.ST.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas) { + var dim = node.getData('dim'), + pos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.circle.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.circle.contains({x:npos.x+dim2, y:npos.y+dim2}, dim2); + } + }, + 'square': { + 'render': function(node, canvas) { + var dim = node.getData('dim'), + dim2 = dim/2, + pos = this.getAlignedPos(node.pos.getc(true), dim, dim); + this.nodeHelper.square.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.square.contains({x:npos.x+dim2, y:npos.y+dim2}, dim2); + } + }, + 'ellipse': { + 'render': function(node, canvas) { + var width = node.getData('width'), + height = node.getData('height'), + pos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.ellipse.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.ellipse.contains({x:npos.x+width/2, y:npos.y+height/2}, width, height, canvas); + } + }, + 'rectangle': { + 'render': function(node, canvas) { + var width = node.getData('width'), + height = node.getData('height'), + pos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.rectangle.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.rectangle.contains({x:npos.x+width/2, y:npos.y+height/2}, width, height, canvas); + } + } +}); + +/* + Class: ST.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line', 'arrow', 'quadratic:begin', 'quadratic:end', 'bezier'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + ST.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + +*/ +$jit.ST.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + node = adj.nodeFrom, + child = adj.nodeTo, + dim = adj.getData('dim'), + from = this.viz.geom.getEdge(node, 'begin', orn), + to = this.viz.geom.getEdge(child, 'end', orn), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != node.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + }, + 'quadratic:begin': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj); + var nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.quadraticCurveTo(begin.x + dim, begin.y, end.x, end.y); + break; + case "right": + ctx.quadraticCurveTo(begin.x - dim, begin.y, end.x, end.y); + break; + case "top": + ctx.quadraticCurveTo(begin.x, begin.y + dim, end.x, end.y); + break; + case "bottom": + ctx.quadraticCurveTo(begin.x, begin.y - dim, end.x, end.y); + break; + } + ctx.stroke(); + } + }, + 'quadratic:end': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj); + var nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.quadraticCurveTo(end.x - dim, end.y, end.x, end.y); + break; + case "right": + ctx.quadraticCurveTo(end.x + dim, end.y, end.x, end.y); + break; + case "top": + ctx.quadraticCurveTo(end.x, end.y - dim, end.x, end.y); + break; + case "bottom": + ctx.quadraticCurveTo(end.x, end.y + dim, end.x, end.y); + break; + } + ctx.stroke(); + } + }, + 'bezier': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.bezierCurveTo(begin.x + dim, begin.y, end.x - dim, end.y, end.x, end.y); + break; + case "right": + ctx.bezierCurveTo(begin.x - dim, begin.y, end.x + dim, end.y, end.x, end.y); + break; + case "top": + ctx.bezierCurveTo(begin.x, begin.y + dim, end.x, end.y - dim, end.x, end.y); + break; + case "bottom": + ctx.bezierCurveTo(begin.x, begin.y - dim, end.x, end.y + dim, end.x, end.y); + break; + } + ctx.stroke(); + } + } +}); + + + +/* + * File: AreaChart.js + * +*/ + +$jit.ST.Plot.NodeTypes.implement({ + 'areachart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + stringArray = node.getData('stringArray'), + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + valLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), + valRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + config = node.getData('config'), + gradient = node.getData('gradient'), + showLabels = config.showLabels, + aggregates = config.showAggregates, + label = config.Label, + prev = node.getData('prev'); + + var ctx = canvas.getCtx(), border = node.getData('border'); + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acumLeft=0, acumRight=0, valAcum=0; i 0 || dimArray[i][1] > 0)) { + var h1 = acumLeft + dimArray[i][0], + h2 = acumRight + dimArray[i][1], + alpha = Math.atan((h2 - h1) / width), + delta = 55; + var linear = ctx.createLinearGradient(x + width/2, + y - (h1 + h2)/2, + x + width/2 + delta * Math.sin(alpha), + y - (h1 + h2)/2 + delta * Math.cos(alpha)); + var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), + function(v) { return (v * 0.85) >> 0; })); + linear.addColorStop(0, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + ctx.beginPath(); + ctx.moveTo(x, y - acumLeft); + ctx.lineTo(x + width, y - acumRight); + ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); + ctx.lineTo(x, y - acumLeft - dimArray[i][0]); + ctx.lineTo(x, y - acumLeft); + ctx.fill(); + ctx.restore(); + if(border) { + var strong = border.name == stringArray[i]; + var perc = strong? 0.7 : 0.8; + var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), + function(v) { return (v * perc) >> 0; })); + ctx.strokeStyle = color; + ctx.lineWidth = strong? 4 : 1; + ctx.save(); + ctx.beginPath(); + if(border.index === 0) { + ctx.moveTo(x, y - acumLeft); + ctx.lineTo(x, y - acumLeft - dimArray[i][0]); + } else { + ctx.moveTo(x + width, y - acumRight); + ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); + } + ctx.stroke(); + ctx.restore(); + } + acumLeft += (dimArray[i][0] || 0); + acumRight += (dimArray[i][1] || 0); + + if(dimArray[i][0] > 0) + valAcum += (valArray[i][0] || 0); + } + if(prev && label.type == 'Native') { + ctx.save(); + ctx.beginPath(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textAlign = 'center'; + ctx.textBaseline = 'middle'; + if(aggregates(node.name, valLeft, valRight, node)) { + ctx.fillText(valAcum, x, y - acumLeft - config.labelOffset - label.size/2, width); + } + if(showLabels(node.name, valLeft, valRight, node)) { + ctx.fillText(node.name, x, y + label.size/2 + config.labelOffset); + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + rx = mpos.x - x; + //bounding box check + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + //deep check + for(var i=0, l=dimArray.length, lAcum=y, rAcum=y; i= intersec) { + var index = +(rx > width/2); + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i][index], + 'index': index + }; + } + } + return false; + } + } +}); + +/* + Class: AreaChart + + A visualization that displays stacked area charts. + + Constructor Options: + + See . + +*/ +$jit.AreaChart = new Class({ + st: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "Margin", "Label", "AreaChart"), { + Label: { type: 'Native' } + }, opt); + //set functions for showLabels and showAggregates + var showLabels = this.config.showLabels, + typeLabels = $.type(showLabels), + showAggregates = this.config.showAggregates, + typeAggregates = $.type(showAggregates); + this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); + this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); + + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, + that = this, + nodeType = config.type.split(":")[0], + nodeLabels = {}; + + var st = new $jit.ST({ + injectInto: config.injectInto, + orientation: "bottom", + levelDistance: 0, + siblingOffset: 0, + subtreeOffset: 0, + withLabels: config.Label.type != 'Native', + useCanvas: config.useCanvas, + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'areachart-' + nodeType, + align: 'left', + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.filterOnClick && !config.Events.enable) return; + var elem = eventInfo.getContains(); + if(elem) config.filterOnClick && that.filter(elem.name); + config.Events.enable && config.Events.onClick(elem, eventInfo, evt); + }, + onRightClick: function(node, eventInfo, evt) { + if(!config.restoreOnRightClick) return; + that.restore(); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.selectOnHover) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label, + valueArray = node.getData('valueArray'), + acumLeft = $.reduce(valueArray, function(x, y) { return x + y[0]; }, 0), + acumRight = $.reduce(valueArray, function(x, y) { return x + y[1]; }, 0); + if(node.getData('prev')) { + var nlbs = { + wrapper: document.createElement('div'), + aggregate: document.createElement('div'), + label: document.createElement('div') + }; + var wrapper = nlbs.wrapper, + label = nlbs.label, + aggregate = nlbs.aggregate, + wrapperStyle = wrapper.style, + labelStyle = label.style, + aggregateStyle = aggregate.style; + //store node labels + nodeLabels[node.id] = nlbs; + //append labels + wrapper.appendChild(label); + wrapper.appendChild(aggregate); + if(!config.showLabels(node.name, acumLeft, acumRight, node)) { + label.style.display = 'none'; + } + if(!config.showAggregates(node.name, acumLeft, acumRight, node)) { + aggregate.style.display = 'none'; + } + wrapperStyle.position = 'relative'; + wrapperStyle.overflow = 'visible'; + wrapperStyle.fontSize = labelConf.size + 'px'; + wrapperStyle.fontFamily = labelConf.family; + wrapperStyle.color = labelConf.color; + wrapperStyle.textAlign = 'center'; + aggregateStyle.position = labelStyle.position = 'absolute'; + + domElement.style.width = node.getData('width') + 'px'; + domElement.style.height = node.getData('height') + 'px'; + label.innerHTML = node.name; + + domElement.appendChild(wrapper); + } + }, + onPlaceLabel: function(domElement, node) { + if(!node.getData('prev')) return; + var labels = nodeLabels[node.id], + wrapperStyle = labels.wrapper.style, + labelStyle = labels.label.style, + aggregateStyle = labels.aggregate.style, + width = node.getData('width'), + height = node.getData('height'), + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + acumLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), + acumRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), + font = parseInt(wrapperStyle.fontSize, 10), + domStyle = domElement.style; + + if(dimArray && valArray) { + if(config.showLabels(node.name, acumLeft, acumRight, node)) { + labelStyle.display = ''; + } else { + labelStyle.display = 'none'; + } + if(config.showAggregates(node.name, acumLeft, acumRight, node)) { + aggregateStyle.display = ''; + } else { + aggregateStyle.display = 'none'; + } + wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; + aggregateStyle.left = labelStyle.left = -width/2 + 'px'; + for(var i=0, l=valArray.length, acum=0, leftAcum=0; i 0) { + acum+= valArray[i][0]; + leftAcum+= dimArray[i][0]; + } + } + aggregateStyle.top = (-font - config.labelOffset) + 'px'; + labelStyle.top = (config.labelOffset + leftAcum) + 'px'; + domElement.style.top = parseInt(domElement.style.top, 10) - leftAcum + 'px'; + domElement.style.height = wrapperStyle.height = leftAcum + 'px'; + labels.aggregate.innerHTML = acum; + } + } + }); + + var size = st.canvas.getSize(), + margin = config.Margin; + st.config.offsetY = -size.height/2 + margin.bottom + + (config.showLabels && (config.labelOffset + config.Label.size)); + st.config.offsetX = (margin.right - margin.left)/2; + this.st = st; + this.canvas = this.st.canvas; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var areaChart = new $jit.AreaChart(options); + areaChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + var prefix = $.time(), + ch = [], + st = this.st, + name = $.splat(json.label), + color = $.splat(json.color || this.colors), + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + areaChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + + var st = this.st, + graph = st.graph, + labels = json.label && $.splat(json.label), + values = json.values, + animate = this.config.animate, + that = this; + $.each(values, function(v) { + var n = graph.getByName(v.label); + if(n) { + v.values = $.splat(v.values); + var stringArray = n.getData('stringArray'), + valArray = n.getData('valueArray'); + $.each(valArray, function(a, i) { + a[0] = v.values[i]; + if(labels) stringArray[i] = labels[i]; + }); + n.setData('valueArray', valArray); + var prev = n.getData('prev'), + next = n.getData('next'), + nextNode = graph.getByName(next); + if(prev) { + var p = graph.getByName(prev); + if(p) { + var valArray = p.getData('valueArray'); + $.each(valArray, function(a, i) { + a[1] = v.values[i]; + }); + } + } + if(!nextNode) { + var valArray = n.getData('valueArray'); + $.each(valArray, function(a, i) { + a[1] = v.values[i]; + }); + } + } + }); + this.normalizeDims(); + st.compute(); + st.select(st.root); + if(animate) { + st.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } + }, + +/* + Method: filter + + Filter selected stacks, collapsing all other stacks. You can filter multiple stacks at the same time. + + Parameters: + + Variable strings arguments with the name of the stacks. + + Example: + + (start code js) + areaChart.filter('label A', 'label C'); + (end code) + + See also: + + . + */ + filter: function() { + if(this.busy) return; + this.busy = true; + if(this.config.Tips.enable) this.st.tips.hide(); + this.select(false, false, false); + var args = Array.prototype.slice.call(arguments); + var rt = this.st.graph.getNode(this.st.root); + var that = this; + rt.eachAdjacency(function(adj) { + var n = adj.nodeTo, + dimArray = n.getData('dimArray'), + stringArray = n.getData('stringArray'); + n.setData('dimArray', $.map(dimArray, function(d, i) { + return ($.indexOf(args, stringArray[i]) > -1)? d:[0, 0]; + }), 'end'); + }); + this.st.fx.animate({ + modes: ['node-property:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + } + }); + }, + + /* + Method: restore + + Sets all stacks that could have been filtered visible. + + Example: + + (start code js) + areaChart.restore(); + (end code) + + See also: + + . + */ + restore: function() { + if(this.busy) return; + this.busy = true; + if(this.config.Tips.enable) this.st.tips.hide(); + this.select(false, false, false); + this.normalizeDims(); + var that = this; + this.st.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + } + }); + }, + //adds the little brown bar when hovering the node + select: function(id, name, index) { + if(!this.config.selectOnHover) return; + var s = this.selected; + if(s.id != id || s.name != name + || s.index != index) { + s.id = id; + s.name = name; + s.index = index; + this.st.graph.eachNode(function(n) { + n.setData('border', false); + }); + if(id) { + var n = this.st.graph.getNode(id); + n.setData('border', s); + var link = index === 0? 'prev':'next'; + link = n.getData(link); + if(link) { + n = this.st.graph.getByName(link); + if(n) { + n.setData('border', { + name: name, + index: 1-index + }); + } + } + } + this.st.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = areaChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.st.graph.getNode(this.st.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = areaChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of AreaCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all AreaChart instances, + //displaying all of them with the same scale + $jit.AreaChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + +*/ + getMaxValue: function() { + var maxValue = 0; + this.st.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acumLeft = 0, acumRight = 0; + $.each(valArray, function(v) { + acumLeft += +v[0]; + acumRight += +v[1]; + }); + var acum = acumRight>acumLeft? acumRight:acumLeft; + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + normalizeDims: function() { + //number of elements + var root = this.st.graph.getNode(this.st.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + size = this.st.canvas.getSize(), + config = this.config, + margin = config.Margin, + labelOffset = config.labelOffset + config.Label.size, + fixedDim = (size.width - (margin.left + margin.right)) / l, + animate = config.animate, + height = size.height - (margin.top + margin.bottom) - (config.showAggregates && labelOffset) + - (config.showLabels && labelOffset); + this.st.graph.eachNode(function(n) { + var acumLeft = 0, acumRight = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acumLeft += +v[0]; + acumRight += +v[1]; + animateValue.push([0, 0]); + }); + var acum = acumRight>acumLeft? acumRight:acumLeft; + n.setData('width', fixedDim); + if(animate) { + n.setData('height', acum * height / maxValue, 'end'); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return [n[0] * height / maxValue, n[1] * height / maxValue]; + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData('height', acum * height / maxValue); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return [n[0] * height / maxValue, n[1] * height / maxValue]; + })); + } + }); + } +}); + +/* + * File: Options.BarChart.js + * +*/ + +/* + Object: Options.BarChart + + options. + Other options included in the BarChart are , , , and . + + Syntax: + + (start code js) + + Options.BarChart = { + animate: true, + labelOffset: 3, + barsOffset: 0, + type: 'stacked', + hoveredColor: '#9fd4ff', + orientation: 'horizontal', + showAggregates: true, + showLabels: true + }; + + (end code) + + Example: + + (start code js) + + var barChart = new $jit.BarChart({ + animate: true, + barsOffset: 10, + type: 'stacked:gradient' + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. + offset - (number) Default's *25*. Adds margin between the visualization and the canvas. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + barsOffset - (number) Default's *0*. Separation between bars. + type - (string) Default's *'stacked'*. Stack or grouped styles. Posible values are 'stacked', 'grouped', 'stacked:gradient', 'grouped:gradient' to add gradients. + hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered bar stack. + orientation - (string) Default's 'horizontal'. Sets the direction of the bars. Possible options are 'vertical' or 'horizontal'. + showAggregates - (boolean) Default's *true*. Display the sum of the values of the different stacks. + showLabels - (boolean) Default's *true*. Display the name of the slots. + +*/ + +Options.BarChart = { + $extend: true, + + animate: true, + type: 'stacked', //stacked, grouped, : gradient + labelOffset: 3, //label offset + barsOffset: 0, //distance between bars + hoveredColor: '#9fd4ff', + orientation: 'horizontal', + showAggregates: true, + showLabels: true, + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + Events: { + enable: false, + onClick: $.empty + } +}; + +/* + * File: BarChart.js + * +*/ + +$jit.ST.Plot.NodeTypes.implement({ + 'barchart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'); + + var ctx = canvas.getCtx(), + opt = {}, + border = node.getData('border'), + gradient = node.getData('gradient'), + config = node.getData('config'), + horz = config.orientation == 'horizontal', + aggregates = config.showAggregates, + showLabels = config.showLabels, + label = config.Label; + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; })); + linear.addColorStop(0, color); + linear.addColorStop(0.5, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + if(horz) { + ctx.fillRect(x + acum, y, dimArray[i], height); + } else { + ctx.fillRect(x, y - acum - dimArray[i], width, dimArray[i]); + } + if(border && border.name == stringArray[i]) { + opt.acum = acum; + opt.dimValue = dimArray[i]; + } + acum += (dimArray[i] || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + if(horz) { + ctx.strokeRect(x + opt.acum + 1, y + 1, opt.dimValue -2, height - 2); + } else { + ctx.strokeRect(x + 1, y - opt.acum - opt.dimValue + 1, width -2, opt.dimValue -2); + } + ctx.restore(); + } + if(label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textBaseline = 'middle'; + if(aggregates(node.name, valAcum)) { + if(horz) { + ctx.textAlign = 'right'; + ctx.fillText(valAcum, x + acum - config.labelOffset, y + height/2); + } else { + ctx.textAlign = 'center'; + ctx.fillText(valAcum, x + width/2, y - height - label.size/2 - config.labelOffset); + } + } + if(showLabels(node.name, valAcum, node)) { + if(horz) { + ctx.textAlign = 'center'; + ctx.translate(x - config.labelOffset - label.size/2, y + height/2); + ctx.rotate(Math.PI / 2); + ctx.fillText(node.name, 0, 0); + } else { + ctx.textAlign = 'center'; + ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); + } + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + config = node.getData('config'), + rx = mpos.x - x, + horz = config.orientation == 'horizontal'; + //bounding box check + if(horz) { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y + height || mpos.y < y) { + return false; + } + } else { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + } + //deep check + for(var i=0, l=dimArray.length, acum=(horz? x:y); i= intersec) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } + } + return false; + } + }, + 'barchart-grouped' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + valueLength = valueArray.length, + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'); + + var ctx = canvas.getCtx(), + opt = {}, + border = node.getData('border'), + gradient = node.getData('gradient'), + config = node.getData('config'), + horz = config.orientation == 'horizontal', + aggregates = config.showAggregates, + showLabels = config.showLabels, + label = config.Label, + fixedDim = (horz? height : width) / valueLength; + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=valueLength, acum=0, valAcum=0; i> 0; })); + linear.addColorStop(0, color); + linear.addColorStop(0.5, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + if(horz) { + ctx.fillRect(x, y + fixedDim * i, dimArray[i], fixedDim); + } else { + ctx.fillRect(x + fixedDim * i, y - dimArray[i], fixedDim, dimArray[i]); + } + if(border && border.name == stringArray[i]) { + opt.acum = fixedDim * i; + opt.dimValue = dimArray[i]; + } + acum += (dimArray[i] || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + if(horz) { + ctx.strokeRect(x + 1, y + opt.acum + 1, opt.dimValue -2, fixedDim - 2); + } else { + ctx.strokeRect(x + opt.acum + 1, y - opt.dimValue + 1, fixedDim -2, opt.dimValue -2); + } + ctx.restore(); + } + if(label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textBaseline = 'middle'; + if(aggregates(node.name, valAcum)) { + if(horz) { + ctx.textAlign = 'right'; + ctx.fillText(valAcum, x + Math.max.apply(null, dimArray) - config.labelOffset, y + height/2); + } else { + ctx.textAlign = 'center'; + ctx.fillText(valAcum, x + width/2, y - Math.max.apply(null, dimArray) - label.size/2 - config.labelOffset); + } + } + if(showLabels(node.name, valAcum, node)) { + if(horz) { + ctx.textAlign = 'center'; + ctx.translate(x - config.labelOffset - label.size/2, y + height/2); + ctx.rotate(Math.PI / 2); + ctx.fillText(node.name, 0, 0); + } else { + ctx.textAlign = 'center'; + ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); + } + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + len = dimArray.length, + config = node.getData('config'), + rx = mpos.x - x, + horz = config.orientation == 'horizontal', + fixedDim = (horz? height : width) / len; + //bounding box check + if(horz) { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y + height || mpos.y < y) { + return false; + } + } else { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + } + //deep check + for(var i=0, l=dimArray.length; i= limit && mpos.y <= limit + fixedDim) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } else { + var limit = x + fixedDim * i; + if(mpos.x >= limit && mpos.x <= limit + fixedDim && mpos.y >= y - dimi) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } + } + return false; + } + } +}); + +/* + Class: BarChart + + A visualization that displays stacked bar charts. + + Constructor Options: + + See . + +*/ +$jit.BarChart = new Class({ + st: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "Margin", "Label", "BarChart"), { + Label: { type: 'Native' } + }, opt); + //set functions for showLabels and showAggregates + var showLabels = this.config.showLabels, + typeLabels = $.type(showLabels), + showAggregates = this.config.showAggregates, + typeAggregates = $.type(showAggregates); + this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); + this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); + + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, that = this; + var nodeType = config.type.split(":")[0], + horz = config.orientation == 'horizontal', + nodeLabels = {}; + + var st = new $jit.ST({ + injectInto: config.injectInto, + orientation: horz? 'left' : 'bottom', + levelDistance: 0, + siblingOffset: config.barsOffset, + subtreeOffset: 0, + withLabels: config.Label.type != 'Native', + useCanvas: config.useCanvas, + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'barchart-' + nodeType, + align: 'left', + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.Events.enable) return; + var elem = eventInfo.getContains(); + config.Events.onClick(elem, eventInfo, evt); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.hoveredColor) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label, + valueArray = node.getData('valueArray'), + acum = $.reduce(valueArray, function(x, y) { return x + y; }, 0); + var nlbs = { + wrapper: document.createElement('div'), + aggregate: document.createElement('div'), + label: document.createElement('div') + }; + var wrapper = nlbs.wrapper, + label = nlbs.label, + aggregate = nlbs.aggregate, + wrapperStyle = wrapper.style, + labelStyle = label.style, + aggregateStyle = aggregate.style; + //store node labels + nodeLabels[node.id] = nlbs; + //append labels + wrapper.appendChild(label); + wrapper.appendChild(aggregate); + if(!config.showLabels(node.name, acum, node)) { + labelStyle.display = 'none'; + } + if(!config.showAggregates(node.name, acum, node)) { + aggregateStyle.display = 'none'; + } + wrapperStyle.position = 'relative'; + wrapperStyle.overflow = 'visible'; + wrapperStyle.fontSize = labelConf.size + 'px'; + wrapperStyle.fontFamily = labelConf.family; + wrapperStyle.color = labelConf.color; + wrapperStyle.textAlign = 'center'; + aggregateStyle.position = labelStyle.position = 'absolute'; + + domElement.style.width = node.getData('width') + 'px'; + domElement.style.height = node.getData('height') + 'px'; + aggregateStyle.left = labelStyle.left = '0px'; + + label.innerHTML = node.name; + + domElement.appendChild(wrapper); + }, + onPlaceLabel: function(domElement, node) { + if(!nodeLabels[node.id]) return; + var labels = nodeLabels[node.id], + wrapperStyle = labels.wrapper.style, + labelStyle = labels.label.style, + aggregateStyle = labels.aggregate.style, + grouped = config.type.split(':')[0] == 'grouped', + horz = config.orientation == 'horizontal', + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + width = (grouped && horz)? Math.max.apply(null, dimArray) : node.getData('width'), + height = (grouped && !horz)? Math.max.apply(null, dimArray) : node.getData('height'), + font = parseInt(wrapperStyle.fontSize, 10), + domStyle = domElement.style; + + + if(dimArray && valArray) { + wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; + for(var i=0, l=valArray.length, acum=0; i 0) { + acum+= valArray[i]; + } + } + if(config.showLabels(node.name, acum, node)) { + labelStyle.display = ''; + } else { + labelStyle.display = 'none'; + } + if(config.showAggregates(node.name, acum, node)) { + aggregateStyle.display = ''; + } else { + aggregateStyle.display = 'none'; + } + if(config.orientation == 'horizontal') { + aggregateStyle.textAlign = 'right'; + labelStyle.textAlign = 'left'; + labelStyle.textIndex = aggregateStyle.textIndent = config.labelOffset + 'px'; + aggregateStyle.top = labelStyle.top = (height-font)/2 + 'px'; + domElement.style.height = wrapperStyle.height = height + 'px'; + } else { + aggregateStyle.top = (-font - config.labelOffset) + 'px'; + labelStyle.top = (config.labelOffset + height) + 'px'; + domElement.style.top = parseInt(domElement.style.top, 10) - height + 'px'; + domElement.style.height = wrapperStyle.height = height + 'px'; + } + labels.aggregate.innerHTML = acum; + } + } + }); + + var size = st.canvas.getSize(), + margin = config.Margin; + if(horz) { + st.config.offsetX = size.width/2 - margin.left + - (config.showLabels && (config.labelOffset + config.Label.size)); + st.config.offsetY = (margin.bottom - margin.top)/2; + } else { + st.config.offsetY = -size.height/2 + margin.bottom + + (config.showLabels && (config.labelOffset + config.Label.size)); + st.config.offsetX = (margin.right - margin.left)/2; + } + this.st = st; + this.canvas = this.st.canvas; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var barChart = new $jit.BarChart(options); + barChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + if(this.busy) return; + this.busy = true; + + var prefix = $.time(), + ch = [], + st = this.st, + name = $.splat(json.label), + color = $.splat(json.color || this.colors), + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate, + horz = config.orientation == 'horizontal', + that = this; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + barChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + + var st = this.st; + var graph = st.graph; + var values = json.values; + var animate = this.config.animate; + var that = this; + var horz = this.config.orientation == 'horizontal'; + $.each(values, function(v) { + var n = graph.getByName(v.label); + if(n) { + n.setData('valueArray', $.splat(v.values)); + if(json.label) { + n.setData('stringArray', $.splat(json.label)); + } + } + }); + this.normalizeDims(); + st.compute(); + st.select(st.root); + if(animate) { + if(horz) { + st.fx.animate({ + modes: ['node-property:width:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } else { + st.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } + } + }, + + //adds the little brown bar when hovering the node + select: function(id, name) { + if(!this.config.hoveredColor) return; + var s = this.selected; + if(s.id != id || s.name != name) { + s.id = id; + s.name = name; + s.color = this.config.hoveredColor; + this.st.graph.eachNode(function(n) { + if(id == n.id) { + n.setData('border', s); + } else { + n.setData('border', false); + } + }); + this.st.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = barChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.st.graph.getNode(this.st.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = barChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of BarCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all BarChart instances, + //displaying all of them with the same scale + $jit.BarChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + + */ + getMaxValue: function() { + var maxValue = 0, stacked = this.config.type.split(':')[0] == 'stacked'; + this.st.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acum = 0; + if(!valArray) return; + if(stacked) { + $.each(valArray, function(v) { + acum += +v; + }); + } else { + acum = Math.max.apply(null, valArray); + } + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + setBarType: function(type) { + this.config.type = type; + this.st.config.Node.type = 'barchart-' + type.split(':')[0]; + }, + + normalizeDims: function() { + //number of elements + var root = this.st.graph.getNode(this.st.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + size = this.st.canvas.getSize(), + config = this.config, + margin = config.Margin, + marginWidth = margin.left + margin.right, + marginHeight = margin.top + margin.bottom, + horz = config.orientation == 'horizontal', + fixedDim = (size[horz? 'height':'width'] - (horz? marginHeight:marginWidth) - (l -1) * config.barsOffset) / l, + animate = config.animate, + height = size[horz? 'width':'height'] - (horz? marginWidth:marginHeight) + - (!horz && config.showAggregates && (config.Label.size + config.labelOffset)) + - (config.showLabels && (config.Label.size + config.labelOffset)), + dim1 = horz? 'height':'width', + dim2 = horz? 'width':'height'; + this.st.graph.eachNode(function(n) { + var acum = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acum += +v; + animateValue.push(0); + }); + n.setData(dim1, fixedDim); + if(animate) { + n.setData(dim2, acum * height / maxValue, 'end'); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return n * height / maxValue; + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData(dim2, acum * height / maxValue); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return n * height / maxValue; + })); + } + }); + } +}); + +/* + * File: Options.PieChart.js + * +*/ +/* + Object: Options.PieChart + + options. + Other options included in the PieChart are , , and . + + Syntax: + + (start code js) + + Options.PieChart = { + animate: true, + offset: 25, + sliceOffset:0, + labelOffset: 3, + type: 'stacked', + hoveredColor: '#9fd4ff', + showLabels: true, + resizeLabels: false, + updateHeights: false + }; + + (end code) + + Example: + + (start code js) + + var pie = new $jit.PieChart({ + animate: true, + sliceOffset: 5, + type: 'stacked:gradient' + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when plotting/updating the visualization. + offset - (number) Default's *25*. Adds margin between the visualization and the canvas. + sliceOffset - (number) Default's *0*. Separation between the center of the canvas and each pie slice. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. + hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered pie stack. + showLabels - (boolean) Default's *true*. Display the name of the slots. + resizeLabels - (boolean|number) Default's *false*. Resize the pie labels according to their stacked values. Set a number for *resizeLabels* to set a font size minimum. + updateHeights - (boolean) Default's *false*. Only for mono-valued (most common) pie charts. Resize the height of the pie slices according to their current values. + +*/ +Options.PieChart = { + $extend: true, + + animate: true, + offset: 25, // page offset + sliceOffset:0, + labelOffset: 3, // label offset + type: 'stacked', // gradient + hoveredColor: '#9fd4ff', + Events: { + enable: false, + onClick: $.empty + }, + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + showLabels: true, + resizeLabels: false, + + //only valid for mono-valued datasets + updateHeights: false +}; + +/* + * Class: Layouts.Radial + * + * Implements a Radial Layout. + * + * Implemented By: + * + * , + * + */ +Layouts.Radial = new Class({ + + /* + * Method: compute + * + * Computes nodes' positions. + * + * Parameters: + * + * property - _optional_ A position property to store the new + * positions. Possible values are 'pos', 'end' or 'start'. + * + */ + compute : function(property) { + var prop = $.splat(property || [ 'current', 'start', 'end' ]); + NodeDim.compute(this.graph, prop, this.config); + this.graph.computeLevels(this.root, 0, "ignore"); + var lengthFunc = this.createLevelDistanceFunc(); + this.computeAngularWidths(prop); + this.computePositions(prop, lengthFunc); + }, + + /* + * computePositions + * + * Performs the main algorithm for computing node positions. + */ + computePositions : function(property, getLength) { + var propArray = property; + var graph = this.graph; + var root = graph.getNode(this.root); + var parent = this.parent; + var config = this.config; + + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i]; + root.setPos($P(0, 0), pi); + root.setData('span', Math.PI * 2, pi); + } + + root.angleSpan = { + begin : 0, + end : 2 * Math.PI + }; + + graph.eachBFS(this.root, function(elem) { + var angleSpan = elem.angleSpan.end - elem.angleSpan.begin; + var angleInit = elem.angleSpan.begin; + var len = getLength(elem); + //Calculate the sum of all angular widths + var totalAngularWidths = 0, subnodes = [], maxDim = {}; + elem.eachSubnode(function(sib) { + totalAngularWidths += sib._treeAngularWidth; + //get max dim + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i], dim = sib.getData('dim', pi); + maxDim[pi] = (pi in maxDim)? (dim > maxDim[pi]? dim : maxDim[pi]) : dim; + } + subnodes.push(sib); + }, "ignore"); + //Maintain children order + //Second constraint for + if (parent && parent.id == elem.id && subnodes.length > 0 + && subnodes[0].dist) { + subnodes.sort(function(a, b) { + return (a.dist >= b.dist) - (a.dist <= b.dist); + }); + } + //Calculate nodes positions. + for (var k = 0, ls=subnodes.length; k < ls; k++) { + var child = subnodes[k]; + if (!child._flag) { + var angleProportion = child._treeAngularWidth / totalAngularWidths * angleSpan; + var theta = angleInit + angleProportion / 2; + + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i]; + child.setPos($P(theta, len), pi); + child.setData('span', angleProportion, pi); + child.setData('dim-quotient', child.getData('dim', pi) / maxDim[pi], pi); + } + + child.angleSpan = { + begin : angleInit, + end : angleInit + angleProportion + }; + angleInit += angleProportion; + } + } + }, "ignore"); + }, + + /* + * Method: setAngularWidthForNodes + * + * Sets nodes angular widths. + */ + setAngularWidthForNodes : function(prop) { + this.graph.eachBFS(this.root, function(elem, i) { + var diamValue = elem.getData('angularWidth', prop[0]) || 5; + elem._angularWidth = diamValue / i; + }, "ignore"); + }, + + /* + * Method: setSubtreesAngularWidth + * + * Sets subtrees angular widths. + */ + setSubtreesAngularWidth : function() { + var that = this; + this.graph.eachNode(function(elem) { + that.setSubtreeAngularWidth(elem); + }, "ignore"); + }, + + /* + * Method: setSubtreeAngularWidth + * + * Sets the angular width for a subtree. + */ + setSubtreeAngularWidth : function(elem) { + var that = this, nodeAW = elem._angularWidth, sumAW = 0; + elem.eachSubnode(function(child) { + that.setSubtreeAngularWidth(child); + sumAW += child._treeAngularWidth; + }, "ignore"); + elem._treeAngularWidth = Math.max(nodeAW, sumAW); + }, + + /* + * Method: computeAngularWidths + * + * Computes nodes and subtrees angular widths. + */ + computeAngularWidths : function(prop) { + this.setAngularWidthForNodes(prop); + this.setSubtreesAngularWidth(); + } + +}); + + +/* + * File: Sunburst.js + */ + +/* + Class: Sunburst + + A radial space filling tree visualization. + + Inspired by: + + Sunburst . + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. + levelDistance - (number) Default's *100*. The distance between levels of the tree. + Node.type - Described in . Default's to *multipie*. + Node.height - Described in . Default's *0*. + Edge.type - Described in . Default's *none*. + Label.textAlign - Described in . Default's *start*. + Label.textBaseline - Described in . Default's *middle*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Sunburst = new Class({ + + Implements: [ Loader, Extras, Layouts.Radial ], + + initialize: function(controller) { + var $Sunburst = $jit.Sunburst; + + var config = { + interpolation: 'linear', + levelDistance: 100, + Node: { + 'type': 'multipie', + 'height':0 + }, + Edge: { + 'type': 'none' + }, + Label: { + textAlign: 'start', + textBaseline: 'middle' + } + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': false, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $Sunburst.Label[canvasConfig.Label.type](this); + this.fx = new $Sunburst.Plot(this, $Sunburst); + this.op = new $Sunburst.Op(this); + this.json = null; + this.root = null; + this.rotated = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function() { + var ld = this.config.levelDistance; + return function(elem) { + return (elem._depth + 1) * ld; + }; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function() { + this.compute(); + this.plot(); + }, + + /* + reposition + + An alias for computing new positions to _endPos_ + + See also: + + + + */ + reposition: function() { + this.compute('end'); + }, + + /* + Method: rotate + + Rotates the graph so that the selected node is horizontal on the right. + + Parameters: + + node - (object) A . + method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". + opt - (object) Configuration options merged with this visualization configuration options. + + See also: + + + + */ + rotate: function(node, method, opt) { + var theta = node.getPos(opt.property || 'current').getp(true).theta; + this.rotated = node; + this.rotateAngle(-theta, method, opt); + }, + + /* + Method: rotateAngle + + Rotates the graph of an angle theta. + + Parameters: + + node - (object) A . + method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". + opt - (object) Configuration options merged with this visualization configuration options. + + See also: + + + + */ + rotateAngle: function(theta, method, opt) { + var that = this; + var options = $.merge(this.config, opt || {}, { + modes: [ 'polar' ] + }); + var prop = opt.property || (method === "animate" ? 'end' : 'current'); + if(method === 'animate') { + this.fx.animation.pause(); + } + this.graph.eachNode(function(n) { + var p = n.getPos(prop); + p.theta += theta; + if (p.theta < 0) { + p.theta += Math.PI * 2; + } + }); + if (method == 'animate') { + this.fx.animate(options); + } else if (method == 'replot') { + this.fx.plot(); + this.busy = false; + } + }, + + /* + Method: plot + + Plots the Sunburst. This is a shortcut to *fx.plot*. + */ + plot: function() { + this.fx.plot(); + } +}); + +$jit.Sunburst.$extend = true; + +(function(Sunburst) { + + /* + Class: Sunburst.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: Sunburst.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Class: Sunburst.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + Sunburst.Label = {}; + + /* + Sunburst.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + */ + Sunburst.Label.Native = new Class( { + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.viz = viz; + this.label = viz.config.Label; + this.config = viz.config; + }, + + renderLabel: function(canvas, node, controller) { + var span = node.getData('span'); + if(span < Math.PI /2 && Math.tan(span) * + this.config.levelDistance * node._depth < 10) { + return; + } + var ctx = canvas.getCtx(); + var measure = ctx.measureText(node.name); + if (node.id == this.viz.root) { + var x = -measure.width / 2, y = 0, thetap = 0; + var ld = 0; + } else { + var indent = 5; + var ld = controller.levelDistance - indent; + var clone = node.pos.clone(); + clone.rho += indent; + var p = clone.getp(true); + var ct = clone.getc(true); + var x = ct.x, y = ct.y; + // get angle in degrees + var pi = Math.PI; + var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); + var thetap = cond ? p.theta + pi : p.theta; + if (cond) { + x -= Math.abs(Math.cos(p.theta) * measure.width); + y += Math.sin(p.theta) * measure.width; + } else if (node.id == this.viz.root) { + x -= measure.width / 2; + } + } + ctx.save(); + ctx.translate(x, y); + ctx.rotate(thetap); + ctx.fillText(node.name, 0, 0); + ctx.restore(); + } + }); + + /* + Sunburst.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), viz = this.viz, canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + var bb = tag.getBBox(); + if (bb) { + // center the label + var x = tag.getAttribute('x'); + var y = tag.getAttribute('y'); + // get polar coordinates + var p = node.pos.getp(true); + // get angle in degrees + var pi = Math.PI; + var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); + if (cond) { + tag.setAttribute('x', x - bb.width); + tag.setAttribute('y', y - bb.height); + } else if (node.id == viz.root) { + tag.setAttribute('x', x - bb.width / 2); + } + + var thetap = cond ? p.theta + pi : p.theta; + if(node._depth) + tag.setAttribute('transform', 'rotate(' + thetap * 360 / (2 * pi) + ' ' + x + + ' ' + y + ')'); + } + + controller.onPlaceLabel(tag, node); +} + }); + + /* + Sunburst.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + Sunburst.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.clone(), + canvas = this.viz.canvas, + height = node.getData('height'), + ldist = ((height || node._depth == 0)? height : this.viz.config.levelDistance) /2, + radius = canvas.getSize(); + pos.rho += ldist; + pos = pos.getc(true); + + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: Sunburst.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'pie', 'multipie', 'gradient-pie' and 'gradient-multipie'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Sunburst.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + Sunburst.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty, + 'contains': $.lambda(false), + 'anglecontains': function(node, pos) { + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + if (begin < 0) + begin += Math.PI * 2; + var atan = Math.atan2(pos.y, pos.x); + if (atan < 0) + atan += Math.PI * 2; + if (begin > end) { + return (atan > begin && atan <= Math.PI * 2) || atan < end; + } else { + return atan > begin && atan < end; + } + } + }, + + 'pie': { + 'render': function(node, canvas) { + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + var polarNode = node.pos.getp(true); + var polar = new Polar(polarNode.rho, begin); + var p1coord = polar.getc(true); + polar.theta = end; + var p2coord = polar.getc(true); + + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(p1coord.x, p1coord.y); + ctx.moveTo(0, 0); + ctx.lineTo(p2coord.x, p2coord.y); + ctx.moveTo(0, 0); + ctx.arc(0, 0, polarNode.rho * node.getData('dim-quotient'), begin, end, + false); + ctx.fill(); + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var ld = this.config.levelDistance, d = node._depth; + return (rho <= ld * d); + } + return false; + } + }, + 'multipie': { + 'render': function(node, canvas) { + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + var polarNode = node.pos.getp(true); + + var polar = new Polar(polarNode.rho, begin); + var p1coord = polar.getc(true); + + polar.theta = end; + var p2coord = polar.getc(true); + + polar.rho += ldist; + var p3coord = polar.getc(true); + + polar.theta = begin; + var p4coord = polar.getc(true); + + var ctx = canvas.getCtx(); + ctx.moveTo(0, 0); + ctx.beginPath(); + ctx.arc(0, 0, polarNode.rho, begin, end, false); + ctx.arc(0, 0, polarNode.rho + ldist, end, begin, true); + ctx.moveTo(p1coord.x, p1coord.y); + ctx.lineTo(p4coord.x, p4coord.y); + ctx.moveTo(p2coord.x, p2coord.y); + ctx.lineTo(p3coord.x, p3coord.y); + ctx.fill(); + + if (node.collapsed) { + ctx.save(); + ctx.lineWidth = 2; + ctx.moveTo(0, 0); + ctx.beginPath(); + ctx.arc(0, 0, polarNode.rho + ldist + 5, end - 0.01, begin + 0.01, + true); + ctx.stroke(); + ctx.restore(); + } + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var ld = this.config.levelDistance, d = node._depth; + return (rho >= ld * d) && (rho <= (ld * d + ldist)); + } + return false; + } + }, + + 'gradient-multipie': { + 'render': function(node, canvas) { + var ctx = canvas.getCtx(); + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var radialGradient = ctx.createRadialGradient(0, 0, node.getPos().rho, + 0, 0, node.getPos().rho + ldist); + + var colorArray = $.hexToRgb(node.getData('color')), ans = []; + $.each(colorArray, function(i) { + ans.push(parseInt(i * 0.5, 10)); + }); + var endColor = $.rgbToHex(ans); + radialGradient.addColorStop(0, endColor); + radialGradient.addColorStop(1, node.getData('color')); + ctx.fillStyle = radialGradient; + this.nodeTypes['multipie'].render.call(this, node, canvas); + }, + 'contains': function(node, pos) { + return this.nodeTypes['multipie'].contains.call(this, node, pos); + } + }, + + 'gradient-pie': { + 'render': function(node, canvas) { + var ctx = canvas.getCtx(); + var radialGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, node + .getPos().rho); + + var colorArray = $.hexToRgb(node.getData('color')), ans = []; + $.each(colorArray, function(i) { + ans.push(parseInt(i * 0.5, 10)); + }); + var endColor = $.rgbToHex(ans); + radialGradient.addColorStop(1, endColor); + radialGradient.addColorStop(0, node.getData('color')); + ctx.fillStyle = radialGradient; + this.nodeTypes['pie'].render.call(this, node, canvas); + }, + 'contains': function(node, pos) { + return this.nodeTypes['pie'].contains.call(this, node, pos); + } + } + }); + + /* + Class: Sunburst.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + Sunburst.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + Sunburst.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + }, + 'hyperline': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(), + to = adj.nodeTo.pos.getc(), + dim = Math.max(from.norm(), to.norm()); + this.edgeHelper.hyperline.render(from.$scale(1/dim), to.$scale(1/dim), dim, canvas); + }, + 'contains': $.lambda(false) //TODO(nico): Implement this! + } + }); + +})($jit.Sunburst); + + +/* + * File: PieChart.js + * +*/ + +$jit.Sunburst.Plot.NodeTypes.implement({ + 'piechart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getp(true), + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'), + span = node.getData('span') / 2, + theta = node.pos.theta, + begin = theta - span, + end = theta + span, + polar = new Polar; + + var ctx = canvas.getCtx(), + opt = {}, + gradient = node.getData('gradient'), + border = node.getData('border'), + config = node.getData('config'), + showLabels = config.showLabels, + resizeLabels = config.resizeLabels, + label = config.Label; + + var xpos = config.sliceOffset * Math.cos((begin + end) /2); + var ypos = config.sliceOffset * Math.sin((begin + end) /2); + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; }), + endColor = $.rgbToHex(ans); + + radialGradient.addColorStop(0, colori); + radialGradient.addColorStop(0.5, colori); + radialGradient.addColorStop(1, endColor); + ctx.fillStyle = radialGradient; + } + + polar.rho = acum + config.sliceOffset; + polar.theta = begin; + var p1coord = polar.getc(true); + polar.theta = end; + var p2coord = polar.getc(true); + polar.rho += dimi; + var p3coord = polar.getc(true); + polar.theta = begin; + var p4coord = polar.getc(true); + + ctx.beginPath(); + //fixing FF arc method + fill + ctx.arc(xpos, ypos, acum + .01, begin, end, false); + ctx.arc(xpos, ypos, acum + dimi + .01, end, begin, true); + ctx.fill(); + if(border && border.name == stringArray[i]) { + opt.acum = acum; + opt.dimValue = dimArray[i]; + opt.begin = begin; + opt.end = end; + } + acum += (dimi || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.globalCompositeOperation = "source-over"; + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + var s = begin < end? 1 : -1; + ctx.beginPath(); + //fixing FF arc method + fill + ctx.arc(xpos, ypos, opt.acum + .01 + 1, opt.begin, opt.end, false); + ctx.arc(xpos, ypos, opt.acum + opt.dimValue + .01 - 1, opt.end, opt.begin, true); + ctx.closePath(); + ctx.stroke(); + ctx.restore(); + } + if(showLabels && label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + var scale = resizeLabels? node.getData('normalizedDim') : 1, + fontSize = (label.size * scale) >> 0; + fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; + + ctx.font = label.style + ' ' + fontSize + 'px ' + label.family; + ctx.textBaseline = 'middle'; + ctx.textAlign = 'center'; + + polar.rho = acum + config.labelOffset + config.sliceOffset; + polar.theta = node.pos.theta; + var cart = polar.getc(true); + + ctx.fillText(node.name, cart.x, cart.y); + ctx.restore(); + } + } + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var ld = this.config.levelDistance, d = node._depth; + var config = node.getData('config'); + if(rho <=ld * d + config.sliceOffset) { + var dimArray = node.getData('dimArray'); + for(var i=0,l=dimArray.length,acum=config.sliceOffset; i= acum && rho <= acum + dimi) { + return { + name: node.getData('stringArray')[i], + color: node.getData('colorArray')[i], + value: node.getData('valueArray')[i], + label: node.name + }; + } + acum += dimi; + } + } + return false; + + } + return false; + } + } +}); + +/* + Class: PieChart + + A visualization that displays stacked bar charts. + + Constructor Options: + + See . + +*/ +$jit.PieChart = new Class({ + sb: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "PieChart", "Label"), { + Label: { type: 'Native' } + }, opt); + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, that = this; + var nodeType = config.type.split(":")[0]; + var sb = new $jit.Sunburst({ + injectInto: config.injectInto, + useCanvas: config.useCanvas, + withLabels: config.Label.type != 'Native', + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'piechart-' + nodeType, + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.Events.enable) return; + var elem = eventInfo.getContains(); + config.Events.onClick(elem, eventInfo, evt); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.hoveredColor) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label; + if(config.showLabels) { + var style = domElement.style; + style.fontSize = labelConf.size + 'px'; + style.fontFamily = labelConf.family; + style.color = labelConf.color; + style.textAlign = 'center'; + domElement.innerHTML = node.name; + } + }, + onPlaceLabel: function(domElement, node) { + if(!config.showLabels) return; + var pos = node.pos.getp(true), + dimArray = node.getData('dimArray'), + span = node.getData('span') / 2, + theta = node.pos.theta, + begin = theta - span, + end = theta + span, + polar = new Polar; + + var showLabels = config.showLabels, + resizeLabels = config.resizeLabels, + label = config.Label; + + if (dimArray) { + for (var i=0, l=dimArray.length, acum=0; i> 0; + fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; + domElement.style.fontSize = fontSize + 'px'; + polar.rho = acum + config.labelOffset + config.sliceOffset; + polar.theta = (begin + end) / 2; + var pos = polar.getc(true); + var radius = that.canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + domElement.style.left = labelPos.x + 'px'; + domElement.style.top = labelPos.y + 'px'; + } + } + }); + + var size = sb.canvas.getSize(), + min = Math.min; + sb.config.levelDistance = min(size.width, size.height)/2 + - config.offset - config.sliceOffset; + this.sb = sb; + this.canvas = this.sb.canvas; + this.canvas.getCtx().globalCompositeOperation = 'lighter'; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var pieChart = new $jit.PieChart(options); + pieChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + var prefix = $.time(), + ch = [], + sb = this.sb, + name = $.splat(json.label), + nameLength = name.length, + color = $.splat(json.color || this.colors), + colorLength = color.length, + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate, + mono = nameLength == 1; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + pieChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + + var sb = this.sb; + var graph = sb.graph; + var values = json.values; + var animate = this.config.animate; + var that = this; + $.each(values, function(v) { + var n = graph.getByName(v.label), + vals = $.splat(v.values); + if(n) { + n.setData('valueArray', vals); + n.setData('angularWidth', $.reduce(vals, function(x,y){return x+y;})); + if(json.label) { + n.setData('stringArray', $.splat(json.label)); + } + } + }); + this.normalizeDims(); + if(animate) { + sb.compute('end'); + sb.fx.animate({ + modes: ['node-property:dimArray:span', 'linear'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } else { + sb.refresh(); + } + }, + + //adds the little brown bar when hovering the node + select: function(id, name) { + if(!this.config.hoveredColor) return; + var s = this.selected; + if(s.id != id || s.name != name) { + s.id = id; + s.name = name; + s.color = this.config.hoveredColor; + this.sb.graph.eachNode(function(n) { + if(id == n.id) { + n.setData('border', s); + } else { + n.setData('border', false); + } + }); + this.sb.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = pieChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.sb.graph.getNode(this.sb.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = pieChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of PieCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all PieChart instances, + //displaying all of them with the same scale + $jit.PieChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + + */ + getMaxValue: function() { + var maxValue = 0; + this.sb.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acum = 0; + $.each(valArray, function(v) { + acum += +v; + }); + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + normalizeDims: function() { + //number of elements + var root = this.sb.graph.getNode(this.sb.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + config = this.config, + animate = config.animate, + rho = this.sb.config.levelDistance; + this.sb.graph.eachNode(function(n) { + var acum = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acum += +v; + animateValue.push(1); + }); + var stat = (animateValue.length == 1) && !config.updateHeights; + if(animate) { + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return stat? rho: (n * rho / maxValue); + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return stat? rho : (n * rho / maxValue); + })); + } + n.setData('normalizedDim', acum / maxValue); + }); + } +}); + +/* + * Class: Layouts.TM + * + * Implements TreeMaps layouts (SliceAndDice, Squarified, Strip). + * + * Implemented By: + * + * + * + */ +Layouts.TM = {}; + +Layouts.TM.SliceAndDice = new Class({ + compute: function(prop) { + var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); + this.controller.onBeforeCompute(root); + var size = this.canvas.getSize(), + config = this.config, + width = size.width, + height = size.height; + this.graph.computeLevels(this.root, 0, "ignore"); + //set root position and dimensions + root.getPos(prop).setc(-width/2, -height/2); + root.setData('width', width, prop); + root.setData('height', height + config.titleHeight, prop); + this.computePositions(root, root, this.layout.orientation, prop); + this.controller.onAfterCompute(root); + }, + + computePositions: function(par, ch, orn, prop) { + //compute children areas + var totalArea = 0; + par.eachSubnode(function(n) { + totalArea += n.getData('area', prop); + }); + + var config = this.config, + offst = config.offset, + width = par.getData('width', prop), + height = par.getData('height', prop) - config.titleHeight, + fact = par == ch? 1: (ch.getData('area', prop) / totalArea); + + var otherSize, size, dim, pos, pos2, posth, pos2th; + var horizontal = (orn == "h"); + if(horizontal) { + orn = 'v'; + otherSize = height; + size = width * fact; + dim = 'height'; + pos = 'y'; + pos2 = 'x'; + posth = config.titleHeight; + pos2th = 0; + } else { + orn = 'h'; + otherSize = height * fact; + size = width; + dim = 'width'; + pos = 'x'; + pos2 = 'y'; + posth = 0; + pos2th = config.titleHeight; + } + var cpos = ch.getPos(prop); + ch.setData('width', size, prop); + ch.setData('height', otherSize, prop); + var offsetSize = 0, tm = this; + ch.eachSubnode(function(n) { + var p = n.getPos(prop); + p[pos] = offsetSize + cpos[pos] + posth; + p[pos2] = cpos[pos2] + pos2th; + tm.computePositions(ch, n, orn, prop); + offsetSize += n.getData(dim, prop); + }); + } + +}); + +Layouts.TM.Area = { + /* + Method: compute + + Called by loadJSON to calculate recursively all node positions and lay out the tree. + + Parameters: + + json - A JSON tree. See also . + coord - A coordinates object specifying width, height, left and top style properties. + */ + compute: function(prop) { + prop = prop || "current"; + var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); + this.controller.onBeforeCompute(root); + var config = this.config, + size = this.canvas.getSize(), + width = size.width, + height = size.height, + offst = config.offset, + offwdth = width - offst, + offhght = height - offst; + this.graph.computeLevels(this.root, 0, "ignore"); + //set root position and dimensions + root.getPos(prop).setc(-width/2, -height/2); + root.setData('width', width, prop); + root.setData('height', height, prop); + //create a coordinates object + var coord = { + 'top': -height/2 + config.titleHeight, + 'left': -width/2, + 'width': offwdth, + 'height': offhght - config.titleHeight + }; + this.computePositions(root, coord, prop); + this.controller.onAfterCompute(root); + }, + + /* + Method: computeDim + + Computes dimensions and positions of a group of nodes + according to a custom layout row condition. + + Parameters: + + tail - An array of nodes. + initElem - An array of nodes (containing the initial node to be laid). + w - A fixed dimension where nodes will be layed out. + coord - A coordinates object specifying width, height, left and top style properties. + comp - A custom comparison function + */ + computeDim: function(tail, initElem, w, coord, comp, prop) { + if(tail.length + initElem.length == 1) { + var l = (tail.length == 1)? tail : initElem; + this.layoutLast(l, w, coord, prop); + return; + } + if(tail.length >= 2 && initElem.length == 0) { + initElem = [tail.shift()]; + } + if(tail.length == 0) { + if(initElem.length > 0) this.layoutRow(initElem, w, coord, prop); + return; + } + var c = tail[0]; + if(comp(initElem, w) >= comp([c].concat(initElem), w)) { + this.computeDim(tail.slice(1), initElem.concat([c]), w, coord, comp, prop); + } else { + var newCoords = this.layoutRow(initElem, w, coord, prop); + this.computeDim(tail, [], newCoords.dim, newCoords, comp, prop); + } + }, + + + /* + Method: worstAspectRatio + + Calculates the worst aspect ratio of a group of rectangles. + + See also: + + + + Parameters: + + ch - An array of nodes. + w - The fixed dimension where rectangles are being laid out. + + Returns: + + The worst aspect ratio. + + + */ + worstAspectRatio: function(ch, w) { + if(!ch || ch.length == 0) return Number.MAX_VALUE; + var areaSum = 0, maxArea = 0, minArea = Number.MAX_VALUE; + for(var i=0, l=ch.length; i area? maxArea : area; + } + var sqw = w * w, sqAreaSum = areaSum * areaSum; + return Math.max(sqw * maxArea / sqAreaSum, + sqAreaSum / (sqw * minArea)); + }, + + /* + Method: avgAspectRatio + + Calculates the average aspect ratio of a group of rectangles. + + See also: + + + + Parameters: + + ch - An array of nodes. + w - The fixed dimension where rectangles are being laid out. + + Returns: + + The average aspect ratio. + + + */ + avgAspectRatio: function(ch, w) { + if(!ch || ch.length == 0) return Number.MAX_VALUE; + var arSum = 0; + for(var i=0, l=ch.length; i h? w / h : h / w; + } + return arSum / l; + }, + + /* + layoutLast + + Performs the layout of the last computed sibling. + + Parameters: + + ch - An array of nodes. + w - A fixed dimension where nodes will be layed out. + coord - A coordinates object specifying width, height, left and top style properties. + */ + layoutLast: function(ch, w, coord, prop) { + var child = ch[0]; + child.getPos(prop).setc(coord.left, coord.top); + child.setData('width', coord.width, prop); + child.setData('height', coord.height, prop); + } +}; + + +Layouts.TM.Squarified = new Class({ + Implements: Layouts.TM.Area, + + computePositions: function(node, coord, prop) { + var config = this.config; + + if (coord.width >= coord.height) + this.layout.orientation = 'h'; + else + this.layout.orientation = 'v'; + + var ch = node.getSubnodes([1, 1], "ignore"); + if(ch.length > 0) { + this.processChildrenLayout(node, ch, coord, prop); + for(var i=0, l=ch.length; i. + coord - A coordinates object specifying width, height, left and top style properties. + */ + computePositions: function(node, coord, prop) { + var ch = node.getSubnodes([1, 1], "ignore"), config = this.config; + if(ch.length > 0) { + this.processChildrenLayout(node, ch, coord, prop); + for(var i=0, l=ch.length; i + * + */ + +Layouts.Icicle = new Class({ + /* + * Method: compute + * + * Called by loadJSON to calculate all node positions. + * + * Parameters: + * + * posType - The nodes' position to compute. Either "start", "end" or + * "current". Defaults to "current". + */ + compute: function(posType) { + posType = posType || "current"; + + var root = this.graph.getNode(this.root), + config = this.config, + size = this.canvas.getSize(), + width = size.width, + height = size.height, + offset = config.offset, + levelsToShow = config.constrained ? config.levelsToShow : Number.MAX_VALUE; + + this.controller.onBeforeCompute(root); + + Graph.Util.computeLevels(this.graph, root.id, 0, "ignore"); + + var treeDepth = 0; + + Graph.Util.eachLevel(root, 0, false, function (n, d) { if(d > treeDepth) treeDepth = d; }); + + var startNode = this.graph.getNode(this.clickedNode && this.clickedNode.id || root.id); + var maxDepth = Math.min(treeDepth, levelsToShow-1); + var initialDepth = startNode._depth; + if(this.layout.horizontal()) { + this.computeSubtree(startNode, -width/2, -height/2, width/(maxDepth+1), height, initialDepth, maxDepth, posType); + } else { + this.computeSubtree(startNode, -width/2, -height/2, width, height/(maxDepth+1), initialDepth, maxDepth, posType); + } + }, + + computeSubtree: function (root, x, y, width, height, initialDepth, maxDepth, posType) { + root.getPos(posType).setc(x, y); + root.setData('width', width, posType); + root.setData('height', height, posType); + + var nodeLength, prevNodeLength = 0, totalDim = 0; + var children = Graph.Util.getSubnodes(root, [1, 1]); // next level from this node + + if(!children.length) + return; + + $.each(children, function(e) { totalDim += e.getData('dim'); }); + + for(var i=0, l=children.length; i < l; i++) { + if(this.layout.horizontal()) { + nodeLength = height * children[i].getData('dim') / totalDim; + this.computeSubtree(children[i], x+width, y, width, nodeLength, initialDepth, maxDepth, posType); + y += nodeLength; + } else { + nodeLength = width * children[i].getData('dim') / totalDim; + this.computeSubtree(children[i], x, y+height, nodeLength, height, initialDepth, maxDepth, posType); + x += nodeLength; + } + } + } +}); + + + +/* + * File: Icicle.js + * +*/ + +/* + Class: Icicle + + Icicle space filling visualization. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. + offset - (number) Default's *2*. Boxes offset. + constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. + animate - (boolean) Default's *false*. Whether to animate transitions. + Node.type - Described in . Default's *rectangle*. + Label.type - Described in . Default's *Native*. + duration - Described in . Default's *700*. + fps - Described in . Default's *45*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Icicle = new Class({ + Implements: [ Loader, Extras, Layouts.Icicle ], + + layout: { + orientation: "h", + vertical: function(){ + return this.orientation == "v"; + }, + horizontal: function(){ + return this.orientation == "h"; + }, + change: function(){ + this.orientation = this.vertical()? "h" : "v"; + } + }, + + initialize: function(controller) { + var config = { + animate: false, + orientation: "h", + offset: 2, + levelsToShow: Number.MAX_VALUE, + constrained: false, + Node: { + type: 'rectangle', + overridable: true + }, + Edge: { + type: 'none' + }, + Label: { + type: 'Native' + }, + duration: 700, + fps: 45 + }; + + var opts = Options("Canvas", "Node", "Edge", "Fx", "Tips", "NodeStyles", + "Events", "Navigation", "Controller", "Label"); + this.controller = this.config = $.merge(opts, config, controller); + this.layout.orientation = this.config.orientation; + + var canvasConfig = this.config; + if (canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': true, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + + this.graph = new Graph( + this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); + + this.labels = new $jit.Icicle.Label[this.config.Label.type](this); + this.fx = new $jit.Icicle.Plot(this, $jit.Icicle); + this.op = new $jit.Icicle.Op(this); + this.group = new $jit.Icicle.Group(this); + this.clickedNode = null; + + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function(){ + var labelType = this.config.Label.type; + if(labelType != 'Native') { + var that = this; + this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); + } + this.compute(); + this.plot(); + }, + + /* + Method: plot + + Plots the Icicle visualization. This is a shortcut to *fx.plot*. + + */ + plot: function(){ + this.fx.plot(this.config); + }, + + /* + Method: enter + + Sets the node as root. + + Parameters: + + node - (object) A . + + */ + enter: function (node) { + if (this.busy) + return; + this.busy = true; + + var that = this, + config = this.config; + + var callback = { + onComplete: function() { + //compute positions of newly inserted nodes + if(config.request) + that.compute(); + + if(config.animate) { + that.graph.nodeList.setDataset(['current', 'end'], { + 'alpha': [1, 0] //fade nodes + }); + + Graph.Util.eachSubgraph(node, function(n) { + n.setData('alpha', 1, 'end'); + }, "ignore"); + + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + that.clickedNode = node; + that.compute('end'); + + that.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + that.busy = false; + that.clickedNode = node; + } + }); + } + }); + } else { + that.clickedNode = node; + that.busy = false; + that.refresh(); + } + } + }; + + if(config.request) { + this.requestNodes(clickedNode, callback); + } else { + callback.onComplete(); + } + }, + + /* + Method: out + + Sets the parent node of the current selected node as root. + + */ + out: function(){ + if(this.busy) + return; + + var that = this, + GUtil = Graph.Util, + config = this.config, + graph = this.graph, + parents = GUtil.getParents(graph.getNode(this.clickedNode && this.clickedNode.id || this.root)), + parent = parents[0], + clickedNode = parent, + previousClickedNode = this.clickedNode; + + this.busy = true; + this.events.hoveredNode = false; + + if(!parent) { + this.busy = false; + return; + } + + //final plot callback + callback = { + onComplete: function() { + that.clickedNode = parent; + if(config.request) { + that.requestNodes(parent, { + onComplete: function() { + that.compute(); + that.plot(); + that.busy = false; + } + }); + } else { + that.compute(); + that.plot(); + that.busy = false; + } + } + }; + + //animate node positions + if(config.animate) { + this.clickedNode = clickedNode; + this.compute('end'); + //animate the visible subtree only + this.clickedNode = previousClickedNode; + this.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + //animate the parent subtree + that.clickedNode = clickedNode; + //change nodes alpha + graph.nodeList.setDataset(['current', 'end'], { + 'alpha': [0, 1] + }); + GUtil.eachSubgraph(previousClickedNode, function(node) { + node.setData('alpha', 1); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + callback.onComplete(); + } + }); + } + }); + } else { + callback.onComplete(); + } + }, + requestNodes: function(node, onComplete){ + var handler = $.merge(this.controller, onComplete), + levelsToShow = this.config.constrained ? this.config.levelsToShow : Number.MAX_VALUE; + + if (handler.request) { + var leaves = [], d = node._depth; + Graph.Util.eachLevel(node, 0, levelsToShow, function(n){ + if (n.drawn && !Graph.Util.anySubnode(n)) { + leaves.push(n); + n._level = n._depth - d; + if (this.config.constrained) + n._level = levelsToShow - n._level; + + } + }); + this.group.requestNodes(leaves, handler); + } else { + handler.onComplete(); + } + } +}); + +/* + Class: Icicle.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Op = new Class({ + + Implements: Graph.Op + +}); + +/* + * Performs operations on group of nodes. + */ +$jit.Icicle.Group = new Class({ + + initialize: function(viz){ + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + }, + + /* + * Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller){ + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function(){ + controller.onComplete(); + }; + var viz = this.viz; + if (len == 0) + complete(); + for(var i = 0; i < len; i++) { + nodeSelected[nodes[i].id] = nodes[i]; + controller.request(nodes[i].id, nodes[i]._level, { + onComplete: function(nodeId, data){ + if (data && data.children) { + data.id = nodeId; + viz.op.sum(data, { + type: 'nothing' + }); + } + if (++counter == len) { + Graph.Util.computeLevels(viz.graph, viz.root, 0); + complete(); + } + } + }); + } + } +}); + +/* + Class: Icicle.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Plot = new Class({ + Implements: Graph.Plot, + + plot: function(opt, animating){ + opt = opt || this.viz.controller; + var viz = this.viz, + graph = viz.graph, + root = graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), + initialDepth = root._depth; + + viz.canvas.clear(); + this.plotTree(root, $.merge(opt, { + 'withLabels': true, + 'hideLabels': false, + 'plotSubtree': function(root, node) { + return !viz.config.constrained || + (node._depth - initialDepth < viz.config.levelsToShow); + } + }), animating); + } +}); + +/* + Class: Icicle.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ +$jit.Icicle.Label = {}; + +/* + Icicle.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Label.Native = new Class({ + Implements: Graph.Label.Native, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(), + width = node.getData('width'), + height = node.getData('height'), + size = node.getLabelData('size'), + m = ctx.measureText(node.name); + + // Guess as much as possible if the label will fit in the node + if(height < (size * 1.5) || width < m.width) + return; + + var pos = node.pos.getc(true); + ctx.fillText(node.name, + pos.x + width / 2, + pos.y + height / 2); + } +}); + +/* + Icicle.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.Icicle.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } +}); + +/* + Icicle.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ +$jit.Icicle.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = ''; + + controller.onPlaceLabel(tag, node); + } +}); + +/* + Class: Icicle.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'rectangle'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Icicle.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ +$jit.Icicle.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty + }, + + 'rectangle': { + 'render': function(node, canvas, animating) { + var config = this.viz.config; + var offset = config.offset; + var width = node.getData('width'); + var height = node.getData('height'); + var border = node.getData('border'); + var pos = node.pos.getc(true); + var posx = pos.x + offset / 2, posy = pos.y + offset / 2; + var ctx = canvas.getCtx(); + + if(width - offset < 2 || height - offset < 2) return; + + if(config.cushion) { + var color = node.getData('color'); + var lg = ctx.createRadialGradient(posx + (width - offset)/2, + posy + (height - offset)/2, 1, + posx + (width-offset)/2, posy + (height-offset)/2, + width < height? height : width); + var colorGrad = $.rgbToHex($.map($.hexToRgb(color), + function(r) { return r * 0.3 >> 0; })); + lg.addColorStop(0, color); + lg.addColorStop(1, colorGrad); + ctx.fillStyle = lg; + } + + if (border) { + ctx.strokeStyle = border; + ctx.lineWidth = 3; + } + + ctx.fillRect(posx, posy, Math.max(0, width - offset), Math.max(0, height - offset)); + border && ctx.strokeRect(pos.x, pos.y, width, height); + }, + + 'contains': function(node, pos) { + if(this.viz.clickedNode && !$jit.Graph.Util.isDescendantOf(node, this.viz.clickedNode.id)) return false; + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); + } + } +}); + +$jit.Icicle.Plot.EdgeTypes = new Class( { + 'none': $.empty +}); + + + +/* + * File: Layouts.ForceDirected.js + * +*/ + +/* + * Class: Layouts.ForceDirected + * + * Implements a Force Directed Layout. + * + * Implemented By: + * + * + * + * Credits: + * + * Marcus Cobden + * + */ +Layouts.ForceDirected = new Class({ + + getOptions: function(random) { + var s = this.canvas.getSize(); + var w = s.width, h = s.height; + //count nodes + var count = 0; + this.graph.eachNode(function(n) { + count++; + }); + var k2 = w * h / count, k = Math.sqrt(k2); + var l = this.config.levelDistance; + + return { + width: w, + height: h, + tstart: w * 0.1, + nodef: function(x) { return k2 / (x || 1); }, + edgef: function(x) { return /* x * x / k; */ k * (x - l); } + }; + }, + + compute: function(property, incremental) { + var prop = $.splat(property || ['current', 'start', 'end']); + var opt = this.getOptions(); + NodeDim.compute(this.graph, prop, this.config); + this.graph.computeLevels(this.root, 0, "ignore"); + this.graph.eachNode(function(n) { + $.each(prop, function(p) { + var pos = n.getPos(p); + if(pos.equals(Complex.KER)) { + pos.x = opt.width/5 * (Math.random() - 0.5); + pos.y = opt.height/5 * (Math.random() - 0.5); + } + //initialize disp vector + n.disp = {}; + $.each(prop, function(p) { + n.disp[p] = $C(0, 0); + }); + }); + }); + this.computePositions(prop, opt, incremental); + }, + + computePositions: function(property, opt, incremental) { + var times = this.config.iterations, i = 0, that = this; + if(incremental) { + (function iter() { + for(var total=incremental.iter, j=0; j= times) { + incremental.onComplete(); + return; + } + } + incremental.onStep(Math.round(i / (times -1) * 100)); + setTimeout(iter, 1); + })(); + } else { + for(; i < times; i++) { + opt.t = opt.tstart * (1 - i/(times -1)); + this.computePositionStep(property, opt); + } + } + }, + + computePositionStep: function(property, opt) { + var graph = this.graph; + var min = Math.min, max = Math.max; + var dpos = $C(0, 0); + //calculate repulsive forces + graph.eachNode(function(v) { + //initialize disp + $.each(property, function(p) { + v.disp[p].x = 0; v.disp[p].y = 0; + }); + graph.eachNode(function(u) { + if(u.id != v.id) { + $.each(property, function(p) { + var vp = v.getPos(p), up = u.getPos(p); + dpos.x = vp.x - up.x; + dpos.y = vp.y - up.y; + var norm = dpos.norm() || 1; + v.disp[p].$add(dpos + .$scale(opt.nodef(norm) / norm)); + }); + } + }); + }); + //calculate attractive forces + var T = !!graph.getNode(this.root).visited; + graph.eachNode(function(node) { + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T) { + $.each(property, function(p) { + var vp = node.getPos(p), up = nodeTo.getPos(p); + dpos.x = vp.x - up.x; + dpos.y = vp.y - up.y; + var norm = dpos.norm() || 1; + node.disp[p].$add(dpos.$scale(-opt.edgef(norm) / norm)); + nodeTo.disp[p].$add(dpos.$scale(-1)); + }); + } + }); + node.visited = !T; + }); + //arrange positions to fit the canvas + var t = opt.t, w2 = opt.width / 2, h2 = opt.height / 2; + graph.eachNode(function(u) { + $.each(property, function(p) { + var disp = u.disp[p]; + var norm = disp.norm() || 1; + var p = u.getPos(p); + p.$add($C(disp.x * min(Math.abs(disp.x), t) / norm, + disp.y * min(Math.abs(disp.y), t) / norm)); + p.x = min(w2, max(-w2, p.x)); + p.y = min(h2, max(-h2, p.y)); + }); + }); + } +}); + +/* + * File: ForceDirected.js + */ + +/* + Class: ForceDirected + + A visualization that lays graphs using a Force-Directed layout algorithm. + + Inspired by: + + Force-Directed Drawing Algorithms (Stephen G. Kobourov) + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are two parameters + + levelDistance - (number) Default's *50*. The natural length desired for the edges. + iterations - (number) Default's *50*. The number of iterations for the spring layout simulation. Depending on the browser's speed you could set this to a more 'interesting' number, like *200*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.ForceDirected = new Class( { + + Implements: [ Loader, Extras, Layouts.ForceDirected ], + + initialize: function(controller) { + var $ForceDirected = $jit.ForceDirected; + + var config = { + iterations: 50, + levelDistance: 50 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': true, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $ForceDirected.Label[canvasConfig.Label.type](this); + this.fx = new $ForceDirected.Plot(this, $ForceDirected); + this.op = new $ForceDirected.Op(this); + this.json = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function() { + this.compute(); + this.plot(); + }, + + reposition: function() { + this.compute('end'); + }, + +/* + Method: computeIncremental + + Performs the Force Directed algorithm incrementally. + + Description: + + ForceDirected algorithms can perform many computations and lead to JavaScript taking too much time to complete. + This method splits the algorithm into smaller parts allowing the user to track the evolution of the algorithm and + avoiding browser messages such as "This script is taking too long to complete". + + Parameters: + + opt - (object) The object properties are described below + + iter - (number) Default's *20*. Split the algorithm into pieces of _iter_ iterations. For example, if the _iterations_ configuration property + of your class is 100, then you could set _iter_ to 20 to split the main algorithm into 5 smaller pieces. + + property - (string) Default's *end*. Whether to update starting, current or ending node positions. Possible values are 'end', 'start', 'current'. + You can also set an array of these properties. If you'd like to keep the current node positions but to perform these + computations for final animation positions then you can just choose 'end'. + + onStep - (function) A callback function called when each "small part" of the algorithm completed. This function gets as first formal + parameter a percentage value. + + onComplete - A callback function called when the algorithm completed. + + Example: + + In this example I calculate the end positions and then animate the graph to those positions + + (start code js) + var fd = new $jit.ForceDirected(...); + fd.computeIncremental({ + iter: 20, + property: 'end', + onStep: function(perc) { + Log.write("loading " + perc + "%"); + }, + onComplete: function() { + Log.write("done"); + fd.animate(); + } + }); + (end code) + + In this example I calculate all positions and (re)plot the graph + + (start code js) + var fd = new ForceDirected(...); + fd.computeIncremental({ + iter: 20, + property: ['end', 'start', 'current'], + onStep: function(perc) { + Log.write("loading " + perc + "%"); + }, + onComplete: function() { + Log.write("done"); + fd.plot(); + } + }); + (end code) + + */ + computeIncremental: function(opt) { + opt = $.merge( { + iter: 20, + property: 'end', + onStep: $.empty, + onComplete: $.empty + }, opt || {}); + + this.config.onBeforeCompute(this.graph.getNode(this.root)); + this.compute(opt.property, opt); + }, + + /* + Method: plot + + Plots the ForceDirected graph. This is a shortcut to *fx.plot*. + */ + plot: function() { + this.fx.plot(); + }, + + /* + Method: animate + + Animates the graph from the current positions to the 'end' node positions. + */ + animate: function(opt) { + this.fx.animate($.merge( { + modes: [ 'linear' ] + }, opt || {})); + } +}); + +$jit.ForceDirected.$extend = true; + +(function(ForceDirected) { + + /* + Class: ForceDirected.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: ForceDirected.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Class: ForceDirected.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + ForceDirected.Label = {}; + + /* + ForceDirected.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Label.Native = new Class( { + Implements: Graph.Label.Native + }); + + /* + ForceDirected.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } + }); + + /* + ForceDirected.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + ForceDirected.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: ForceDirected.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + ForceDirected.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + ForceDirected.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.circle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + // TODO(nico): be more precise... + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.ellipse.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.square.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.triangle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.star.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: ForceDirected.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + ForceDirected.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + ForceDirected.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + } + }); + +})($jit.ForceDirected); + + +/* + * File: Treemap.js + * +*/ + +$jit.TM = {}; + +var TM = $jit.TM; + +$jit.TM.$extend = true; + +/* + Class: TM.Base + + Abstract class providing base functionality for , and visualizations. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. + titleHeight - (number) Default's *13*. The height of the title rectangle for inner (non-leaf) nodes. + offset - (number) Default's *2*. Boxes offset. + constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. + animate - (boolean) Default's *false*. Whether to animate transitions. + Node.type - Described in . Default's *rectangle*. + duration - Described in . Default's *700*. + fps - Described in . Default's *45*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + + Inspired by: + + Squarified Treemaps (Mark Bruls, Kees Huizing, and Jarke J. van Wijk) + + Tree visualization with tree-maps: 2-d space-filling approach (Ben Shneiderman) + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + +*/ +TM.Base = { + layout: { + orientation: "h", + vertical: function(){ + return this.orientation == "v"; + }, + horizontal: function(){ + return this.orientation == "h"; + }, + change: function(){ + this.orientation = this.vertical()? "h" : "v"; + } + }, + + initialize: function(controller){ + var config = { + orientation: "h", + titleHeight: 13, + offset: 2, + levelsToShow: 0, + constrained: false, + animate: false, + Node: { + type: 'rectangle', + overridable: true, + //we all know why this is not zero, + //right, Firefox? + width: 3, + height: 3, + color: '#444' + }, + Label: { + textAlign: 'center', + textBaseline: 'top' + }, + Edge: { + type: 'none' + }, + duration: 700, + fps: 45 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + this.layout.orientation = this.config.orientation; + + var canvasConfig = this.config; + if (canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': true, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new TM.Label[canvasConfig.Label.type](this); + this.fx = new TM.Plot(this); + this.op = new TM.Op(this); + this.group = new TM.Group(this); + this.geom = new TM.Geom(this); + this.clickedNode = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function(){ + if(this.busy) return; + this.busy = true; + var that = this; + if(this.config.animate) { + this.compute('end'); + this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode + && this.clickedNode.id || this.root)); + this.fx.animate($.merge(this.config, { + modes: ['linear', 'node-property:width:height'], + onComplete: function() { + that.busy = false; + } + })); + } else { + var labelType = this.config.Label.type; + if(labelType != 'Native') { + var that = this; + this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); + } + this.busy = false; + this.compute(); + this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode + && this.clickedNode.id || this.root)); + this.plot(); + } + }, + + /* + Method: plot + + Plots the TreeMap. This is a shortcut to *fx.plot*. + + */ + plot: function(){ + this.fx.plot(); + }, + + /* + Method: leaf + + Returns whether the node is a leaf. + + Parameters: + + n - (object) A . + + */ + leaf: function(n){ + return n.getSubnodes([ + 1, 1 + ], "ignore").length == 0; + }, + + /* + Method: enter + + Sets the node as root. + + Parameters: + + n - (object) A . + + */ + enter: function(n){ + if(this.busy) return; + this.busy = true; + + var that = this, + config = this.config, + graph = this.graph, + clickedNode = n, + previousClickedNode = this.clickedNode; + + var callback = { + onComplete: function() { + //ensure that nodes are shown for that level + if(config.levelsToShow > 0) { + that.geom.setRightLevelToShow(n); + } + //compute positions of newly inserted nodes + if(config.levelsToShow > 0 || config.request) that.compute(); + if(config.animate) { + //fade nodes + graph.nodeList.setData('alpha', 0, 'end'); + n.eachSubgraph(function(n) { + n.setData('alpha', 1, 'end'); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + //compute end positions + that.clickedNode = clickedNode; + that.compute('end'); + //animate positions + //TODO(nico) commenting this line didn't seem to throw errors... + that.clickedNode = previousClickedNode; + that.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + that.busy = false; + //TODO(nico) check comment above + that.clickedNode = clickedNode; + } + }); + } + }); + } else { + that.busy = false; + that.clickedNode = n; + that.refresh(); + } + } + }; + if(config.request) { + this.requestNodes(clickedNode, callback); + } else { + callback.onComplete(); + } + }, + + /* + Method: out + + Sets the parent node of the current selected node as root. + + */ + out: function(){ + if(this.busy) return; + this.busy = true; + this.events.hoveredNode = false; + var that = this, + config = this.config, + graph = this.graph, + parents = graph.getNode(this.clickedNode + && this.clickedNode.id || this.root).getParents(), + parent = parents[0], + clickedNode = parent, + previousClickedNode = this.clickedNode; + + //if no parents return + if(!parent) { + this.busy = false; + return; + } + //final plot callback + callback = { + onComplete: function() { + that.clickedNode = parent; + if(config.request) { + that.requestNodes(parent, { + onComplete: function() { + that.compute(); + that.plot(); + that.busy = false; + } + }); + } else { + that.compute(); + that.plot(); + that.busy = false; + } + } + }; + //prune tree + if (config.levelsToShow > 0) + this.geom.setRightLevelToShow(parent); + //animate node positions + if(config.animate) { + this.clickedNode = clickedNode; + this.compute('end'); + //animate the visible subtree only + this.clickedNode = previousClickedNode; + this.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + //animate the parent subtree + that.clickedNode = clickedNode; + //change nodes alpha + graph.eachNode(function(n) { + n.setDataset(['current', 'end'], { + 'alpha': [0, 1] + }); + }, "ignore"); + previousClickedNode.eachSubgraph(function(node) { + node.setData('alpha', 1); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + callback.onComplete(); + } + }); + } + }); + } else { + callback.onComplete(); + } + }, + + requestNodes: function(node, onComplete){ + var handler = $.merge(this.controller, onComplete), + lev = this.config.levelsToShow; + if (handler.request) { + var leaves = [], d = node._depth; + node.eachLevel(0, lev, function(n){ + var nodeLevel = lev - (n._depth - d); + if (n.drawn && !n.anySubnode() && nodeLevel > 0) { + leaves.push(n); + n._level = nodeLevel; + } + }); + this.group.requestNodes(leaves, handler); + } else { + handler.onComplete(); + } + } +}; + +/* + Class: TM.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +TM.Op = new Class({ + Implements: Graph.Op, + + initialize: function(viz){ + this.viz = viz; + } +}); + +//extend level methods of Graph.Geom +TM.Geom = new Class({ + Implements: Graph.Geom, + + getRightLevelToShow: function() { + return this.viz.config.levelsToShow; + }, + + setRightLevelToShow: function(node) { + var level = this.getRightLevelToShow(), + fx = this.viz.labels; + node.eachLevel(0, level+1, function(n) { + var d = n._depth - node._depth; + if(d > level) { + n.drawn = false; + n.exist = false; + n.ignore = true; + fx.hideLabel(n, false); + } else { + n.drawn = true; + n.exist = true; + delete n.ignore; + } + }); + node.drawn = true; + delete node.ignore; + } +}); + +/* + +Performs operations on group of nodes. + +*/ +TM.Group = new Class( { + + initialize: function(viz){ + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + }, + + /* + + Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller){ + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function(){ + controller.onComplete(); + }; + var viz = this.viz; + if (len == 0) + complete(); + for ( var i = 0; i < len; i++) { + nodeSelected[nodes[i].id] = nodes[i]; + controller.request(nodes[i].id, nodes[i]._level, { + onComplete: function(nodeId, data){ + if (data && data.children) { + data.id = nodeId; + viz.op.sum(data, { + type: 'nothing' + }); + } + if (++counter == len) { + viz.graph.computeLevels(viz.root, 0); + complete(); + } + } + }); + } + } +}); + +/* + Class: TM.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +TM.Plot = new Class({ + + Implements: Graph.Plot, + + initialize: function(viz){ + this.viz = viz; + this.config = viz.config; + this.node = this.config.Node; + this.edge = this.config.Edge; + this.animation = new Animation; + this.nodeTypes = new TM.Plot.NodeTypes; + this.edgeTypes = new TM.Plot.EdgeTypes; + this.labels = viz.labels; + }, + + plot: function(opt, animating){ + var viz = this.viz, + graph = viz.graph; + viz.canvas.clear(); + this.plotTree(graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), $.merge(viz.config, opt || {}, { + 'withLabels': true, + 'hideLabels': false, + 'plotSubtree': function(n, ch){ + return n.anySubnode("exist"); + } + }), animating); + } +}); + +/* + Class: TM.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + +*/ +TM.Label = {}; + +/* + TM.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +TM.Label.Native = new Class({ + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.config = viz.config; + this.leaf = viz.leaf; + }, + + renderLabel: function(canvas, node, controller){ + if(!this.leaf(node) && !this.config.titleHeight) return; + var pos = node.pos.getc(true), + ctx = canvas.getCtx(), + width = node.getData('width'), + height = node.getData('height'), + x = pos.x + width/2, + y = pos.y; + + ctx.fillText(node.name, x, y, width); + } +}); + +/* + TM.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +TM.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + this.leaf = viz.leaf; + this.config = viz.config; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + if(!this.leaf(node) && !this.config.titleHeight) { + tag.style.display = 'none'; + } + controller.onPlaceLabel(tag, node); + } +}); + +/* + TM.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + +*/ +TM.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + this.leaf = viz.leaf; + this.config = viz.config; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.width = node.getData('width') * sx + 'px'; + style.height = node.getData('height') * sy + 'px'; + style.zIndex = node._depth * 100; + style.display = ''; + + if(!this.leaf(node) && !this.config.titleHeight) { + tag.style.display = 'none'; + } + controller.onPlaceLabel(tag, node); + } +}); + +/* + Class: TM.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'rectangle'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + TM.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + +*/ +TM.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty + }, + + 'rectangle': { + 'render': function(node, canvas, animating){ + var leaf = this.viz.leaf(node), + config = this.config, + offst = config.offset, + titleHeight = config.titleHeight, + pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + border = node.getData('border'), + ctx = canvas.getCtx(), + posx = pos.x + offst / 2, + posy = pos.y + offst / 2; + if(width <= offst || height <= offst) return; + if (leaf) { + if(config.cushion) { + var lg = ctx.createRadialGradient(posx + (width-offst)/2, posy + (height-offst)/2, 1, + posx + (width-offst)/2, posy + (height-offst)/2, width < height? height : width); + var color = node.getData('color'); + var colorGrad = $.rgbToHex($.map($.hexToRgb(color), + function(r) { return r * 0.2 >> 0; })); + lg.addColorStop(0, color); + lg.addColorStop(1, colorGrad); + ctx.fillStyle = lg; + } + ctx.fillRect(posx, posy, width - offst, height - offst); + if(border) { + ctx.save(); + ctx.strokeStyle = border; + ctx.strokeRect(posx, posy, width - offst, height - offst); + ctx.restore(); + } + } else if(titleHeight > 0){ + ctx.fillRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, + titleHeight - offst); + if(border) { + ctx.save(); + ctx.strokeStyle = border; + ctx.strokeRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, + height - offst); + ctx.restore(); + } + } + }, + 'contains': function(node, pos) { + if(this.viz.clickedNode && !node.isDescendantOf(this.viz.clickedNode.id) || node.ignore) return false; + var npos = node.pos.getc(true), + width = node.getData('width'), + leaf = this.viz.leaf(node), + height = leaf? node.getData('height') : this.config.titleHeight; + return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); + } + } +}); + +TM.Plot.EdgeTypes = new Class( { + 'none': $.empty +}); + +/* + Class: TM.SliceAndDice + + A slice and dice TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.SliceAndDice = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.SliceAndDice + ] +}); + +/* + Class: TM.Squarified + + A squarified TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.Squarified = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.Squarified + ] +}); + +/* + Class: TM.Strip + + A strip TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.Strip = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.Strip + ] +}); + + +/* + * File: RGraph.js + * + */ + +/* + Class: RGraph + + A radial graph visualization with advanced animations. + + Inspired by: + + Animated Exploration of Dynamic Graphs with Radial Layout (Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, Marti Hearst) + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. + levelDistance - (number) Default's *100*. The distance between levels of the tree. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. +*/ + +$jit.RGraph = new Class( { + + Implements: [ + Loader, Extras, Layouts.Radial + ], + + initialize: function(controller){ + var $RGraph = $jit.RGraph; + + var config = { + interpolation: 'linear', + levelDistance: 100 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': false, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $RGraph.Label[canvasConfig.Label.type](this); + this.fx = new $RGraph.Plot(this, $RGraph); + this.op = new $RGraph.Op(this); + this.json = null; + this.root = null; + this.busy = false; + this.parent = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function(){ + var ld = this.config.levelDistance; + return function(elem){ + return (elem._depth + 1) * ld; + }; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function(){ + this.compute(); + this.plot(); + }, + + reposition: function(){ + this.compute('end'); + }, + + /* + Method: plot + + Plots the RGraph. This is a shortcut to *fx.plot*. + */ + plot: function(){ + this.fx.plot(); + }, + /* + getNodeAndParentAngle + + Returns the _parent_ of the given node, also calculating its angle span. + */ + getNodeAndParentAngle: function(id){ + var theta = false; + var n = this.graph.getNode(id); + var ps = n.getParents(); + var p = (ps.length > 0)? ps[0] : false; + if (p) { + var posParent = p.pos.getc(), posChild = n.pos.getc(); + var newPos = posParent.add(posChild.scale(-1)); + theta = Math.atan2(newPos.y, newPos.x); + if (theta < 0) + theta += 2 * Math.PI; + } + return { + parent: p, + theta: theta + }; + }, + /* + tagChildren + + Enumerates the children in order to maintain child ordering (second constraint of the paper). + */ + tagChildren: function(par, id){ + if (par.angleSpan) { + var adjs = []; + par.eachAdjacency(function(elem){ + adjs.push(elem.nodeTo); + }, "ignore"); + var len = adjs.length; + for ( var i = 0; i < len && id != adjs[i].id; i++) + ; + for ( var j = (i + 1) % len, k = 0; id != adjs[j].id; j = (j + 1) % len) { + adjs[j].dist = k++; + } + } + }, + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - A id. + opt - (optional|object) An object containing some extra properties described below + hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. + + Example: + + (start code js) + rgraph.onClick('someid'); + //or also... + rgraph.onClick('someid', { + hideLabels: false + }); + (end code) + + */ + onClick: function(id, opt){ + if (this.root != id && !this.busy) { + this.busy = true; + this.root = id; + that = this; + this.controller.onBeforeCompute(this.graph.getNode(id)); + var obj = this.getNodeAndParentAngle(id); + + // second constraint + this.tagChildren(obj.parent, id); + this.parent = obj.parent; + this.compute('end'); + + // first constraint + var thetaDiff = obj.theta - obj.parent.endPos.theta; + this.graph.eachNode(function(elem){ + elem.endPos.set(elem.endPos.getp().add($P(thetaDiff, 0))); + }); + + var mode = this.config.interpolation; + opt = $.merge( { + onComplete: $.empty + }, opt || {}); + + this.fx.animate($.merge( { + hideLabels: true, + modes: [ + mode + ] + }, opt, { + onComplete: function(){ + that.busy = false; + opt.onComplete(); + } + })); + } + } +}); + +$jit.RGraph.$extend = true; + +(function(RGraph){ + + /* + Class: RGraph.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: RGraph.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Object: RGraph.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + RGraph.Label = {}; + + /* + RGraph.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Label.Native = new Class( { + Implements: Graph.Label.Native + }); + + /* + RGraph.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } + }); + + /* + RGraph.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + RGraph.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: RGraph.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + RGraph.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + RGraph.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.circle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + // TODO(nico): be more precise... + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.ellipse.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.square.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.triangle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.star.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: RGraph.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + RGraph.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + RGraph.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + } + }); + +})($jit.RGraph); + + +/* + * File: Hypertree.js + * +*/ + +/* + Complex + + A multi-purpose Complex Class with common methods. Extended for the Hypertree. + +*/ +/* + moebiusTransformation + + Calculates a moebius transformation for this point / complex. + For more information go to: + http://en.wikipedia.org/wiki/Moebius_transformation. + + Parameters: + + c - An initialized Complex instance representing a translation Vector. +*/ + +Complex.prototype.moebiusTransformation = function(c) { + var num = this.add(c); + var den = c.$conjugate().$prod(this); + den.x++; + return num.$div(den); +}; + +/* + moebiusTransformation + + Calculates a moebius transformation for the hyperbolic tree. + + + + Parameters: + + graph - A instance. + pos - A . + prop - A property array. + theta - Rotation angle. + startPos - _optional_ start position. +*/ +Graph.Util.moebiusTransformation = function(graph, pos, prop, startPos, flags) { + this.eachNode(graph, function(elem) { + for ( var i = 0; i < prop.length; i++) { + var p = pos[i].scale(-1), property = startPos ? startPos : prop[i]; + elem.getPos(prop[i]).set(elem.getPos(property).getc().moebiusTransformation(p)); + } + }, flags); +}; + +/* + Class: Hypertree + + A Hyperbolic Tree/Graph visualization. + + Inspired by: + + A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies (John Lamping, Ramana Rao, and Peter Pirolli). + + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the Hypertree described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + radius - (string|number) Default's *auto*. The radius of the disc to plot the in. 'auto' will take the smaller value from the width and height canvas dimensions. You can also set this to a custom value, for example *250*. + offset - (number) Default's *0*. A number in the range [0, 1) that will be substracted to each node position to make a more compact . This will avoid placing nodes too far from each other when a there's a selected node. + fps - Described in . It's default value has been changed to *35*. + duration - Described in . It's default value has been changed to *1500*. + Edge.type - Described in . It's default value has been changed to *hyperline*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Hypertree = new Class( { + + Implements: [ Loader, Extras, Layouts.Radial ], + + initialize: function(controller) { + var $Hypertree = $jit.Hypertree; + + var config = { + radius: "auto", + offset: 0, + Edge: { + type: 'hyperline' + }, + duration: 1500, + fps: 35 + }; + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'complex': false, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $Hypertree.Label[canvasConfig.Label.type](this); + this.fx = new $Hypertree.Plot(this, $Hypertree); + this.op = new $Hypertree.Op(this); + this.json = null; + this.root = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function() { + // get max viz. length. + var r = this.getRadius(); + // get max depth. + var depth = 0, max = Math.max, config = this.config; + this.graph.eachNode(function(node) { + depth = max(node._depth, depth); + }, "ignore"); + depth++; + // node distance generator + var genDistFunc = function(a) { + return function(node) { + node.scale = r; + var d = node._depth + 1; + var acum = 0, pow = Math.pow; + while (d) { + acum += pow(a, d--); + } + return acum - config.offset; + }; + }; + // estimate better edge length. + for ( var i = 0.51; i <= 1; i += 0.01) { + var valSeries = (1 - Math.pow(i, depth)) / (1 - i); + if (valSeries >= 2) { return genDistFunc(i - 0.01); } + } + return genDistFunc(0.75); + }, + + /* + Method: getRadius + + Returns the current radius of the visualization. If *config.radius* is *auto* then it + calculates the radius by taking the smaller size of the widget. + + See also: + + + + */ + getRadius: function() { + var rad = this.config.radius; + if (rad !== "auto") { return rad; } + var s = this.canvas.getSize(); + return Math.min(s.width, s.height) / 2; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + Parameters: + + reposition - (optional|boolean) Set this to *true* to force all positions (current, start, end) to match. + + */ + refresh: function(reposition) { + if (reposition) { + this.reposition(); + this.graph.eachNode(function(node) { + node.startPos.rho = node.pos.rho = node.endPos.rho; + node.startPos.theta = node.pos.theta = node.endPos.theta; + }); + } else { + this.compute(); + } + this.plot(); + }, + + /* + reposition + + Computes nodes' positions and restores the tree to its previous position. + + For calculating nodes' positions the root must be placed on its origin. This method does this + and then attemps to restore the hypertree to its previous position. + + */ + reposition: function() { + this.compute('end'); + var vector = this.graph.getNode(this.root).pos.getc().scale(-1); + Graph.Util.moebiusTransformation(this.graph, [ vector ], [ 'end' ], + 'end', "ignore"); + this.graph.eachNode(function(node) { + if (node.ignore) { + node.endPos.rho = node.pos.rho; + node.endPos.theta = node.pos.theta; + } + }); + }, + + /* + Method: plot + + Plots the . This is a shortcut to *fx.plot*. + + */ + plot: function() { + this.fx.plot(); + }, + + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - A id. + opt - (optional|object) An object containing some extra properties described below + hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. + + Example: + + (start code js) + ht.onClick('someid'); + //or also... + ht.onClick('someid', { + hideLabels: false + }); + (end code) + + */ + onClick: function(id, opt) { + var pos = this.graph.getNode(id).pos.getc(true); + this.move(pos, opt); + }, + + /* + Method: move + + Translates the tree to the given position. + + Parameters: + + pos - (object) A *x, y* coordinate object where x, y in [0, 1), to move the tree to. + opt - This object has been defined in + + Example: + + (start code js) + ht.move({ x: 0, y: 0.7 }, { + hideLabels: false + }); + (end code) + + */ + move: function(pos, opt) { + var versor = $C(pos.x, pos.y); + if (this.busy === false && versor.norm() < 1) { + this.busy = true; + var root = this.graph.getClosestNodeToPos(versor), that = this; + this.graph.computeLevels(root.id, 0); + this.controller.onBeforeCompute(root); + opt = $.merge( { + onComplete: $.empty + }, opt || {}); + this.fx.animate($.merge( { + modes: [ 'moebius' ], + hideLabels: true + }, opt, { + onComplete: function() { + that.busy = false; + opt.onComplete(); + } + }), versor); + } + } +}); + +$jit.Hypertree.$extend = true; + +(function(Hypertree) { + + /* + Class: Hypertree.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: Hypertree.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Object: Hypertree.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + Hypertree.Label = {}; + + /* + Hypertree.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Label.Native = new Class( { + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.viz = viz; + }, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var coord = node.pos.getc(true); + var s = this.viz.getRadius(); + ctx.fillText(node.name, coord.x * s, coord.y * s); + } + }); + + /* + Hypertree.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(), + r = this.viz.getRadius(); + var labelPos = { + x: Math.round((pos.x * sx) * r + ox + radius.width / 2), + y: Math.round((pos.y * sy) * r + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + controller.onPlaceLabel(tag, node); + } + }); + + /* + Hypertree.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + Hypertree.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(), + r = this.viz.getRadius(); + var labelPos = { + x: Math.round((pos.x * sx) * r + ox + radius.width / 2), + y: Math.round((pos.y * sy) * r + oy + radius.height / 2) + }; + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: Hypertree.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Hypertree.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + Hypertree.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.circle.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas) { + var pos = node.pos.getc().$scale(node.scale), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.circle.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.square.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas) { + var nconfig = this.node, + width = node.getData('width'), + height = node.getData('height'), + pos = node.pos.getc(); + width = nconfig.transform? width * (1 - pos.squaredNorm()) : width; + height = nconfig.transform? height * (1 - pos.squaredNorm()) : height; + pos.$scale(node.scale); + if (width > 0.2 && height > 0.2) { + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + } + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.square.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.triangle.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.star.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: Hypertree.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line', 'arrow' and 'hyperline'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + Hypertree.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + Hypertree.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.line.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.line.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale, + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.arrow.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); + } + }, + 'hyperline': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(), + to = adj.nodeTo.pos.getc(), + dim = this.viz.getRadius(); + this.edgeHelper.hyperline.render(from, to, dim, canvas); + }, + 'contains': $.lambda(false) + } + }); + +})($jit.Hypertree); + + + + })(); \ No newline at end of file diff --git a/app/controllers/synapses_controller.rb b/app/controllers/synapses_controller.rb index 6dbdf5d6..08ab27dd 100644 --- a/app/controllers/synapses_controller.rb +++ b/app/controllers/synapses_controller.rb @@ -54,7 +54,7 @@ class SynapsesController < ApplicationController @user = current_user @synapse = Synapse.new() @synapse.desc = params[:synapse][:desc] - @synapse.category = params[:category] + @synapse.category = params[:synapse][:category] @synapse.item1 = Item.find(params[:node1_id]) @synapse.item2 = Item.find(params[:node2_id]) @synapse.permission = params[:synapse][:permission] @@ -102,7 +102,7 @@ class SynapsesController < ApplicationController @synapse = @user.synapses.find(params[:id]).authorize_to_edit(@current) if @synapse - @items = Item.visibleToUser(@current) + @items = Item.visibleToUser(@current, nil) elsif not @synapse redirect_to root_url and return end @@ -118,6 +118,7 @@ class SynapsesController < ApplicationController if @synapse @synapse.desc = params[:synapse][:desc] + @synapse.category = params[:synapse][:category] @synapse.item1 = Item.find(params[:node1_id][:node1]) @synapse.item2 = Item.find(params[:node2_id][:node2]) @synapse.permission = params[:synapse][:permission] diff --git a/app/models/item.rb b/app/models/item.rb index 55ce8b4a..86e4de23 100644 --- a/app/models/item.rb +++ b/app/models/item.rb @@ -62,6 +62,7 @@ belongs_to :item_category @synapsedata = Hash.new @synapsedata['$desc'] = synapse.desc + @synapsedata['$showDesc'] = false @synapsedata['$category'] = synapse.category @synapsedata['$userid'] = synapse.user.id @synapsedata['$username'] = synapse.user.name diff --git a/app/models/map.rb b/app/models/map.rb index bc20726a..2005d13d 100644 --- a/app/models/map.rb +++ b/app/models/map.rb @@ -30,6 +30,7 @@ end @synapsedata = Hash.new @synapsedata['$desc'] = synapse.desc + @synapsedata['$showDesc'] = false @synapsedata['$category'] = synapse.category @synapsedata['$userid'] = synapse.user.id @synapsedata['$username'] = synapse.user.name diff --git a/app/models/synapse.rb b/app/models/synapse.rb index 691fe893..81c6190c 100644 --- a/app/models/synapse.rb +++ b/app/models/synapse.rb @@ -14,6 +14,7 @@ has_many :maps, :through => :mappings Jbuilder.encode do |json| @synapsedata = Hash.new @synapsedata['$desc'] = self.desc + @synapsedata['$showDesc'] = false @synapsedata['$category'] = self.category @synapsedata['$userid'] = synapse.user.id @synapsedata['$username'] = synapse.user.name @@ -34,6 +35,7 @@ has_many :maps, :through => :mappings @synapsedata = Hash.new @synapsedata['$desc'] = synapse.desc + @synapsedata['$showDesc'] = false @synapsedata['$category'] = synapse.category @synapsedata['$userid'] = synapse.user.id @synapsedata['$username'] = synapse.user.name diff --git a/app/views/maps/_newsynapse.html.erb b/app/views/maps/_newsynapse.html.erb index 9bce585d..78b121df 100644 --- a/app/views/maps/_newsynapse.html.erb +++ b/app/views/maps/_newsynapse.html.erb @@ -2,15 +2,16 @@ <%= form_for Synapse.new, url: user_synapses_url(user), remote: true do |form| %>

Add Synapse Between Topics

- <%= hidden_field_tag(:category, "Item") %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node1_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> + + <%= form.select :category, options_for_select(['none', 'both', 'from-to', 'to-from']) %> <%= form.text_field :desc, class: "description" %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node2_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> diff --git a/app/views/synapses/_new.html.erb b/app/views/synapses/_new.html.erb index ff76f351..911d1985 100644 --- a/app/views/synapses/_new.html.erb +++ b/app/views/synapses/_new.html.erb @@ -2,15 +2,16 @@ <%= form_for Synapse.new, url: user_synapses_url(user), remote: true do |form| %>

Add Synapse Between Topics

- <%= hidden_field_tag(:category, "Item") %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node1_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> + + <%= form.select :category, options_for_select(['none', 'both', 'from-to', 'to-from']) %> <%= form.text_field :desc, class: "description" %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node2_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> diff --git a/app/views/synapses/edit.html.erb b/app/views/synapses/edit.html.erb index f2ca1d20..a287fe34 100644 --- a/app/views/synapses/edit.html.erb +++ b/app/views/synapses/edit.html.erb @@ -1,14 +1,16 @@ <%= form_for @synapse, url: user_synapse_url do |form| %>

Edit Synapse

- <% if @collection.count > 0 %> + <% if Item.visibleToUser(user, nil).count > 0 %> - <%= select "node1_id", "node1", @collection.order("name ASC").map {|p| [ p.name, p.id ] }, { :selected => @synapse.node1_id } %> + <%= select "node1_id", "node1", Item.order("name ASC").visibleToUser(user, nil).map {|p| [ p.name, p.id ] }, { :selected => @synapse.node1_id } %> <% end %> + + <%= form.select :category, options_for_select(['none', 'both', 'from-to', 'to-from'], @synapse.category) %> <%= form.text_field :desc, class: "description" %> - <% if @collection.count > 0 %> + <% if Item.visibleToUser(user, nil).count > 0 %> - <%= select "node2_id", "node2", @collection.order("name ASC").map {|p| [ p.name, p.id ] }, { :selected => @synapse.node2_id } %> + <%= select "node2_id", "node2", Item.order("name ASC").visibleToUser(user, nil).map {|p| [ p.name, p.id ] }, { :selected => @synapse.node2_id } %> <% end %> <%= form.select :permission, options_for_select(['commons', 'public', 'private'], @synapse.permission) %> diff --git a/app/views/synapses/new.html.erb b/app/views/synapses/new.html.erb index 72db8593..4053f33d 100644 --- a/app/views/synapses/new.html.erb +++ b/app/views/synapses/new.html.erb @@ -1,15 +1,16 @@
<%= form_for @synapse, url: user_synapses_url do |form| %>

Add Synapse Between Topics

- <%= hidden_field_tag(:category, "Item") %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node1_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> + + <%= form.select :category, options_for_select(['none', 'both', 'from-to', 'to-from']) %> <%= form.text_field :desc, class: "description" %> <% if Item.visibleToUser(user, nil).count > 0 %> - + <%= select_tag :node2_id, options_from_collection_for_select(Item.order("name ASC").visibleToUser(user, nil), "id", "name") %> <% end %> diff --git a/db/schema.rb b/db/schema.rb index 4edb697d..4d849f05 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -11,7 +11,7 @@ # # It's strongly recommended to check this file into your version control system. -ActiveRecord::Schema.define(:version => 20121029164735) do +ActiveRecord::Schema.define(:version => 20121026000731) do create_table "item_categories", :force => true do |t| t.text "name" @@ -24,11 +24,11 @@ ActiveRecord::Schema.define(:version => 20121029164735) do t.text "name" t.text "desc" t.text "link" + t.text "permission" t.integer "user_id" t.integer "item_category_id" t.datetime "created_at", :null => false t.datetime "updated_at", :null => false - t.text "permission" end create_table "mappings", :force => true do |t| @@ -44,37 +44,37 @@ ActiveRecord::Schema.define(:version => 20121029164735) do end create_table "maps", :force => true do |t| - t.datetime "created_at", :null => false - t.datetime "updated_at", :null => false t.text "name" t.text "desc" t.text "permission" t.integer "user_id" + t.datetime "created_at", :null => false + t.datetime "updated_at", :null => false end create_table "synapses", :force => true do |t| t.text "desc" t.text "category" + t.text "weight" + t.text "permission" t.integer "node1_id" t.integer "node2_id" t.integer "user_id" t.datetime "created_at", :null => false t.datetime "updated_at", :null => false - t.text "permission" - t.text "weight" end create_table "users", :force => true do |t| t.string "name" t.string "email" + t.string "code", :limit => 8 + t.string "joinedwithcode", :limit => 8 t.string "crypted_password" t.string "password_salt" t.string "persistence_token" t.string "perishable_token" t.datetime "created_at", :null => false t.datetime "updated_at", :null => false - t.string "code", :limit => 8 - t.string "joinedwithcode", :limit => 8 end end