JSFiddle

  • D3JS_Demo5

    StackedBar

    (function() {
     
     	var version = "0.0.1", VizEngine = {};
    
    	/** <Viz> **/
    	VizEngine.Viz = function Viz(type,version) {
    	    this.getType = function(){return type;};
    	    this.getVersion ...</viz>
  • Demo4 #13 is the latest revision

    Single Line chart

    var data = [{"date":"1-May-12","close":582.13},
    {"date":"30-Apr-12","close":583.98},
    {"date":"27-Apr-12","close":603.00},
    {"date":"26-Apr-12","close ...
  • D3JS_Demo3 #14 is the latest revision

    sub-donuts

    var width = 100,
        height = 100,
        radius = Math.min(width, height) / 2,
        innerRadius = radius - (radius/3);
    
    var color = d3.scale.category10 ...
  • D3JS_Demo2 #9 is the latest revision

    base fiddle to make d3 demos, fork as much as you need...

    var width = 300,
        height = 300,
        radius = Math.min(width, height) / 2;
    
    var color = d3.scale.ordinal()
        .range(["#98abc5", "#8a89a6", "#7b6888 ...
  • D3JS_Base

    base fiddle to make d3 demos, fork as much as you need...

    <div id="d3viz"></div>
  • D3JS_Base #26 is the latest revision

    base fiddle to make d3 demos, fork as much as you need...

    <div id="d3viz"></div>
  • EventEngine Demo

    a brief tutorial on how an event engine should work

    var eventEngine = {
        handlers: {
            click: {
                'label-test1':[],
                'label-test2':[]                
            }        
        },
        register: function(desc){
            console.log(["register",this]);
            if(!this.handlers[desc.type]){
                $('#main').bind ...