D3.js D3行不显示

下面的代码用于显示线条图，但不知何故，我知道无法显示线条，也不知道代码中缺少了什么。这个代码哪里错了。非常感谢。代码可以看到

---

你刚刚在底部有一个额外的

}

：谢谢你，杰拉尔多。页面没有滚动来查看底部，我完全看不到。

var h = 350;
var w = 400;

monthlySales = [
  {"month":10, "sales":100},
  {"month":20, "sales":130},
  {"month":30, "sales":250},
  {"month":40, "sales":300},
  {"month":50, "sales":265},
  {"month":60, "sales":225},
  {"month":70, "sales":180},
  {"month":80, "sales":120},
  {"month":90, "sales":145},
  {"month":100, "sales":130}
];

var lineFun = d3.svg.line()
    .x(function(d) { return d.month*3;})
    .y(function(d) { return h-d.sales;})
    .interpolate("linear");

var svg = d3.select("body")
            .append("svg").attr({
              width:w,
              height:h
            });

var viz = svg.append("path")
            .attr({
              d: lineFun(monthlySales),
              "stroke": "purple",
              "stroke-width": 2,
              "fill": "none"
            });