Skip to content

Instantly share code, notes, and snippets.

@timeu

timeu/index.html

Forked from mbostock/.block
Last active August 29, 2015 13:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save timeu/9003558 to your computer and use it in GitHub Desktop.
Save timeu/9003558 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
readme.json
{"children":[{"name":"A_183","length":0},{"name":"A_59","length":0},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_213","length":0},{"name":"A_12","length":0}],"length":0},{"name":"A_179","length":0}],"length":0},{"name":"A_212","length":0}],"length":0},{"name":"A_5","length":0}],"length":0},{"name":"A_143","length":0}],"length":0},{"name":"A_42","length":0}],"length":0},{"name":"A_43","length":0}],"length":0},{"name":"A_18","length":0}],"length":0},{"name":"A_58","length":0}],"length":0.000002491230867},{"name":"A_121","length":0.04166417544}],"length":0.00002776251899},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_22","length":0},{"name":"A_23","length":0}],"length":0},{"name":"A_16","length":0}],"length":0},{"name":"A_146","length":0}],"length":0.04163890415}],"length":0.0002427743682},{"name":"A_126","length":0.0414238923}],"length":0.0003307522207},{"name":"A_140","length":0.04133591445}],"length":0.0006151093377},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_122","length":0.03988358986},{"name":"A_31","length":0.001783076803}],"length":0.02025052861},{"name":"A_125","length":0.06308280472}],"length":0.01598263308},{"name":"","children":[{"name":"A_78","length":0.04025444471},{"name":"A_70","length":0.001412221961}],"length":0.03610070025}],"length":0.004593223996}],"length":0.01848676403},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_158","length":0.03964505337},{"name":"A_173","length":0.002021613294}],"length":0.005966025751},{"name":"A_157","length":0.03570064092}],"length":0.01249503181},{"name":"A_79","length":0.07083830152}],"length":0.02057573597}],"length":0.005907593502},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_180","length":0},{"name":"A_19","length":0}],"length":0},{"name":"A_189","length":0}],"length":0},{"name":"A_48","length":0}],"length":0},{"name":"A_139","length":0}],"length":0.02054761871},{"name":"","children":[{"name":"A_44","length":0},{"name":"A_137","length":0}],"length":0.02111904796}],"length":0.005811156498}],"length":0.007420719839},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_182","length":0},{"name":"A_131","length":0}],"length":0},{"name":"A_7","length":0}],"length":0},{"name":"A_54","length":0}],"length":0},{"name":"A_165","length":0}],"length":0},{"name":"A_36","length":0}],"length":0.0003110990243},{"name":"A_169","length":0.04135556764}],"length":0.0003789918036},{"name":"A_135","length":0.04128767486}],"length":0.0005162887243},{"name":"A_3","length":0.04115037794}],"length":0.0003963269685},{"name":"","children":[{"name":"A_124","length":0.02079159989},{"name":"A_69","length":0.02087506677}],"length":0.02043700636}],"length":0.0009111171299},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_35","length":0},{"name":"A_129","length":0}],"length":0.02010967113},{"name":"","children":[{"name":"A_151","length":0.04087931315},{"name":"A_133","length":0.0007873535156}],"length":0.02155699553}],"length":0.005100736813},{"name":"","children":[{"name":"","children":[{"name":"A_89","length":0.07525386276},{"name":"A_90","length":0.04974613724}],"length":0.02201996083},{"name":"A_127","length":0.01964670584}],"length":0.005315929854}],"length":0.01030794405},{"name":"","children":[{"name":"A_132","length":0.02154111314},{"name":"A_130","length":0.02012555353}],"length":0.01833788928}],"length":0.00299513287}],"length":0.01923291485},{"name":"","children":[{"name":"A_152","length":0.03446288542},{"name":"A_10","length":0.007203781244}],"length":0.02113166849}],"length":0.005031315593},{"name":"","children":[{"name":"A_17","length":0.07222943693},{"name":"A_55","length":0.01110389641}],"length":0.02394003857}],"length":0.009333430552}],"length":0.001634228742},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_134","length":0.03477985175},{"name":"A_61","length":0.006886814916}],"length":0.02053722554},{"name":"A_34","length":0.06279610779}],"length":0.00152804738},{"name":"","children":[{"name":"A_192","length":0.0282608294},{"name":"A_193","length":0.01340583726}],"length":0.01930528595}],"length":0.0148096596}],"length":0.001659330942},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_56","length":0},{"name":"A_38","length":0}],"length":0},{"name":"A_39","length":0}],"length":0},{"name":"A_136","length":0}],"length":0.01329497911},{"name":"A_141","length":0.02837168755}],"length":0.01916550662},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_142","length":0},{"name":"A_57","length":0}],"length":0},{"name":"A_40","length":0}],"length":0},{"name":"A_67","length":0}],"length":0},{"name":"A_41","length":0}],"length":0.009818340307},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_159","length":0},{"name":"A_20","length":0}],"length":0},{"name":"A_51","length":0}],"length":0},{"name":"A_187","length":0}],"length":0},{"name":"A_191","length":0}],"length":0},{"name":"A_50","length":0}],"length":0.0005102132161},{"name":"","children":[{"name":"","children":[{"name":"A_87","length":0},{"name":"A_86","length":0}],"length":0},{"name":"A_184","length":0}],"length":0.04115645345}],"length":0.0003159020537},{"name":"A_33","length":0.04135076461}],"length":0.0003716176764},{"name":"A_30","length":0.04129504899}],"length":0.0009426419201},{"name":"A_77","length":0.04072402475}],"length":0.006534657859},{"name":"","children":[{"name":"","children":[{"name":"A_49","length":0},{"name":"A_190","length":0}],"length":0.0183095065},{"name":"A_52","length":0.02335716016}],"length":0.01429867547}],"length":0.02377458258},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_181","length":0},{"name":"A_204","length":0}],"length":0},{"name":"A_164","length":0}],"length":0},{"name":"A_103","length":0}],"length":0.0006015954641},{"name":"A_95","length":0.0410650712}],"length":0.004130175159},{"name":"A_115","length":0.03753649151}],"length":0.00685283594},{"name":"","children":[{"name":"A_102","length":0},{"name":"A_163","length":0}],"length":0.03481383073}],"length":0.00324911366},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_108","length":0},{"name":"A_25","length":0}],"length":0},{"name":"A_205","length":0}],"length":0.006712772228},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_211","length":0},{"name":"A_109","length":0}],"length":0},{"name":"A_206","length":0}],"length":0.02036973777},{"name":"A_106","length":0.0212969289}],"length":0.002942095305},{"name":"A_105","length":0.01789123803}],"length":0.01412056111}],"length":0.01869545061},{"name":"","children":[{"name":"A_97","length":0},{"name":"A_199","length":0}],"length":0.02297121605}],"length":0.00578120631},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_15","length":0},{"name":"A_93","length":0}],"length":0},{"name":"A_198","length":0}],"length":0},{"name":"A_203","length":0}],"length":0},{"name":"A_100","length":0}],"length":0},{"name":"A_186","length":0}],"length":0},{"name":"A_2","length":0}],"length":0},{"name":"A_24","length":0}],"length":0},{"name":"A_162","length":0}],"length":0.0001219513356},{"name":"A_196","length":0.04154471533}],"length":0.0003216313381},{"name":"A_194","length":0.04134503533}],"length":0.0007400964139},{"name":"","children":[{"name":"A_117","length":0.04081373948},{"name":"A_116","length":0.0008529271835}],"length":0.04092657025}],"length":0.005634141347},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_200","length":0},{"name":"A_11","length":0}],"length":0},{"name":"A_98","length":0}],"length":0},{"name":"A_161","length":0}],"length":0.0006720159472},{"name":"A_209","length":0.04099465072}],"length":0.00138894511},{"name":"A_118","length":0.04027772156}],"length":0.0164860116},{"name":"A_201","length":0.02518065507}],"length":0.01259502532}],"length":0.002424730355},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_113","length":0.0370869384},{"name":"A_114","length":0.004579728266}],"length":0.02659088235},{"name":"A_112","length":0.03590911765}],"length":0.004845138371},{"name":"","children":[{"name":"A_208","length":0},{"name":"A_111","length":0}],"length":0.005571528296}],"length":0.01978914855},{"name":"","children":[{"name":"A_110","length":0},{"name":"A_207","length":0}],"length":0.02187751812}],"length":0.01710651965}],"length":0.002417743567},{"name":"A_94","length":0.04055100643}],"length":0.0128548614}],"length":0.01042276134}],"length":0.003321413464},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_195","length":0.02588102553},{"name":"A_101","length":0.01578564114}],"length":0.008365062957},{"name":"A_91","length":0.03330160371}],"length":0.01672740944},{"name":"A_104","length":0.02493925723}],"length":0.007695826089},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_92","length":0},{"name":"A_107","length":0}],"length":0.0005611359127},{"name":"A_168","length":0.04110553075}],"length":0.01622589831},{"name":"A_120","length":0.02544076836}],"length":0.01652215117},{"name":"","children":[{"name":"A_202","length":0},{"name":"A_99","length":0}],"length":0.0251445155}],"length":0.02355417391}],"length":0.009771105038},{"name":"","children":[{"name":"A_167","length":0.06821113312},{"name":"A_96","length":0.01512220022}],"length":0.06444764496}],"length":0.01191703055}],"length":0.01429757869},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_153","length":0.04155557622},{"name":"A_156","length":0.0001110904431}],"length":0.02242923417},{"name":"A_210","length":0.0192374325}],"length":0.01083638245},{"name":"A_197","length":0.03083028422}],"length":0.00141351571},{"name":"","children":[{"name":"A_154","length":0.0286026001},{"name":"A_155","length":0.05473073324}],"length":0.05066981762}],"length":0.02126557235}],"length":0.01208454397},{"name":"A_119","length":0.05736329131}],"length":0.09159203526}],"length":0.01225095494}],"length":0.0160568648}],"length":0.003926532392},{"name":"","children":[{"name":"","children":[{"name":"A_123","length":0.04552661048},{"name":"A_28","length":0.03780672285}],"length":0.01441506915},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_71","length":0.04138436153},{"name":"A_64","length":0.0002823051365}],"length":0.0007575706199},{"name":"A_32","length":0.04090909605}],"length":0.0123817498},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_27","length":0.0412490173},{"name":"A_62","length":0.0004176493711}],"length":0.01941077131},{"name":"A_63","length":0.02225589536}],"length":0.01020238171},{"name":"A_13","length":0.03146428496}],"length":0.0188682502}],"length":0.05190320479},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_12","length":0},{"name":"S_37","length":0}],"length":0.02474772135},{"name":"S_43","length":0.05858561198}],"length":0.01441955566},{"name":"S_26","length":0.1105804443}],"length":0.00918320779},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_13","length":0},{"name":"S_35","length":0}],"length":0},{"name":"S_2","length":0}],"length":0},{"name":"S_42","length":0}],"length":0},{"name":"S_46","length":0}],"length":0},{"name":"S_48","length":0}],"length":0},{"name":"S_70","length":0}],"length":0},{"name":"S_33","length":0}],"length":0},{"name":"S_22","length":0}],"length":0.001137181332},{"name":"","children":[{"name":"","children":[{"name":"S_7","length":0.02127311862},{"name":"S_49","length":0.06206021471}],"length":0.01555689941},{"name":"","children":[{"name":"S_32","length":0.06189924204},{"name":"S_3","length":0.02143409129}],"length":0.01569310059}],"length":0.004071152001}],"length":0.001629620747},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_9","length":0},{"name":"S_31","length":0}],"length":0.001064202724},{"name":"S_44","length":0.04060246394}],"length":0.009340286255},{"name":"S_28","length":0.07399304708}],"length":0.01590165936},{"name":"S_55","length":0.02576500731}],"length":0.007439479355},{"name":"","children":[{"name":"S_34","length":0.06140087298},{"name":"S_15","length":0.02193246036}],"length":0.01339385398}],"length":0.00878704592}],"length":0.003317931409},{"name":"S_1","length":0.03834873526}],"length":0.005060436107},{"name":"S_19","length":0.07827289723}],"length":0.01034804221}],"length":0.004699299552},{"name":"","children":[{"name":"","children":[{"name":"S_25","length":0.04017999681},{"name":"S_47","length":0.00148666986}],"length":0.03340965292},{"name":"S_36","length":0.04992368041}],"length":0.02638794003}],"length":0.01602144125},{"name":"S_24","length":0.04655993896}],"length":0.0144533721},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_29","length":0},{"name":"S_30","length":0}],"length":0},{"name":"S_27","length":0}],"length":0},{"name":"S_6","length":0}],"length":0},{"name":"S_21","length":0}],"length":0},{"name":"S_20","length":0}],"length":0.003958333333},{"name":"","children":[{"name":"S_45","length":0.02170468948},{"name":"S_41","length":0.01996197719}],"length":0.016875}],"length":0.006368657594},{"name":"","children":[{"name":"S_39","length":0},{"name":"S_17","length":0}],"length":0.03529800907}],"length":0.01004225073},{"name":"S_23","length":0.0732910826}],"length":0.007799795073},{"name":"S_38","length":0.03386687159}],"length":0.02101032616},{"name":"","children":[{"name":"","children":[{"name":"S_10","length":0},{"name":"S_18","length":0}],"length":0.03025587828},{"name":"S_14","length":0.01141078838}],"length":0.0206563405}],"length":0.01869615064},{"name":"S_16","length":0.06203301602}],"length":0.01663132435}],"length":0.01969018412},{"name":"","children":[{"name":"S_5","length":0.003220706125},{"name":"S_8","length":0.03844596054}],"length":0.03402202494}],"length":0.004815044926},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_66","length":0.143459794},{"name":"S_53","length":0.106540206}],"length":0.06890546934},{"name":"S_11","length":0.05609453066}],"length":0.03563963313},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_58","length":0.07587902726},{"name":"S_57","length":0.04912097274}],"length":0.01848070549},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_63","length":0.05133522727},{"name":"S_65","length":0.03199810606}],"length":0.0307042739},{"name":"","children":[{"name":"","children":[{"name":"S_59","length":0.02628434886},{"name":"S_68","length":0.05704898447}],"length":0.01423360409},{"name":"","children":[{"name":"S_50","length":0.06064650059},{"name":"S_64","length":0.02268683274}],"length":0.02743306258}],"length":0.04221239277}],"length":0.00703125},{"name":"","children":[{"name":"","children":[{"name":"S_40","length":0.02573753041},{"name":"S_52","length":0.01592913625}],"length":0.02341842186},{"name":"S_51","length":0.1015815781}],"length":0.01119791667}],"length":0.02188387784}],"length":0.006021506998},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"S_4","length":0.05438988095},{"name":"S_62","length":0.07061011905}],"length":0.01644934053},{"name":"S_61","length":0.06688399281}],"length":0.02020116244},{"name":"S_56","length":0.02146550423}],"length":0.04322233926},{"name":"S_54","length":0.02448599407}],"length":0.02262432634}],"length":0.007474886525},{"name":"","children":[{"name":"","children":[{"name":"S_60","length":0.09761738184},{"name":"S_69","length":0.02738261816}],"length":0.008972091195},{"name":"S_67","length":0.03269457547}],"length":0.02182198847}],"length":0.06966635645}],"length":0.02035444684}],"length":0.1061103973}],"length":0.004416790063},{"name":"A_148","length":0.07768312449}],"length":0.02425070233}],"length":0.01106706008}],"length":0.005454443847},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_75","length":0.04824859021},{"name":"A_128","length":0.03508474313}],"length":0.01538561393},{"name":"A_60","length":0.02628105274}],"length":0.007929406135},{"name":"","children":[{"name":"A_174","length":0.07584782845},{"name":"A_29","length":0.007485504888}],"length":0.03373726053}],"length":0.005587612231},{"name":"","children":[{"name":"A_45","length":0},{"name":"A_144","length":0}],"length":0.004829054436}],"length":0.03038145588}],"length":0.004163616986},{"name":"","children":[{"name":"","children":[{"name":"A_150","length":0.0691155268},{"name":"A_76","length":0.01421780653}],"length":0.01916506124},{"name":"","children":[{"name":"","children":[{"name":"A_72","length":0.03464250084},{"name":"A_73","length":0.007024165824}],"length":0.03885523478},{"name":"A_74","length":0.002811431885}],"length":0.02250160543}],"length":0.01340109697}],"length":0.003111516716}],"length":0.001714692265},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_83","length":0.04021884234},{"name":"A_82","length":0.001447824331}],"length":0.01330702393},{"name":"A_81","length":0.02835964274}],"length":0.01854843082},{"name":"A_80","length":0.02311823585}],"length":0.01813764175}],"length":0.002368978385},{"name":"","children":[{"name":"A_149","length":0},{"name":"A_66","length":0}],"length":0.04131661681}],"length":0.0002040362784},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"A_4","length":0},{"name":"A_147","length":0}],"length":0},{"name":"A_68","length":0}],"length":0},{"name":"A_65","length":0}],"length":0.04150983727}],"length":0.0001307091227},{"name":"A_9","length":0.04163853714}],"length":0.00001804922254},{"name":"A_37","length":0.04165577994}],"length":0.000006977170706},{"name":"A_166","length":0.04166243131}],"length":0.000003522675898},{"name":"","children":[{"name":"A_85","length":0},{"name":"A_84","length":0}],"length":0.04166589201}],"length":4.810753508e-7},{"name":"A_26","length":0.0416663464}],"length":3.191332022e-7},{"name":"A_6","length":0.04166666542}],"length":1.241763432e-9},{"name":"A_170","length":0}],"length":0},{"name":"A_1","length":0}],"length":0},{"name":"A_46","length":0}],"length":0},{"name":"A_188","length":0}],"length":0},{"name":"A_88","length":0}],"length":0},{"name":"A_138","length":0}],"length":0},{"name":"A_176","length":0}],"length":0},{"name":"A_178","length":0}],"length":0},{"name":"A_177","length":0}],"length":0},{"name":"A_14","length":0}],"length":0},{"name":"A_47","length":0}],"length":0},{"name":"A_8","length":0}],"length":0},{"name":"A_171","length":0}],"length":0},{"name":"A_172","length":0}],"length":0},{"name":"A_160","length":0}],"length":0},{"name":"A_21","length":0}],"length":0},{"name":"A_175","length":0}],"length":0},{"name":"A_145","length":0}],"length":0},{"name":"A_185","length":0}],"length":0},{"name":"A_53","length":0}],"length":0}],"name":""}
Raw
readme.md

