Sherlock

基于D3.js与KnockOut.js的数据生成的技能树。

基于: https://github.com/phodal/awesome-developer

截图:

数据示例:

{
      "id": 1,
      "title": "HTML",
      "description": "Internet主要由从服务器通过HTTP协议向浏览器发送的HTML文档组成。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。",
      "rankDescriptions": [
        "理解如何创建和浏览一个基本的网页",
        "理解网页间是如何链接的、如何设计多列布局，可以处理表单字段和媒体元素"
      ],
      "links": [
        {
          "label": "无处不在的html",
          "url": "http://www.phodal.com/blog/be-a-geek-chapter-1-anywhere-html/"
        }
      ],
      "books": [
        {
          "label": "Head First HTML与CSS",
          "url": "http://www.amazon.cn/Head-First-HTML%E4%B8%8ECSS-%E7%BD%97%E5%B8%83%E6%A3%AE/dp/B00FF3P8FY/ref=sr_1_1?ie=UTF8&qid=1424182950&sr=8-1&keywords=html"
        },
        {
          "label": "图灵程序设计丛书:HTML5权威指南",
          "url": "http://www.amazon.cn/%E5%9B%BE%E7%81%B5%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1…9B%BC/dp/B00H706BIG/ref=sr_1_4?ie=UTF8&qid=1424220765&sr=8-4&keywords=html"
        }
      ],
      "maxPoints": 2
    }

Devel

• D3.js
• Dagre-D3.js
• jquery.tooltipster.js
• jQuery
• Lettuce
• Knockout.js
• Require.js

License

© 2015 Phodal Huang. This code is distributed under the MIT license. See LICENSE.txt in this directory.

待我代码编成，娶你为妻可好