1.Linguist

Linguist直译是语言学家的意思，采用Ruby开发。使用它可以自动分辨项目所使用的开发语言。Github使用该开源项目主要是用来探测代码所用语言，突出显示代码、忽略二进制文件、防止文件生成存在差异以及生成语言分解图等。

托管地址： https://github.com/github/linguist

2.pjax

pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。同时支持缓存和本地存储，再次访问的时候可以直接读取本地数据。展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。

官网： http://pjax.heroku.com/

托管地址： https://github.com/defunkt/jquery-pjax

3.Elasticsearch

Elasticsearch是一个实时的、分布式的RESTful搜索引擎，基于Apache Lucene开发。具备高可靠性，支持非常多的企业级搜索用例。它对外提供一系列基于Java和HTTP的API，用于索引、检索、修改大多数配置。

官网： http://www.elasticsearch.org/

托管地址： https://github.com/elasticsearch/elasticsearch

4.Ruby on Rails

Rails是一个使用Ruby语言写的开源Web应用框架，它是严格按照MVC结构开发的。它努力使自身保持简单，来使实际的应用开发代码更少，使用最少的配置。

官网： http://rubyonrails.org/

托管地址： https://github.com/rails/rails

5.redis

Redis是一个开源、支持网络、基于内存、键值对存储的数据库。基于C语言开发，与其他很多键值对数据库的不同之处在于， Redis不仅支持简单的字符串键值对，它还提供了一系列数据结构类型值，比如列表、哈希、集合和有序集， 并在这些数据结构类型上定义了一套强大的API。

官网： http://redis.io/

托管地址： https://github.com/antirez/redis

6.sprockets

sprockets是一个Ruby库，用于编译和服务Web资产。它可以用来检查JavaScript和CSS等文件之间的依赖关系，它还拥有一个强大的预处理器管道，允许开发者在CoffeeScript、Sass、SCSS和LESS等语言里编写资产。

托管地址： https://github.com/sstephenson/sprockets

7.libgit2

libgit2是一个可移植、纯C语言实现的Git核心开发包，作为一款带有稳固API的可重入链接库，libgit2允许你使用任何语言来编写Git应用。此外，libgit2可以应用在各个平台上，包括Unix、Linux、MacOS X、Windows等。

官网： http://libgit2.github.com/

托管地址： https://github.com/libgit2/libgit2

8.Rugged

Rugged是一个C语言实现的库，主要用来支持在Ruby中访问libgit2开发包。

托管地址： https://github.com/libgit2/rugged

9.bcrypt-ruby

bcrypt-ruby是一个用于OpenBSD bcrypt()密码哈希算法的Ruby绑定，开发者可以使用它把用户密码变成哈希数，安全地存储用户密码，预防黑客攻击。

官网： http://bcrypt-ruby.rubyforge.org

托管地址： https://github.com/codahale/bcrypt-ruby

10.html-pipeline

Github HTML处理过滤器和工具，是由几个HTML工具打包而成的。该模块还包含一个基于内容过滤来定义DOM的小型框架。

托管地址： https://github.com/jch/html-pipeline

11.gemoji

gemoji里面主要包含emoji表情的图片和名称。

托管地址： https://github.com/github/gemoji

12.Jekyll

Jekyll是一个静态站点生成器，它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能，所以实际上可以用来编写整个网站。

官网： http://jekyllrb.com/

托管地址： https://github.com/jekyll/jekyll

13.Gollum

Gollum是一个简单的基于Git的wiki系统，Github的wiki就是由它实现的。支持markdown编写。它同时带有一个本地的前端，你可以在浏览器里编写保存页面，系统会在后端自动提交。因为它是一个Git repo，所以你也可以把它push到GitHub。

托管地址： https://github.com/gollum/gollum

14.Octokit

Octokit是Github API客户端库集合，允许开发者使用自己擅长的编程语言来访问Github API。Octokit项目包含Ruby、Objective-C和.NET、GO客户端。

托管地址： https://github.com/octokit

15.Hubot

Hubot是Github开源的运维机器人，它在Github员工的日常生活中扮演着非常重要的角色。它非常灵活，任何人都可以编写自己的脚本来扩展基本功能。脚本使用的语言是CoffeeScript，而Hubot运行在Node.js上。

官网： http://hubot.github.com/

托管地址： https://github.com/github/hubot

16.D3.js

D3.js是一个基于JavaScript数据展示库，用于操作基于数据的HTML文档。它能够帮助我们以HTML或SVG的形式快速可视化展示，进行交互处理，合并平稳过渡，在Web页面演示动画。它既可以作为一个可视化框架（如Protovis），也可以作为构建页面的框架（如jQuery）。

