Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/feroult/burnify
Interactive Product Burn-Down Chart
https://github.com/feroult/burnify
Last synced: 29 days ago
JSON representation
Interactive Product Burn-Down Chart
- Host: GitHub
- URL: https://github.com/feroult/burnify
- Owner: feroult
- Created: 2015-08-28T13:38:58.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2022-01-01T19:44:37.000Z (almost 3 years ago)
- Last Synced: 2024-04-16T09:21:33.852Z (7 months ago)
- Language: JavaScript
- Size: 272 KB
- Stars: 17
- Watchers: 2
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Burnify
Interactive Product Burn-Down Chart
## Introduction
**Burnify** is a d3 plugin that creates a highly interactive product burn-down chart to be embedded into any web application.
Open the [live demo](https://rawcdn.githack.com/feroult/burnify/burnify-0.4/test/products.html).
## How it Works
### Import plugin:
```html
(...)
```
### Burnify it:
```javascript
b1 = new Burnify("#product1", products[0], 450, 250);
b1.onSprintBarClick = function(sprintNumber, sprint) { alert('Sprint ' + sprintNumber + ' (done: '+ sprint.done + ')'); };
b1.onFullScopeAreaClick = function(p) { alert('Project ' + p.name + ' full scope area!'); };
b1.onDoneScopeAreaClick = function(p) { alert('Project ' + p.name + ' done scope area!'); };
b1.onOutScopeAreaClick = function(p) { alert('Project ' + p.name + ' out scope area!'); };
b1.draw();
```
### Sample json structure:
```javascript
{
name: 'Burnify',
points: 120,
lastSprint: 13,
mvpSprint: 10,
sprints: [{
done: 10
}, {
done: 10
}, {
done: 10
}, {
done: 6,
added: 52
}, {
done: 8,
added: 12
}, {
done: 8,
added: 2,
removed: 20
}, {
done: 4,
}, {
done: 6,
added: 2
}
]
}
```