Skill Tree Sherlock
Switch branches/tags
Clone or download
Latest commit 18db6c8 Sep 8, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app upgrade dagre d3 & fixed #3 Mar 15, 2016
data use https://github.com/phodal/skilock skill's data Mar 9, 2015
reference temp Feb 28, 2015
test Add test for get skill by id Mar 4, 2015
.editorconfig Generator scaffold Feb 27, 2015
.gitignore Generator scaffold Feb 27, 2015
.jshintrc Generator scaffold Feb 27, 2015
.travis.yml Generator scaffold Feb 27, 2015
CNAME Add CNAME Mar 6, 2015
LICENSE Generator scaffold Feb 27, 2015
README.md fix md Sep 7, 2017
bower.json upgrade dagre d3 & fixed #3 Mar 15, 2016
gulpfile.js add rect border color Mar 9, 2015
index.html remove duoshuo Mar 15, 2016
package.json Add example data Feb 27, 2015
sherlock.jpg Add screenshot Jun 28, 2015

README.md

Sherlock

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

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

截图:

Sherlock Screenshot

数据示例:

{
      "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.

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