tenntenn

package main

import (
    "code.google.com/p/goweb/goweb"
    "net/http"
)

type MyController struct{}

// for GET /api

tenntenn

// http://play.golang.org/p/TC1PoskmV2
package main

import "fmt"

type Foo struct {
	n int
}

func (foo Foo) String() string {

tenntenn

var data = [10, 20, 30, 40];

tenntenn

<div id="chart">
</div>

tenntenn

var data = [10, 20, 30, 40];
var chart = d3.select('#chart');
chart.selectAll("div")
    .data(data)
    .enter()
    .append("div")
    .style("width", function(d) {
        return d * 10 + "px";
    }).text(function(d) {
        return d;

tenntenn

<div id="chart">
    <div style="width:100px;">
        10
    </div>
    <div style="width:200px;">
        20
    </div>
    <div style="width:300px;">
        30
    </div>

tenntenn

#chart div {
   background-color: steelblue;
   text-align: right;
   padding: 3px;
   margin: 1px;
   color: white;
}​

tenntenn

var a = sb.observable(10);
var b = sb.observable(a());

// バインディング
sb.binding().sync(a,b).bind();

// a -> bの通知が走りbも100になる。
a(100);

tenntenn

var a = sb.observable(10);
var b = sb.observable(a());

// バインディング
sb.binding(a).computed(b, function(){
    return a() * 2;
});

// bはaの2倍の値(200)がセットされる。
a(100);

tenntenn

var data = [
    sb.observable(10),
    sb.observable(20),
    sb.observable(30),
    sb.observable(40)
];

// Create binding
var b = sb.d3.binding().transition()
.style("width", function(d) {