ndarville / d3-charts

Collection of small, reusable charts created with d3.js
7 stars 1 forks source link

Bill Votes Chart #8

Open ndarville opened 10 years ago

ndarville commented 10 years ago

bill-votes

ndarville commented 10 years ago

Similar to Relative budget chart:

Dissimilar:

// domain = [0, 35, 65, 90, 100]
// range = [0, 315]

// domain = [0, 35, 100, 190, 290]
// range = [0, 420]

g.selectAll("rect")
    .data(xScale.range().map(function(d, i) {
        return {
            x0: i ?
                x(xScale.domain()[i - 1]) :  // x([0, 35, 65, 90, 100][i - 1])
                x.range()[0],  // 0
            x1: i < xScale.domain().length ?
                x(xScale.domain()[i]) :  // x([0, 35, 65, 90, 100][i])
                x.range()[1],  // 315
            z: d
        };
    }))
    // (...)