d3 template gist

d3-template.js

/**
 * Шаблонная функция для работы с D3
 */
function act(scenario) {
    // устанавливаем сцену
    var stage = d3.select('body');
    // выбераем актеров
    var actors = stage.selectAll('div');
    // раздаем роли актерам
    var awroles = actors.data(scenario, function(d){ return d });

    awroles
        /* действия актеров которые уже на сцене */
        /* .style({ color: 'blue' }) */
    ;

    awroles.enter()
        /* действия актеров которые выходят на сцену */
        /* .append('div').text(String) */
    ; 
  
    awroles.exit()
        /* действия актеров которые уходят со сцены  */
        /* .style({ color: 'red' }) */
    ; 
}

// current state of DOM -> act #1
act([1,2,3])
// act #1 -> act #2
act([2,4]);