Skip to content

D3 based charting library. Designed with passion. Flexible.

Notifications You must be signed in to change notification settings

sbcfwebdev/tauCharts

 
 

Repository files navigation

tauCharts Build Status

Dev:

Use grunt to build everything. Maybe 'bower install' is required

Live prototype

How it looks right now

ScreenShot

Usage (line chart and scatterplot chart)

var lineData = [
    {
        "priority": "High",
        "effort": 1,
        "bugsCount": 2
    },
    {
        "priority": "High",
        "effort": 2,
        "bugsCount": 2
    }];

var scatterData = [
    {
        "duration": 20,
        "effort": 10,
        "timeSpent": 14,
        "priority": "High"
    },
    {
        "duration": 29,
        "effort": 23,
        "timeSpent": 13,
        "priority": "Low"
    }];

 tau.charts
        .Scatterplot(scatterplotData)
        .map({
            x: tau.data.map('duration').linear(),
            y: tau.data.map('timeSpent').caption("TimeSpent").linear(),
            size: 'effort',
            color: tau.data.map('priority').category10()
        })
        .plugins(
            tau.plugins.legend(), 
            tau.plugins.tooltip('effort', 'priority'),
            tau.plugins.highlighter(),
            tau.plugins.projection()
        )
        .render("#chartScatter");

tau.charts
        .Line(lineData)
        .map({
            x: tau.data.map('effort').linear(),
            y: tau.data.map('bugsCount').linear(),
            color: tau.data.map('priority').category10()
        })
        .plugins(
            tau.plugins.legend(), 
            tau.plugins.tooltip('priority', 'effort', 'bugsCount'),
            tau.plugins.highlighter(),
            tau.plugins.projection()
        )
        .render("#chartLine");

About

D3 based charting library. Designed with passion. Flexible.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published