Show Relationships with a Force Directed Graph


  1. 目标:CodePen.io 上创建一个功能与这个示例: http://codepen.io/FreeCodeCamp/full/KVNNXY 类似的应用(这个旧链接好像坏掉了,在 Github 的 issue 中提到这个链接可以参考 http://codepen.io/KMT/pen/dMqgrO )。
  2. 规则 #1: 代码是开源的,你可以借鉴,但请不要抄袭。
  3. 规则 #2: 完成以下 用户故事(即用户需求)。可以根据需要引用其它第三方的库或接口。以你自己的风格习惯完成这个项目。
  4. 规则 #3: 该项目必须使用 D3.js 库。
  5. 用户需求: 用力导向图( Force-directed Graph)显示每个 camper 在 Camper News 上所发表链接的域名。
  6. 用户需求: 在每个节点上显示 camper 的头像。
  7. 用户需求: 显示每个 camper 之间以及他们所发表链接的域名之间的联系。
  8. 用户需求: 每个 camper 的头像大小表示他所发表的指定域名下链接的次数。
  9. 用户需求: 每个域名的节点大小表示该域名下链接被引用的次数。
  10. 提示: http://www.freecodecamp.com/news/hot
  11. 当你遇到问题时,可以到这里求助: Read-Search-Ask
  12. 项目完成后,点击 "我已经完成了这个挑战" 并在弹出窗口中填入你在 CodePen 的项目链接。
  13. 最后,你可以在 Code Review Chatroom 中分享你的代码,获取反馈。也可以把它分享在微博或其他社交媒体上。

进入下一个挑战 (ctrl + enter)
Help
Bug