Knockout D3 Line Graph Examples

This example renders an observable array as a graph.

This example renders the same observable array as above, but will only ever render the last 10 elements.

This example renders the same observable array as in the first example and has the x- and y-axis enabled.

Note that to style the graph instead of setting the background on the svg element the fill of the rect.bg should be set, otherwise the background will overlap with the axes.

This example demonstrates binding to complex data where the binding needs to be told how to get the x- and y-value. The data type looks like:

            { position: new Date(2015, 1, 1), value: 11 }