2013-01-24 16 views
48

Es gibt eine wunderbare Beiträge Diagramm, dass github.com kam mit.Github Beiträge Grafik

enter image description here

Weiß jemand, ob sie irgendeine Art von Bibliothek oder gem verwenden?

Wenn es Open Source ist, möchte ich es auch mein Projekt verwenden. Das sieht großartig aus!

+3

Ich bin sicher, sie würden es dir sagen, wenn du sie fragst. –

+0

Wie soll ich fragen? Haben sie eine Art von Fragen und Antworten? Ich konnte nicht finden. –

+1

https://github.com/support –

Antwort

44

Nicht genau der gleiche Stil, aber ich denke, es ist mit der calendar example von D3.js getan.

Wenn Sie auf der GitHub-Seite eine "Quelle anzeigen" sehen, sehen Sie, dass sie D3 zum Rendern ihres Kalenders verwenden. Ein ähnliches Aussehen wird durch js-chart-widgets erreicht.

+0

Danke @ismael! –

+22

Ich habe nur ein d3.js-Plugin dafür zusammengestellt: https://github.com/kamisama/cal-heatmap. Immer noch in der Beta und einige Macken in Firefox, aber es hat einige nette Funktionen – Wa0x6e

+2

@Kamisama Das sieht super aus! –

2

Der Github Contributions-Kalender verwendet D3. Wenn Sie Ihren Netzwerkverkehr überprüfen, sehen Sie die Anfrage für den JS und Sie können selbst die Quelle durchsuchen.

BEARBEITEN: Ich habe den Quelllink entfernt, da sich die CDN-URL wahrscheinlich im Laufe der Zeit ändert. Es sollte immer noch lokalisierbar sein, wenn Sie sich mit Ihrem Web Inspector ansehen.

+0

Broken URL - vielleicht aktualisieren Sie es auf etwas, das nicht funktioniert Pause basierend auf CDN-Änderungen? –