react component to render an svg graph of git commits
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs
examples
src
.gitignore
.npmignore
LICENSE
README.md
index.js
package.json

README.md

react-commits-graph

a react component to render an svg graph of git commits

adapted from tclh123/commits-graph

react-commits-graph

example

code to generate the graph above

var React = require('react')
var CommitsGraph = require('react-commits-graph')
var commits = require('./commits.json')

var selected = null

function handleClick(sha) {
  selected = sha
  render()
}

function render() {
  React.render(
    <CommitsGraph
      commits={commits}
      onClick={handleClick}
      selected={selected}
    />
  ), document.body)
}

render()

expected structure of commits prop:

[
  {
    "parents": [
      "82aa2102c8291f56f8dfefce1dce40d8a0dd686b",
      "175dfbbdbf8734069efaafced5a531dbf77c3a57"
    ],
    "sha": "5a7e04df76e21f9ba4a48098b6b26f19b51b99b1"
  },
  {
    "parents": [
      "90113cac59463df2e182e48444b8395658ebf840"
    ],
    "sha": "175dfbbdbf8734069efaafced5a531dbf77c3a57"
  },
  ...
]