<!DOCTYPE html>
<html>
    <head>
        <title>Simple Soba sample</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
        <script src="../sushi/src/sushi.js"></script>   <!-- Include sushi.js -->
        <script src="../src/soba.js"></script>
        <link rel="stylesheet" href="../src/soba.css">
    </head>
    <body>
        <div id="sine-curve" style="width: 640px; height: 480px;"></div>
        <script>
            // Sine data by Sushi.Matrix
            var x_min=-3, x_max=3, nbins = 60;
            var x = new Sushi.Matrix(nbins, 1);
            x.setEach(function(i){
                return x_min + i*(x_max-x_min)/(nbins-1);
            });
            var y = x.clone();
            y.map(function(d){
                return Math.sin(d);
            });

            // plot
            var plt = new Soba('#sine-curve');
            plt.plot(x,y,'b:');
            plt.show();
        </script>
    </body>
</html>
Add simple sample by using Sushi.Matrix
Add simple sample by using Sushi.Matrix
