Draw force directed graph from json file

[sumit-byte]

As iam new to javascript , iam not being able to draw force directed graph from my json file. Please help me to draw the graph with node size according to the size given in the node description and color according to the pagerank Here iam attaching the json file : { "directed": false, "multigraph": false, "graph": { "node_default": {}, "edge_default": {} }, "nodes": [ { "name": "leuT", "pagerank": 0.008401503126648335, "size": 13.460111406714873, "id": 0 }, { "name": "thrU", "pagerank": 0.010389470798180462, "size": 15.034616276751176, "id": 1 }, { "name": "leuX", "pagerank": 0.008219561883974654, "size": 13.30110735388589, "id": 2 }, { "name": "glnU", "pagerank": 0.008346623167812348, "size": 13.412466666599713, "id": 3 }, { "name": "fis", "pagerank": 0.009973878955996874, "size": 14.726555106288926, "id": 4 }, { "name": "apaG", "pagerank": 0.009833503605089283, "size": 14.620272123703934, "id": 5 }, { "name": "argU", "pagerank": 0.010178173724069215, "size": 14.879190940121852, "id": 6 }, { "name": "alaX", "pagerank": 0.010109702313786295, "size": 14.82829763905088, "id": 7 }, { "name": "rrfE", "pagerank": 0.017072446967045195, "size": 19.092080332934138, "id": 8 }, { "name": "hisR", "pagerank": 0.005794555303722916, "size": 10.778108268771152, "id": 9 }, { "name": "argX", "pagerank": 0.017482365146182587, "size": 19.30354043782753, "id": 10 }, { "name": "pdxA", "pagerank": 0.010219770351963706, "size": 14.909981184158793, "id": 11 }, { "name": "metU", "pagerank": 0.010684018523665339, "size": 15.247346077337976, "id": 12 }, { "name": "leuQ", "pagerank": 0.008579265660326109, "size": 13.612628889707336, "id": 13 }, { "name": "tpr", "pagerank": 0.008206810426495442, "size": 13.289849100073056, "id": 14 }, { "name": "glnX", "pagerank": 0.010285820598740083, "size": 14.958676652334884, "id": 15 }, { "name": "rrfD", "pagerank": 0.010551725352453049, "size": 15.152352046086266, "id": 16 }, { "name": "tyrU", "pagerank": 0.008218262149548378, "size": 13.299960518119086, "id": 17 }, { "name": "serX", "pagerank": 0.008545148425897715, "size": 13.583566985420706, "id": 18 }, { "name": "gyrB", "pagerank": 0.030822534176077967, "size": 25.0, "id": 19 }, { "name": "alaV", "pagerank": 0.010737922876855325, "size": 15.285800912573384, "id": 20 }, { "name": "valX", "pagerank": 0.008068597853407945, "size": 13.16682559405072, "id": 21 }, { "name": "queA", "pagerank": 0.012646259110011935, "size": 16.565089120315125, "id": 22 }, { "name": "leuP", "pagerank": 0.007881178970106689, "size": 12.99698076125658, "id": 23 }, { "name": "glnV", "pagerank": 0.009848259682501933, "size": 14.63149961825399, "id": 24 }, { "name": "topA", "pagerank": 0.007804345307925558, "size": 12.92629993550234, "id": 25 }, { "name": "trmA", "pagerank": 0.012501732797280266, "size": 16.47319676325541, "id": 26 }, { "name": "aldB", "pagerank": 0.018090388027770472, "size": 19.61155968471118, "id": 27 }, { "name": "pheU", "pagerank": 0.017256460161113034, "size": 19.187395112130922, "id": 28 }, { "name": "leuW", "pagerank": 0.00835949362334546, "size": 13.423664506386862, "id": 29 }, { "name": "glnW", "pagerank": 0.008530311987501451, "size": 13.570898196312228, "id": 30 }, { "name": "apaH", "pagerank": 0.008396986701511337, "size": 13.456200551282604, "id": 31 }, { "name": "rrsE", "pagerank": 0.015141102428863264, "size": 18.04975529168131, "id": 32 }, { "name": "thrW", "pagerank": 0.005595030269346987, "size": 10.5194078958677, "id": 33 }, { "name": "proL", "pagerank": 0.013903967231554031, "size": 17.335897914458123, "id": 34 }, { "name": "flxA", "pagerank": 0.005722949829582605, "size": 10.686620067671964, "id": 35 }, { "name": "ilvH", "pagerank": 0.015314990195668126, "size": 18.146986209902586, "id": 36 }, { "name": "valY", "pagerank": 0.0060148636351118195, "size": 11.05092088525233, "id": 37 }, { "name": "glyT", "pagerank": 0.006069810033519178, "size": 11.117066811261521, "id": 38 }, { "name": "pyrD", "pagerank": 0.008312543701910808, "size": 13.38274385013009, "id": 39 }, { "name": "trg", "pagerank": 0.00594611195878847, "size": 10.96712317891607, "id": 40 }, { "name": "ksgA", "pagerank": 0.007985365048157325, "size": 13.091837497095446, "id": 41 }, { "name": "rrsB", "pagerank": 0.01519686040280696, "size": 18.081011584078432, "id": 42 }, { "name": "tyrT", "pagerank": 0.009687921696315374, "size": 14.50879229017634, "id": 43 }, { "name": "proK", "pagerank": 0.010017514622110943, "size": 14.759357345761758, "id": 44 }, { "name": "gltX", "pagerank": 0.01934168218080176, "size": 20.225860063519715, "id": 45 }, { "name": "hns", "pagerank": 0.011967125091479123, "size": 16.126690107523938, "id": 46 }, { "name": "metT", "pagerank": 0.003669620013623429, "size": 6.503387779011353, "id": 47 }, { "name": "thrT", "pagerank": 0.0035550544995713966, "size": 5.762890913893635, "id": 48 }, { "name": "alaT", "pagerank": 0.012906666559106439, "size": 16.72884361082998, "id": 49 }, { "name": "proP", "pagerank": 0.007961896904071744, "size": 13.07056809033766, "id": 50 }, { "name": "gltW", "pagerank": 0.005767849367790557, "size": 10.744157269992208, "id": 51 }, { "name": "rrlB", "pagerank": 0.005775741961775668, "size": 10.754211901200737, "id": 52 }, { "name": "msrA", "pagerank": 0.018535148767478093, "size": 19.832821587537772, "id": 53 }, { "name": "valU", "pagerank": 0.0036463349494215685, "size": 6.385312894673897, "id": 54 }, { "name": "aspV", "pagerank": 0.030301142018135482, "size": 24.80814408374615, "id": 55 }, { "name": "rrfA", "pagerank": 0.012161316950574591, "size": 16.253789729173896, "id": 56 }, { "name": "tufB", "pagerank": 0.0036463349494215685, "size": 6.385312894673897, "id": 57 }, { "name": "ileV", "pagerank": 0.008440196475548358, "size": 13.49354288864139, "id": 58 }, { "name": "lysT", "pagerank": 0.005840472416674523, "size": 10.836020535985188, "id": 59 }, { "name": "tyrV", "pagerank": 0.008187736217055621, "size": 13.272979893326868, "id": 60 }, { "name": "leuV", "pagerank": 0.00982068662548268, "size": 14.610509391168225, "id": 61 }, { "name": "argW", "pagerank": 0.006025484232896605, "size": 11.063762496705628, "id": 62 }, { "name": "lysW", "pagerank": 0.014391052153939703, "size": 17.62177752738412, "id": 63 }, { "name": "lrp", "pagerank": 0.009867596872176742, "size": 14.646192972133909, "id": 64 }, { "name": "rrsG", "pagerank": 0.005588242450433451, "size": 10.51039332216377, "id": 65 }, { "name": "rrfF", "pagerank": 0.007958919223400954, "size": 13.067865380780576, "id": 66 }, { "name": "rrfC", "pagerank": 0.012584528186100378, "size": 16.525929152710205, "id": 67 }, { "name": "lysV", "pagerank": 0.010544640460836628, "size": 15.147239602355416, "id": 68 }, { "name": "proM", "pagerank": 0.008329766859491015, "size": 13.397778382843308, "id": 69 }, { "name": "rrlG", "pagerank": 0.007942376642637774, "size": 13.052833891238215, "id": 70 }, { "name": "rrlA", "pagerank": 0.007990657472138868, "size": 13.096626351360696, "id": 71 }, { "name": "ilvI", "pagerank": 0.016878339994369836, "size": 18.990833464053345, "id": 72 }, { "name": "cspI", "pagerank": 0.007985788406611695, "size": 13.092220677629083, "id": 73 }, { "name": "glyU", "pagerank": 0.01073180272629578, "size": 15.281442095346861, "id": 74 }, { "name": "rrsC", "pagerank": 0.010521996899098746, "size": 15.130882753779233, "id": 75 }, { "name": "pheV", "pagerank": 0.006296115178718461, "size": 11.382276785435716, "id": 76 }, { "name": "ogt", "pagerank": 0.01183817824025872, "size": 16.04148543305811, "id": 77 }, { "name": "alaW", "pagerank": 0.005933181924227723, "size": 10.951231638124007, "id": 78 }, { "name": "rrlD", "pagerank": 0.007940978494928164, "size": 13.051562171990161, "id": 79 }, { "name": "thrV", "pagerank": 0.014680597511211032, "size": 17.78868915654325, "id": 80 }, { "name": "valT", "pagerank": 0.003515322332494345, "size": 5.0, "id": 81 }, { "name": "serT", "pagerank": 0.009586892217980428, "size": 14.430654079369345, "id": 82 }, { "name": "mazG", "pagerank": 0.012090030572364754, "size": 16.207299855912765, "id": 83 }, { "name": "ileT", "pagerank": 0.014852164102670222, "size": 17.886570632256706, "id": 84 }, { "name": "rrlH", "pagerank": 0.008401047091601272, "size": 13.459716599656858, "id": 85 }, { "name": "rrlE", "pagerank": 0.012343131399158554, "size": 16.37150067860574, "id": 86 }, { "name": "katE", "pagerank": 0.007536266647455107, "size": 12.674592859828019, "id": 87 }, { "name": "rrfG", "pagerank": 0.010120410871323756, "size": 14.836274446448702, "id": 88 }, { "name": "alaU", "pagerank": 0.004015609778843402, "size": 7.707080176295183, "id": 89 }, { "name": "rrfB", "pagerank": 0.005865509412729086, "size": 10.867357262538913, "id": 90 }, { "name": "rrsH", "pagerank": 0.013467818583971268, "size": 17.074171139366584, "id": 91 }, { "name": "gltV", "pagerank": 0.008317958964269982, "size": 13.387473875095866, "id": 92 }, { "name": "rrlC", "pagerank": 0.008398920454398403, "size": 13.45787524478182, "id": 93 }, { "name": "rrsD", "pagerank": 0.008238361719897622, "size": 13.317677922608995, "id": 94 }, { "name": "rrsA", "pagerank": 0.003789529608361911, "size": 7.004152676498159, "id": 95 }, { "name": "gltT", "pagerank": 0.012651649922563873, "size": 16.568502572287834, "id": 96 }, { "name": "ileU", "pagerank": 0.008009672861393296, "size": 13.113809121093023, "id": 97 }, { "name": "rrfH", "pagerank": 0.010669080946924966, "size": 15.236664194841172, "id": 98 }, { "name": "gltU", "pagerank": 0.005629263823069513, "size": 10.564649277490576, "id": 99 } ], "links": [ { "id": "e0", "source": "n0", "target": "n1" }, { "id": "e1", "source": "n0", "target": "n2" }, { "id": "e2", "source": "n0", "target": "n3" }, { "id": "e3", "source": "n1", "target": "n56" }, { "id": "e4", "source": "n1", "target": "n8" }, { "id": "e74", "source": "n1", "target": "n29" }, { "id": "e5", "source": "n2", "target": "n49" }, { "id": "e6", "source": "n2", "target": "n32" }, { "id": "e112", "source": "n3", "target": "n55" }, { "id": "e121", "source": "n3", "target": "n60" }, { "id": "e7", "source": "n4", "target": "n5" }, { "id": "e8", "source": "n4", "target": "n6" }, { "id": "e9", "source": "n4", "target": "n7" }, { "id": "e10", "source": "n4", "target": "n8" }, { "id": "e11", "source": "n5", "target": "n61" }, { "id": "e12", "source": "n5", "target": "n46" }, { "id": "e56", "source": "n5", "target": "n24" }, { "id": "e13", "source": "n6", "target": "n55" }, { "id": "e50", "source": "n6", "target": "n22" }, { "id": "e88", "source": "n6", "target": "n41" }, { "id": "e14", "source": "n7", "target": "n74" }, { "id": "e20", "source": "n7", "target": "n10" }, { "id": "e124", "source": "n7", "target": "n61" }, { "id": "e15", "source": "n8", "target": "n80" }, { "id": "e16", "source": "n8", "target": "n91" }, { "id": "e64", "source": "n8", "target": "n27" }, { "id": "e84", "source": "n8", "target": "n35" }, { "id": "e159", "source": "n8", "target": "n78" }, { "id": "e17", "source": "n9", "target": "n10" }, { "id": "e18", "source": "n9", "target": "n11" }, { "id": "e19", "source": "n10", "target": "n19" }, { "id": "e21", "source": "n10", "target": "n49" }, { "id": "e22", "source": "n10", "target": "n50" }, { "id": "e23", "source": "n10", "target": "n51" }, { "id": "e24", "source": "n10", "target": "n52" }, { "id": "e41", "source": "n11", "target": "n19" }, { "id": "e72", "source": "n11", "target": "n28" }, { "id": "e113", "source": "n11", "target": "n55" }, { "id": "e25", "source": "n12", "target": "n13" }, { "id": "e26", "source": "n12", "target": "n14" }, { "id": "e27", "source": "n12", "target": "n15" }, { "id": "e28", "source": "n12", "target": "n16" }, { "id": "e29", "source": "n13", "target": "n40" }, { "id": "e30", "source": "n13", "target": "n20" }, { "id": "e37", "source": "n14", "target": "n18" }, { "id": "e40", "source": "n14", "target": "n19" }, { "id": "e31", "source": "n15", "target": "n84" }, { "id": "e49", "source": "n15", "target": "n21" }, { "id": "e61", "source": "n15", "target": "n26" }, { "id": "e32", "source": "n16", "target": "n75" }, { "id": "e33", "source": "n16", "target": "n94" }, { "id": "e60", "source": "n16", "target": "n25" }, { "id": "e34", "source": "n17", "target": "n18" }, { "id": "e35", "source": "n17", "target": "n19" }, { "id": "e36", "source": "n17", "target": "n20" }, { "id": "e38", "source": "n18", "target": "n58" }, { "id": "e39", "source": "n19", "target": "n81" }, { "id": "e42", "source": "n19", "target": "n82" }, { "id": "e43", "source": "n19", "target": "n40" }, { "id": "e44", "source": "n19", "target": "n39" }, { "id": "e45", "source": "n19", "target": "n27" }, { "id": "e46", "source": "n19", "target": "n36" }, { "id": "e53", "source": "n19", "target": "n23" }, { "id": "e99", "source": "n19", "target": "n45" }, { "id": "e123", "source": "n19", "target": "n61" }, { "id": "e170", "source": "n20", "target": "n85" }, { "id": "e172", "source": "n20", "target": "n86" }, { "id": "e47", "source": "n21", "target": "n22" }, { "id": "e48", "source": "n21", "target": "n23" }, { "id": "e51", "source": "n22", "target": "n35" }, { "id": "e52", "source": "n22", "target": "n36" }, { "id": "e67", "source": "n22", "target": "n28" }, { "id": "e54", "source": "n23", "target": "n80" }, { "id": "e55", "source": "n24", "target": "n25" }, { "id": "e57", "source": "n24", "target": "n26" }, { "id": "e58", "source": "n24", "target": "n27" }, { "id": "e59", "source": "n25", "target": "n53" }, { "id": "e62", "source": "n26", "target": "n79" }, { "id": "e71", "source": "n26", "target": "n28" }, { "id": "e79", "source": "n26", "target": "n33" }, { "id": "e63", "source": "n27", "target": "n86" }, { "id": "e65", "source": "n27", "target": "n87" }, { "id": "e66", "source": "n27", "target": "n88" }, { "id": "e83", "source": "n27", "target": "n34" }, { "id": "e164", "source": "n27", "target": "n83" }, { "id": "e68", "source": "n28", "target": "n29" }, { "id": "e69", "source": "n28", "target": "n30" }, { "id": "e70", "source": "n28", "target": "n31" }, { "id": "e73", "source": "n28", "target": "n32" }, { "id": "e75", "source": "n29", "target": "n37" }, { "id": "e76", "source": "n30", "target": "n38" }, { "id": "e77", "source": "n30", "target": "n39" }, { "id": "e126", "source": "n31", "target": "n62" }, { "id": "e143", "source": "n31", "target": "n68" }, { "id": "e78", "source": "n32", "target": "n51" }, { "id": "e110", "source": "n32", "target": "n53" }, { "id": "e151", "source": "n32", "target": "n74" }, { "id": "e156", "source": "n32", "target": "n77" }, { "id": "e80", "source": "n33", "target": "n34" }, { "id": "e81", "source": "n34", "target": "n82" }, { "id": "e82", "source": "n34", "target": "n53" }, { "id": "e94", "source": "n34", "target": "n43" }, { "id": "e129", "source": "n34", "target": "n63" }, { "id": "e90", "source": "n36", "target": "n41" }, { "id": "e98", "source": "n36", "target": "n44" }, { "id": "e103", "source": "n36", "target": "n47" }, { "id": "e141", "source": "n36", "target": "n67" }, { "id": "e85", "source": "n37", "target": "n55" }, { "id": "e86", "source": "n38", "target": "n42" }, { "id": "e87", "source": "n39", "target": "n85" }, { "id": "e89", "source": "n41", "target": "n42" }, { "id": "e91", "source": "n42", "target": "n52" }, { "id": "e101", "source": "n42", "target": "n45" }, { "id": "e105", "source": "n42", "target": "n49" }, { "id": "e188", "source": "n42", "target": "n96" }, { "id": "e92", "source": "n43", "target": "n44" }, { "id": "e93", "source": "n43", "target": "n45" }, { "id": "e95", "source": "n43", "target": "n46" }, { "id": "e96", "source": "n44", "target": "n60" }, { "id": "e97", "source": "n44", "target": "n53" }, { "id": "e100", "source": "n45", "target": "n71" }, { "id": "e102", "source": "n45", "target": "n72" }, { "id": "e104", "source": "n45", "target": "n48" }, { "id": "e128", "source": "n45", "target": "n63" }, { "id": "e142", "source": "n45", "target": "n68" }, { "id": "e116", "source": "n46", "target": "n55" }, { "id": "e163", "source": "n46", "target": "n82" }, { "id": "e176", "source": "n46", "target": "n87" }, { "id": "e120", "source": "n49", "target": "n59" }, { "id": "e122", "source": "n49", "target": "n60" }, { "id": "e106", "source": "n50", "target": "n91" }, { "id": "e107", "source": "n50", "target": "n72" }, { "id": "e108", "source": "n53", "target": "n56" }, { "id": "e109", "source": "n53", "target": "n84" }, { "id": "e114", "source": "n53", "target": "n55" }, { "id": "e148", "source": "n53", "target": "n73" }, { "id": "e111", "source": "n54", "target": "n55" }, { "id": "e115", "source": "n55", "target": "n70" }, { "id": "e117", "source": "n55", "target": "n72" }, { "id": "e118", "source": "n55", "target": "n57" }, { "id": "e119", "source": "n55", "target": "n59" }, { "id": "e127", "source": "n55", "target": "n62" }, { "id": "e125", "source": "n56", "target": "n61" }, { "id": "e146", "source": "n56", "target": "n69" }, { "id": "e162", "source": "n56", "target": "n82" }, { "id": "e139", "source": "n58", "target": "n67" }, { "id": "e184", "source": "n58", "target": "n93" }, { "id": "e130", "source": "n63", "target": "n64" }, { "id": "e131", "source": "n63", "target": "n65" }, { "id": "e132", "source": "n63", "target": "n66" }, { "id": "e133", "source": "n63", "target": "n67" }, { "id": "e134", "source": "n64", "target": "n96" }, { "id": "e135", "source": "n64", "target": "n80" }, { "id": "e171", "source": "n64", "target": "n86" }, { "id": "e136", "source": "n65", "target": "n72" }, { "id": "e137", "source": "n66", "target": "n96" }, { "id": "e138", "source": "n66", "target": "n97" }, { "id": "e140", "source": "n67", "target": "n94" }, { "id": "e178", "source": "n67", "target": "n88" }, { "id": "e144", "source": "n68", "target": "n69" }, { "id": "e145", "source": "n68", "target": "n70" }, { "id": "e158", "source": "n69", "target": "n78" }, { "id": "e167", "source": "n70", "target": "n83" }, { "id": "e147", "source": "n71", "target": "n85" }, { "id": "e165", "source": "n71", "target": "n83" }, { "id": "e168", "source": "n72", "target": "n83" }, { "id": "e174", "source": "n72", "target": "n86" }, { "id": "e191", "source": "n72", "target": "n99" }, { "id": "e149", "source": "n73", "target": "n74" }, { "id": "e150", "source": "n73", "target": "n75" }, { "id": "e153", "source": "n74", "target": "n76" }, { "id": "e152", "source": "n75", "target": "n79" }, { "id": "e189", "source": "n75", "target": "n98" }, { "id": "e154", "source": "n76", "target": "n77" }, { "id": "e155", "source": "n77", "target": "n84" }, { "id": "e157", "source": "n77", "target": "n89" }, { "id": "e161", "source": "n79", "target": "n80" }, { "id": "e160", "source": "n80", "target": "n99" }, { "id": "e175", "source": "n80", "target": "n87" }, { "id": "e166", "source": "n83", "target": "n84" }, { "id": "e169", "source": "n84", "target": "n97" }, { "id": "e181", "source": "n84", "target": "n92" }, { "id": "e173", "source": "n86", "target": "n90" }, { "id": "e177", "source": "n88", "target": "n91" }, { "id": "e179", "source": "n88", "target": "n97" }, { "id": "e190", "source": "n90", "target": "n98" }, { "id": "e180", "source": "n91", "target": "n98" }, { "id": "e185", "source": "n91", "target": "n95" }, { "id": "e182", "source": "n92", "target": "n93" }, { "id": "e183", "source": "n92", "target": "n94" }, { "id": "e186", "source": "n93", "target": "n96" }, { "id": "e187", "source": "n96", "target": "n98" } ] }

[holtzy]

Hi, No 1:1 answers here, issues are used to fix bugs on the website. Sorry for the inconvenience