<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div class="">Hi, all</div><div class=""><br class=""></div><div class="">Last week I developed 3 demos using 3 library and completed my stage task in my proposal :)</div><div class=""><br class=""></div><div class="">- improve webpack config for development</div><div class="">- develop 3 demos using Sigma.js, Pixi.js, Three.js respectively.</div><div class=""><br class=""></div><div class="">Sigma.js code looks very concise, but importing of its plugins (such as force layout plugin) in modern way is so hard, I have asked its author by issues: <a href="https://github.com/jacomyal/sigma.js/issues/871" class="">https://github.com/jacomyal/sigma.js/issues/871</a>. but it not work for me, so I have to wait their respond.</div><div class="">Pixi.js and Three.js I used it only to render d3 force layout. And three.js looks slow than Pixi.js but its slowness may caused by lines render way. So I plan to use anther way to draw line between nodes to improve its performance, maybe.</div><div class=""><br class=""></div><div class="">I haven’t wrote section that explain how to run my demo in README, because it’s only experiment.</div><div class="">So I write it here:</div><div class=""><br class=""></div><div class=""><i class="">git clone dev branch</i></div><div class=""><i class="">yarn install // or npm install</i></div><div class=""><i class="">npm start // replace `entry` in webpack.config.js to check different demo</i></div><div class=""><i class=""><br class=""></i></div><div class=""><br class=""></div><div class="">next week plan:</div><div class=""><br class=""></div><div class="">- discuss with mentor to decide to use which library finally</div><div class="">- add performance tests for it</div><div class=""><br class=""></div><div class=""><br class=""></div><div class="">Best regards</div><div class=""><br class=""></div><div class="">Xiang</div><br class=""><div class="">
<div class=""><div style="font-family: 'lucida Grande', Verdana;" class=""><i style="color: rgb(128, 128, 128);" class="">------</i></div><div style="font-family: 'lucida Grande', Verdana;" class=""><i style="color: rgb(128, 128, 128);" class="">高翔</i></div><div style="font-family: 'lucida Grande', Verdana;" class=""><font color="#808080" style="line-height: 23.7999992370605px;" class=""><i class="">Email: <a href="mailto:geekplux@gmail.com" class="">geekplux@gmail.com</a> | <a href="mailto:geekplux@foxmail.com" class="">geekplux@foxmail.com</a><br class="">WeChat: geekplus</i></font></div><div style="font-family: 'lucida Grande', Verdana;" class=""><font color="#808080" style="line-height: 23.7999992370605px;" class=""><i class=""><font size="2" style="line-height: 22.1000003814697px;" class="">Blog: </font></i></font><i style="font-family: arial, sans-serif; line-height: normal;" class=""><span href="http://www.geekplux.com/" target="_blank" style="outline: none; cursor: pointer; color: rgb(61, 94, 134);" class=""><font color="#808080" style="line-height: 23.7999992370605px;" class=""><a href="http://geekplux.com/" class="">http://geekplux.com/</a></font></span></i></div></div>
</div>
<br class=""></body></html>