Click to expand or collapse nodes in the tree. Built with D3.js.

Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>Force-Directed Graph</title>
<style>
.node {
cursor: pointer;
stroke: #3182bd;
stroke-width: 1.5px;
}
.link {
fill: none;
stroke: #9ecae1;
stroke-width: 1.5px;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var width = 960,
height = 500,
root;
var force = d3.layout.force()
.size([width, height])
.on("tick", tick);
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var link = svg.selectAll(".link"),
node = svg.selectAll(".node");
d3.json("readme.json", function(json) {
root = json;
update();
});
function update() {
var nodes = flatten(root),
links = d3.layout.tree().links(nodes);
// Restart the force layout.
force
.nodes(nodes)
.links(links)
.start();
// Update the links…
link = link.data(links, function(d) { return d.target.id; });
// Exit any old links.
link.exit().remove();
// Enter any new links.
link.enter().insert("line", ".node")
.attr("class", "link")
.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
// Update the nodes…
node = node.data(nodes, function(d) { return d.id; }).style("fill", color);
// Exit any old nodes.
node.exit().remove();
// Enter any new nodes.
node.enter().append("circle")
.attr("class", "node")
.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; })
.attr("r", function(d) { return Math.sqrt(d.size) / 10 || 4.5; })
.style("fill", color)
.on("click", click)
.call(force.drag);
}
function tick() {
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
node.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; });
}
// Color leaf nodes orange, and packages white or blue.
function color(d) {
return d._children ? "#3182bd" : d.children ? "#c6dbef" : "#fd8d3c";
}
// Toggle children on click.
function click(d) {
if (!d3.event.defaultPrevented) {
if (d.children) {
d._children = d.children;
d.children = null;
} else {
d.children = d._children;
d._children = null;
}
update();
}
}
// Returns a list of all nodes under the root.
function flatten(root) {
var nodes = [], i = 0;
function recurse(node) {
if (node.children) node.children.forEach(recurse);
if (!node.id) node.id = ++i;
nodes.push(node);
}
recurse(root);
return nodes;
}
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment