starplot.js

ablauf

AppView.renderSubview(starplot)
  -> starplot.initialize() 
  -> starplot.render() (automatisch aufgerufen durch AppView.rendersubview)
    -> starplot.renderWithTemplate() (aufgerufen in starplot.render())
    // jetzt exisitert das HTML element starplot.el inklusive svg
    -> d3.select()...
    

gistfile1.js

var View = require('ampersand-view')
var d3 = require('d3')
var template = require('../templates/routes.jade')

// make this the general app view
var routes = View.extend({
  template: template,
  events: {
    'click button': 'render'
  },
  initialize: function () {
    console.log('hello')
  },
  render: function () {
    this.renderWithTemplate(this)
    var svg = d3.select(this.query('svg'))
    svg.append('circle')
      .attr('cx', 20)
      .attr('cy', 20)
      .attr('r', 10)
    console.log('hi')
    return this
  }
})

module.exports = routes