官网： http://d3js.org/

托管地址： https://github.com/mbostock/d3

17.Plax

Plax是一个jQuery插件，可以通过鼠标的悬浮或移动来触发视差滚动效果。开发者可以使用它制作404、500以及About页面。

官网： [/url][url=http://cameronmcefee.com/plax/]http://cameronmcefee.com/plax/

托管地址： [/url][url=https://github.com/cameronmcefee/plax]https://github.com/cameronmcefee/plax

18.Ace

Ace是一个开源的、独立的、基于浏览器的代码编辑器，可以嵌入到任何Web页面或JavaScript应用程序中。Ace支持超过40种语言语法高亮，并能够处理代码多达400万行的大型文档。Ace开发团队称，Ace在性能和功能上可以媲美本地代码编辑器（如Sublime Text、TextMate和Vim等）。

官网： [/url][url=http://ace.c9.io/]http://ace.c9.io/

托管地址： [/url][url=https://github.com/ajaxorg/ace]https://github.com/ajaxorg/ace

19.Zepto.js

Zepto是为现代浏览器打造的轻量级JavaScript库，它与jQuery有着类似的API。如果你会jQuery，那么也就会使用Zepto了。

官网： http://zeptojs.com/

托管地址： [/url][url=https://github.com/madrobby/zepto]https://github.com/madrobby/zepto

20.ZeroClipboard

ZeroClipboard使用一个不可视化的Adobe Flash动画和一个JavaScript接口即可轻易把文本的拷贝到粘贴板的库。

官网： [/url][url=http://zeroclipboard.org/]http://zeroclipboard.org/

托管地址： https://github.com/zeroclipboard/zeroclipboard

21.Charlock Holmes

Charlock Holmes是一个字符编码检测库，主要用于检测字符和代码转换，以确保代码字符为UTF-8。

托管地址： https://github.com/brianmario/charlock_holmes

22.Puppet

Puppet是一个自动管理引擎，可以适用于Linux、Unix以及Windows平台。所谓配置管理系统，就是管理机器里面诸如文件、用户、进程、软件包这些资源。无论是管理1台，还是上万台机器Puppet都能轻松搞定。

官网： http://www.puppetlabs.com/puppet/introduction/

托管地址： https://github.com/puppetlabs/puppet

23.Moment.js

Moment.js是一款非常轻量且健壮的JavaScript日期处理类库，提供了日期格式转换、日期验证等功能。Github使用它主要用来显示前端时钟。

官网： http://momentjs.com/

托管地址： [/url][url=https://github.com/moment/moment]https://github.com/moment/moment

24.Bower

Bower是由Twitter开源的一款包管理器，主要用于Web前端开发。它提供了一套通用、客观的解决方案。它通过一个API暴露包之间的依赖模型，这样更利于使用更合适的构建工具。Bower没有系统级的依赖，在不同App之间也不互相依赖，依赖树是扁平的。

官网： http://bower.io/

托管地址： [/url][url=https://github.com/bower/bower]https://github.com/bower/bower

25.Resque

Resque是一个基于Redis的后端Ruby库，由Github开源。其主要用来创建后台任务、并且把这些任务安置在多个队列上，等待处理。它还自带前台管理功能，方便查看执行情况。

托管地址： [/url][url=https://github.com/github/resque]https://github.com/github/resque

可以说，开源成就了Github，Github也推动了全球开源事业的发展。越来越多的互联网公司重视开源事业的发展，并且积极投身到开源事业当中。

D3是目前最流行的JavaScript可视化图表库之一，D3的图表类型非常丰富，并且支持SVG格式，因此应用十分广泛，也有很多图表插件基于D3开发，比如MetricsGraphics.js，在D3上构建的数据图表非常强大。

D3的特点

允许绑定任意数据到DOM，将数据驱动转换应用到Document中。

不仅可以创建精美的HTML表格，而且可以绘制折线图、柱形图和饼图等数据图表。

支持SVG，在Web页面上渲染毫无压力。

回到顶部

D3的使用方法

关于D3的具体用法，可以看D3图形库API参考这篇文章。本文主要对介绍一些经典图表的实现效果及代码。

index.html代码：

<!DOCTYPE html>

<meta charset="utf-8">

<style>

svg {

  font: 10px sans-serif

}

.y.axis path {

  display: none

}

.y.axis line {

  stroke: #fff

  stroke-opacity: .2

  shape-rendering: crispEdges

}

.y.axis .zero line {

  stroke: #000

  stroke-opacity: 1

}

.title {

  font: 300 78px Helvetica Neue

  fill: #666

}

.birthyear,

.age {

  text-anchor: middle

}

.birthyear {

  fill: #fff

}

rect {

  fill-opacity: .6

  fill: #e377c2

}

rect:first-child {

  fill: #1f77b4

}

</style>

<body>

<script src="http://d3js.org/d3.v3.min.js"></script>

<script>

var margin = {top: 20, right: 40, bottom: 30, left: 20},

    width = 960 - margin.left - margin.right,

    height = 500 - margin.top - margin.bottom,

    barWidth = Math.floor(width / 19) - 1

var x = d3.scale.linear()

    .range([barWidth / 2, width - barWidth / 2])

var y = d3.scale.linear()

    .range([height, 0])

var yAxis = d3.svg.axis()

    .scale(y)

    .orient("right")

    .tickSize(-width)

    .tickFormat(function(d) { return Math.round(d / 1e6) + "M" })

// An SVG element with a bottom-right origin.

var svg = d3.select("body").append("svg")

    .attr("width", width + margin.left + margin.right)

    .attr("height", height + margin.top + margin.bottom)

  .append("g")

    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")

// A sliding container to hold the bars by birthyear.

var birthyears = svg.append("g")

    .attr("class", "birthyears")

// A label for the current year.

var title = svg.append("text")

    .attr("class", "title")

    .attr("dy", ".71em")

    .text(2000)

d3.csv("population.csv", function(error, data) {

  // Convert strings to numbers.

  data.forEach(function(d) {

    d.people = +d.people

    d.year = +d.year

    d.age = +d.age

  })

  // Compute the extent of the data set in age and years.

  var age1 = d3.max(data, function(d) { return d.age }),

      year0 = d3.min(data, function(d) { return d.year }),

      year1 = d3.max(data, function(d) { return d.year }),

      year = year1

  // Update the scale domains.

  x.domain([year1 - age1, year1])

  y.domain([0, d3.max(data, function(d) { return d.people })])

  // Produce a map from year and birthyear to [male, female].

  data = d3.nest()

      .key(function(d) { return d.year })

      .key(function(d) { return d.year - d.age })

      .rollup(function(v) { return v.map(function(d) { return d.people }) })

      .map(data)

  // Add an axis to show the population values.

  svg.append("g")

      .attr("class", "y axis")

      .attr("transform", "translate(" + width + ",0)")

      .call(yAxis)

    .selectAll("g")

    .filter(function(value) { return !value })

      .classed("zero", true)

  // Add labeled rects for each birthyear (so that no enter or exit is required).

  var birthyear = birthyears.selectAll(".birthyear")

      .data(d3.range(year0 - age1, year1 + 1, 5))

    .enter().append("g")

      .attr("class", "birthyear")

      .attr("transform", function(birthyear) { return "translate(" + x(birthyear) + ",0)" })

  birthyear.selectAll("rect")

      .data(function(birthyear) { return data[year][birthyear] || [0, 0] })

    .enter().append("rect")

      .attr("x", -barWidth / 2)

      .attr("width", barWidth)

      .attr("y", y)

      .attr("height", function(value) { return height - y(value) })

  // Add labels to show birthyear.

  birthyear.append("text")

      .attr("y", height - 4)

      .text(function(birthyear) { return birthyear })

  // Add labels to show age (separate not animated).

  svg.selectAll(".age")

      .data(d3.range(0, age1 + 1, 5))

    .enter().append("text")

      .attr("class", "age")

      .attr("x", function(age) { return x(year - age) })

      .attr("y", height + 4)

      .attr("dy", ".71em")

      .text(function(age) { return age })

  // Allow the arrow keys to change the displayed year.

  window.focus()

  d3.select(window).on("keydown", function() {

    switch (d3.event.keyCode) {

      case 37: year = Math.max(year0, year - 10) break

      case 39: year = Math.min(year1, year + 10) break

    }

    update()

  })

  function update() {

    if (!(year in data)) return

    title.text(year)

    birthyears.transition()

        .duration(750)

        .attr("transform", "translate(" + (x(year1) - x(year)) + ",0)")

    birthyear.selectAll("rect")

        .data(function(birthyear) { return data[year][birthyear] || [0, 0] })

      .transition()

        .duration(750)

        .attr("y", y)

        .attr("height", function(value) { return height - y(value) })

  }

})