@plotdb/chart 0.0.3 → 1.0.1

package/web/static/block/curve-bar/0.0.1/index.html

@@ -7,142 +7,137 @@
   height: 100%;
   margin-right: 1em;
 }
-</style><script type="@plotdb/block">(function(it){
-  return it();
-})(function(){
-  var blockFactory, mod;
-  blockFactory = {
-    pkg: {
-      name: 'curve-bar',
-      version: '0.0.1',
-      extend: {
-        name: "base",
-        version: "0.0.1"
-      },
-      dependencies: []
+</style><script type="@plotdb/block">var mod;
+module.exports = {
+  pkg: {
+    name: 'curve-bar',
+    version: '0.0.1',
+    extend: {
+      name: "base",
+      version: "0.0.1"
     },
-    init: function(arg$){
-      var root, context, pubsub;
-      root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
-      return pubsub.fire('init', {
-        mod: mod({
-          context: context
-        })
-      });
-    }
-  };
-  mod = function(arg$){
-    var context, d3, legend, chart;
-    context = arg$.context;
-    d3 = context.d3, legend = context.legend, chart = context.chart;
-    return {
-      sample: function(){
-        return {
-          raw: [1, 2, 3, 4, 5].map(function(val){
-            return {
-              val: Math.random(),
-              name: val
-            };
-          }),
-          binding: {
-            name: {
-              key: 'name'
-            },
-            value: {
-              key: 'val'
-            }
+    dependencies: []
+  },
+  init: function(arg$){
+    var root, context, pubsub;
+    root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
+    return pubsub.fire('init', {
+      mod: mod({
+        context: context
+      })
+    });
+  }
+};
+mod = function(arg$){
+  var context, d3, legend, chart;
+  context = arg$.context;
+  d3 = context.d3, legend = context.legend, chart = context.chart;
+  return {
+    sample: function(){
+      return {
+        raw: [1, 2, 3, 4, 5].map(function(val){
+          return {
+            val: Math.random(),
+            name: val
+          };
+        }),
+        binding: {
+          name: {
+            key: 'name'
+          },
+          value: {
+            key: 'val'
           }
-        };
-      },
-      config: {},
-      dimension: {
-        value: {
-          type: 'R',
-          name: "value"
-        },
-        name: {
-          type: 'N',
-          name: "name"
         }
+      };
+    },
+    config: {},
+    dimension: {
+      value: {
+        type: 'R',
+        name: "value"
       },
-      init: function(){
-        var tint;
-        this.gview = d3.select(this.layout.getGroup('view'));
-        this.g = this.gview.append('g');
-        this.tint = tint = new chart.utils.tint();
-        this.arc = d3.arc().innerRadius(0).outerRadius(100).startAngle(0).endAngle(Math.PI / 2);
-        return this.legend = new chart.utils.legend({
-          root: this.root,
-          name: 'legend',
-          shape: function(d){
-            return d3.select(this).attr('fill', tint.get(d.text));
-          },
-          layout: this.layout
-        });
-      },
-      parse: function(){
-        this.tint.reset();
-        this.extent = {
-          v: d3.extent(this.data.map(function(it){
-            return it.value;
-          }))
+      name: {
+        type: 'N',
+        name: "name"
+      }
+    },
+    init: function(){
+      var tint;
+      this.gview = d3.select(this.layout.getGroup('view'));
+      this.g = this.gview.append('g');
+      this.tint = tint = new chart.utils.tint();
+      this.arc = d3.arc().innerRadius(0).outerRadius(100).startAngle(0).endAngle(Math.PI / 2);
+      return this.legend = new chart.utils.legend({
+        root: this.root,
+        name: 'legend',
+        shape: function(d){
+          return d3.select(this).attr('fill', tint.get(d.text));
+        },
+        layout: this.layout
+      });
+    },
+    parse: function(){
+      this.tint.reset();
+      this.extent = {
+        v: d3.extent(this.data.map(function(it){
+          return it.value;
+        }))
+      };
+      this.data.sort(function(a, b){
+        return a.value - b.value;
+      });
+      return this.legend.data(this.data.map(function(it){
+        return {
+          key: it.name,
+          text: it.name
         };
-        this.data.sort(function(a, b){
-          return a.value - b.value;
-        });
-        return this.legend.data(this.data.map(function(it){
-          return {
-            key: it.name,
-            text: it.name
-          };
+      }));
+    },
+    resize: function(){
+      var box, ref$, w, h, size;
+      box = this.layout.getBox('view');
+      this.layout.getNode('view').style.width = box.height + "px";
+      this.layout.update(false);
+      ref$ = [box.width, box.height], w = ref$[0], h = ref$[1];
+      size = Math.min(w, h);
+      return this.scale = {
+        v: d3.scaleLinear().domain([0, this.extent.v[1]]).range([0, Math.PI * 3 / 2]),
+        r: d3.scaleBand().domain(this.data.map(function(d, i){
+          return i;
+        })).range([24, size / 2])
+      };
+    },
+    render: function(){
+      var scale, bw, box, x$, y$, this$ = this;
+      scale = this.scale;
+      bw = this.scale.r.bandwidth();
+      this.arc.cornerRadius(bw / 2);
+      if (this.cfg != null && this.cfg.palette) {
+        this.tint.set(this.cfg.palette.colors.map(function(it){
+          return it.value || it;
         }));
-      },
-      resize: function(){
-        var box, ref$, w, h, size;
-        box = this.layout.getBox('view');
-        this.layout.getNode('view').style.width = box.height + "px";
-        this.layout.update(false);
-        ref$ = [box.width, box.height], w = ref$[0], h = ref$[1];
-        size = Math.min(w, h);
-        return this.scale = {
-          v: d3.scaleLinear().domain([0, this.extent.v[1]]).range([0, Math.PI * 3 / 2]),
-          r: d3.scaleBand().domain(this.data.map(function(d, i){
-            return i;
-          })).range([24, size / 2])
-        };
-      },
-      render: function(){
-        var scale, bw, box, x$, y$, this$ = this;
-        scale = this.scale;
-        bw = this.scale.r.bandwidth();
-        this.arc.cornerRadius(bw / 2);
-        if (this.cfg != null && this.cfg.palette) {
-          this.tint.set(this.cfg.palette.colors.map(function(it){
-            return it.value || it;
-          }));
-        }
-        this.legend.render();
-        box = this.layout.getBox('view');
-        this.g.attr('transform', "translate(" + box.width / 2 + "," + box.height / 2 + ")");
-        x$ = this.g.selectAll('path.data').data(this.data);
-        x$.exit().remove();
-        x$.enter().append('path').attr('class', 'data');
-        this.g.selectAll('path.data').attr('d', function(d, i){
-          this$.arc.startAngle(0).endAngle(scale.v(d.value)).innerRadius(scale.r(i)).outerRadius(scale.r(i) + bw - 2);
-          return this$.arc();
-        }).attr('fill', function(d, i){
-          return this$.tint.get(d.name) || d._idx;
-        });
-        y$ = this.g.selectAll('text.label').data(this.data);
-        y$.exit().remove();
-        y$.enter().append('text').attr('class', 'label');
-        return this.g.selectAll('text.label').attr('dominant-baseline', 'center').attr('text-anchor', 'end').attr('x', '-.5em').attr('y', function(d, i){
-          return -scale.r(i);
-        }).attr('dy', -bw * 1 / 4).text(function(d, i){
-          return d.name;
-        });
       }
-    };
+      this.legend.render();
+      box = this.layout.getBox('view');
+      this.g.attr('transform', "translate(" + box.width / 2 + "," + box.height / 2 + ")");
+      x$ = this.g.selectAll('path.data').data(this.data);
+      x$.exit().remove();
+      x$.enter().append('path').attr('class', 'data');
+      this.g.selectAll('path.data').attr('d', function(d, i){
+        this$.arc.startAngle(0).endAngle(scale.v(d.value)).innerRadius(scale.r(i)).outerRadius(scale.r(i) + bw - 2);
+        return this$.arc();
+      }).attr('fill', function(d, i){
+        return this$.tint.get(d.name) || d._idx;
+      });
+      y$ = this.g.selectAll('text.label').data(this.data);
+      y$.exit().remove();
+      y$.enter().append('text').attr('class', 'label');
+      return this.g.selectAll('text.label').attr('dominant-baseline', 'center').attr('text-anchor', 'end').attr('x', '-.5em').attr('y', function(d, i){
+        return -scale.r(i);
+      }).attr('dy', -bw * 1 / 4).text(function(d, i){
+        return d.name;
+      });
+    }
   };
-  return blockFactory;
-});</script></div>
+};</script></div>

package/web/static/block/dumbbell/0.0.1/index.html

@@ -1,178 +1,173 @@
-<div><script type="@plotdb/block">(function(it){
-  return it();
-})(function(){
-  var blockFactory, mod;
-  blockFactory = {
-    pkg: {
-      name: 'dumbbell',
-      version: '0.0.1',
-      extend: {
-        name: "base",
-        version: "0.0.1"
-      },
-      dependencies: []
+<div><script type="@plotdb/block">var mod;
+module.exports = {
+  pkg: {
+    name: 'dumbbell',
+    version: '0.0.1',
+    extend: {
+      name: "base",
+      version: "0.0.1"
     },
-    init: function(arg$){
-      var root, context, pubsub;
-      root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
-      return pubsub.fire('init', {
-        mod: mod({
-          context: context
-        })
-      });
-    }
-  };
-  mod = function(arg$){
-    var context, d3, ldcolor, debounce, infinite;
-    context = arg$.context;
-    d3 = context.d3, ldcolor = context.ldcolor, debounce = context.debounce, infinite = context.infinite;
-    return {
-      sample: function(){
-        return {
-          raw: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function(val){
-            return {
-              val1: Math.random() * 0.5 + 0.4,
-              val2: Math.random() * 0.5 + 0.4,
-              val3: Math.random() * 0.6 + 0.1,
-              val4: Math.random() * 0.6 + 0.1,
-              name: val
-            };
-          }),
-          binding: {
-            name: {
-              key: 'name'
-            },
-            y1: [
-              {
-                key: 'val1'
-              }, {
-                key: 'val2'
-              }
-            ],
-            y2: [
-              {
-                key: 'val3'
-              }, {
-                key: 'val4'
-              }
-            ]
-          }
-        };
-      },
-      config: {},
-      dimension: {
-        y1: {
-          type: 'R',
-          multiple: true,
-          name: "y pos"
-        },
-        y2: {
-          type: 'R',
-          multiple: true,
-          name: "y pos"
-        },
-        name: {
-          type: 'N',
-          name: "dumbbell name"
+    dependencies: []
+  },
+  init: function(arg$){
+    var root, context, pubsub;
+    root = arg$.root, context = arg$.context, pubsub = arg$.pubsub;
+    return pubsub.fire('init', {
+      mod: mod({
+        context: context
+      })
+    });
+  }
+};
+mod = function(arg$){
+  var context, d3, ldcolor, debounce, infinite;
+  context = arg$.context;
+  d3 = context.d3, ldcolor = context.ldcolor, debounce = context.debounce, infinite = context.infinite;
+  return {
+    sample: function(){
+      return {
+        raw: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function(val){
+          return {
+            val1: Math.random() * 0.5 + 0.4,
+            val2: Math.random() * 0.5 + 0.4,
+            val3: Math.random() * 0.6 + 0.1,
+            val4: Math.random() * 0.6 + 0.1,
+            name: val
+          };
+        }),
+        binding: {
+          name: {
+            key: 'name'
+          },
+          y1: [
+            {
+              key: 'val1'
+            }, {
+              key: 'val2'
+            }
+          ],
+          y2: [
+            {
+              key: 'val3'
+            }, {
+              key: 'val4'
+            }
+          ]
         }
+      };
+    },
+    config: {},
+    dimension: {
+      y1: {
+        type: 'R',
+        multiple: true,
+        name: "y pos"
       },
-      init: function(){
-        return this.infcolor = new infinite();
+      y2: {
+        type: 'R',
+        multiple: true,
+        name: "y pos"
       },
-      parse: function(){
-        var this$ = this;
-        this.parsed = [];
-        this.parsed = this.data.map(function(d, i){
-          var dumbbell;
-          dumbbell = d.y1.map(function(e, j){
-            return {
-              y1: d.y1[j] || 0,
-              y2: d.y2[j] || 0,
-              name: [this$.binding.y1[j].key, this$.binding.y2[j].key]
-            };
-          });
+      name: {
+        type: 'N',
+        name: "dumbbell name"
+      }
+    },
+    init: function(){
+      return this.infcolor = new infinite();
+    },
+    parse: function(){
+      var this$ = this;
+      this.parsed = [];
+      this.parsed = this.data.map(function(d, i){
+        var dumbbell;
+        dumbbell = d.y1.map(function(e, j){
           return {
-            name: d.name,
-            dumbbell: dumbbell
+            y1: d.y1[j] || 0,
+            y2: d.y2[j] || 0,
+            name: [this$.binding.y1[j].key, this$.binding.y2[j].key]
           };
         });
-        return this.names = this.data.map(function(it){
-          return it.name;
-        });
-      },
-      resize: function(){
-        var ref$, w, h;
-        ref$ = [this.box.width, this.box.height], w = ref$[0], h = ref$[1];
-        this.extent = {
-          y: [
-            d3.min(this.data.map(function(d, i){
-              return d3.min([d3.min(d.y1), d3.min(d.y2)]);
-            })), d3.max(this.data.map(function(d, i){
-              return d3.max([d3.max(d.y1), d3.max(d.y2)]);
-            }))
-          ]
-        };
-        this.scale = {
-          x: d3.scaleBand().domain(this.names).range([0, w]).paddingInner(0.3),
-          y: d3.scaleLinear().domain([0, this.extent.y[1]]).range([0, h]),
-          c: d3.scaleOrdinal(d3.schemeCategory10)
+        return {
+          name: d.name,
+          dumbbell: dumbbell
         };
-        if (this.cfg != null && this.cfg.palette) {
-          this.scale.c = d3.scaleOrdinal(this.cfg.palette.colors.map(function(it){
-            return ldcolor.web(it.value || it);
-          }));
-        }
-        if (this.cfg != null && this.cfg.palette) {
-          return this.infcolor.setColors(this.cfg.palette.colors.map(function(it){
-            return ldcolor.web(it.value || it);
-          }));
-        }
-      },
-      render: function(){
-        var scale, infcolor, svg, x$;
-        scale = this.scale, infcolor = this.infcolor;
-        svg = d3.select(this.svg);
-        x$ = svg.selectAll('g.data').data(this.parsed);
+      });
+      return this.names = this.data.map(function(it){
+        return it.name;
+      });
+    },
+    resize: function(){
+      var ref$, w, h;
+      ref$ = [this.box.width, this.box.height], w = ref$[0], h = ref$[1];
+      this.extent = {
+        y: [
+          d3.min(this.data.map(function(d, i){
+            return d3.min([d3.min(d.y1), d3.min(d.y2)]);
+          })), d3.max(this.data.map(function(d, i){
+            return d3.max([d3.max(d.y1), d3.max(d.y2)]);
+          }))
+        ]
+      };
+      this.scale = {
+        x: d3.scaleBand().domain(this.names).range([0, w]).paddingInner(0.3),
+        y: d3.scaleLinear().domain([0, this.extent.y[1]]).range([0, h]),
+        c: d3.scaleOrdinal(d3.schemeCategory10)
+      };
+      if (this.cfg != null && this.cfg.palette) {
+        this.scale.c = d3.scaleOrdinal(this.cfg.palette.colors.map(function(it){
+          return ldcolor.web(it.value || it);
+        }));
+      }
+      if (this.cfg != null && this.cfg.palette) {
+        return this.infcolor.setColors(this.cfg.palette.colors.map(function(it){
+          return ldcolor.web(it.value || it);
+        }));
+      }
+    },
+    render: function(){
+      var scale, infcolor, svg, x$;
+      scale = this.scale, infcolor = this.infcolor;
+      svg = d3.select(this.svg);
+      x$ = svg.selectAll('g.data').data(this.parsed);
+      x$.exit().remove();
+      x$.enter().append('g').attr('class', 'data');
+      return svg.selectAll('g.data').each(function(e, j){
+        var bw, n, x$;
+        bw = scale.x.bandwidth();
+        n = d3.select(this);
+        x$ = n.selectAll('g.dumbbell').data(e.dumbbell);
         x$.exit().remove();
-        x$.enter().append('g').attr('class', 'data');
-        return svg.selectAll('g.data').each(function(e, j){
-          var bw, n, x$;
-          bw = scale.x.bandwidth();
-          n = d3.select(this);
-          x$ = n.selectAll('g.dumbbell').data(e.dumbbell);
+        x$.enter().append('g').attr('class', 'dumbbell');
+        return n.selectAll('g.dumbbell').each(function(f, k){
+          var m, x$, y$;
+          m = d3.select(this);
+          x$ = m.selectAll('circle').data([1, 2]);
           x$.exit().remove();
-          x$.enter().append('g').attr('class', 'dumbbell');
-          return n.selectAll('g.dumbbell').each(function(f, k){
-            var m, x$, y$;
-            m = d3.select(this);
-            x$ = m.selectAll('circle').data([1, 2]);
-            x$.exit().remove();
-            x$.enter().append('circle');
-            y$ = m.selectAll('line').data([0]);
-            y$.exit().remove();
-            y$.enter().append('line');
-            m.selectAll('circle').attr('cx', function(d, i){
-              return scale.x(e.name) + bw * i;
-            }).attr('cy', function(d, i){
-              return scale.y(f["y" + d]);
-            }).attr('r', 2).attr('fill', function(){
-              return infcolor.get(f.name[0]);
-            });
-            return m.selectAll('line').attr('x1', function(d, i){
-              return scale.x(e.name);
-            }).attr('x2', function(d, i){
-              return scale.x(e.name) + bw;
-            }).attr('y1', function(d, i){
-              return scale.y(f.y1);
-            }).attr('y2', function(d, i){
-              return scale.y(f.y2);
-            }).attr('stroke', function(){
-              return infcolor.get(f.name[0]);
-            }).attr('stroke-width', 1);
+          x$.enter().append('circle');
+          y$ = m.selectAll('line').data([0]);
+          y$.exit().remove();
+          y$.enter().append('line');
+          m.selectAll('circle').attr('cx', function(d, i){
+            return scale.x(e.name) + bw * i;
+          }).attr('cy', function(d, i){
+            return scale.y(f["y" + d]);
+          }).attr('r', 2).attr('fill', function(){
+            return infcolor.get(f.name[0]);
           });
+          return m.selectAll('line').attr('x1', function(d, i){
+            return scale.x(e.name);
+          }).attr('x2', function(d, i){
+            return scale.x(e.name) + bw;
+          }).attr('y1', function(d, i){
+            return scale.y(f.y1);
+          }).attr('y2', function(d, i){
+            return scale.y(f.y2);
+          }).attr('stroke', function(){
+            return infcolor.get(f.name[0]);
+          }).attr('stroke-width', 1);
         });
-      }
-    };
+      });
+    }
   };
-  return blockFactory;
-});</script></div>
+};</script></div>

package/web/static/block/empty/0.0.1/index.html

@@ -1,4 +1,4 @@
-<div style="width:100%;height:100%"><script type="@plotdb/block">({
+<div style="width:100%;height:100%"><script type="@plotdb/block">module.exports = {
   pkg: {
     name: 'empty',
     version: '0.0.1',
@@ -68,7 +68,7 @@
       render: function(){}
     };
   }
-});
+};
 function import$(obj, src){
   var own = {}.hasOwnProperty;
   for (var key in src) if (own.call(src, key)) obj[key] = src[key];