myfirstgraph.js

data = [
    {
        name: series,
        points: [ {}, .. ]
    }
    ...
]

axis = new アシ({
    ctx: ctx,
    dispatcher: dispatcher
});

...

ガ = new ガラパ( data );

ガ.add( axis )
ガ.add( bars )
ガ.add( legend )
ガ.add( tooltip )

ガ.render();

ガラパ.js

ガラパ = function( data ) {
    this.data;
}

ガラパ.prototype = {
    add: function( renderer ) {
        this.renderers.push( renderer )
    },
    render: function() {
        for( var i in this.renderers ) {
            this.renderers[i]( this.data );
        }
    }
};

Each element can render to different places!