react-commits-graph

a react component to render an svg graph of git commits

adapted from tclh123/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"
  },
  ...
]