29、构建交互式美国人口普查数据仪表盘

构建交互式美国人口普查数据仪表盘

在数据可视化的领域中，创建一个动态且交互式的仪表盘是一项非常有意义的工作。下面将详细介绍如何构建一个基于美国人口普查数据的交互式仪表盘，包括创建模型、集合、视图，以及实现各种图表的动态渲染。

1. 初始化视图

首先，我们需要创建一个视图来绑定到 DOM 节点，并初始化一些操作。以下是相关代码：

var censusView = new CensusView({
  model: census,
  collection: states
});

var CensusView = Backbone.View.extend({
  el: ".charts",
  template: _.template( $(".census-tpl").text() ),
  initialize: function() {
    this.model.on("change", this.render, this);
    this.buildDropdown();
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback($.proxy(this.render, this));
  },
  // builds the state dropdown with change listener
  buildDropdown: function() {
    // compile the state dropdown template
    var tpl =