react-d3-basic - npm Package Compare versions

Comparing version 0.10.0 to 0.10.1

lib/area_stack.js

@@ -23,6 +23,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactD3Core = require('react-d3-core');
@@ -61,4 +57,4 @@
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain(true);
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain(true);
 
@@ -65,0 +61,0 @@ var xScaleSet = this.mkXScale();

lib/bar_group.js

@@ -56,4 +56,4 @@ "use strict";
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain();
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain();
 
@@ -60,0 +60,0 @@ var xScaleSet = this.mkXScale();

lib/bar_stack.js

@@ -54,4 +54,4 @@ "use strict";
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain(true);
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain(true);
 
@@ -58,0 +58,0 @@ var xScaleSet = this.mkXScale();

lib/bar.js

@@ -56,4 +56,4 @@ "use strict";
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain();
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain();
 
@@ -60,0 +60,0 @@ var xScaleSet = this.mkXScale();

lib/components/area_stack.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -52,3 +48,3 @@
       // make areas
-      var chart = _d32['default'].select(dom).attr("class", areaClassName + ' area-group');
+      var chart = d3.select(dom).attr("class", areaClassName + ' area-group');
 
@@ -101,3 +97,3 @@ chart.selectAll("path").data(_setStack(dataset)).enter().append("path").attr("class", "area").style("fill", function (d) {
       };
-      return _d32['default'].layout.stack().values(function (d) {
+      return d3.layout.stack().values(function (d) {
         return d.data;
@@ -118,3 +114,3 @@ }).out(buildOut(chartSeries.length));
 
-      return _d32['default'].svg.area().interpolate(interpolate).x(function (d) {
+      return d3.svg.area().interpolate(interpolate).x(function (d) {
         return xScaleSet(d.x);
@@ -121,0 +117,0 @@ }).y0(function (d) {

lib/components/area.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -51,3 +47,3 @@
       // make area
-      var area = _d32['default'].select(dom);
+      var area = d3.select(dom);
 
@@ -80,3 +76,3 @@ area.datum(dataset.data).attr("class", areaClassName + ' area').style("fill", dataset.color).style("stroke", dataset.color).attr("d", this._setAxes());
 
-      return _d32['default'].svg.area().interpolate(interpolate).x(function (d) {
+      return d3.svg.area().interpolate(interpolate).x(function (d) {
         return xScaleSet(d.x);
@@ -83,0 +79,0 @@ }).y0(function (d) {

lib/components/bar_group.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -67,3 +63,3 @@
       // make areas
-      var chart = _d32['default'].select(dom).datum(dataset).attr("class", "bargroup");
+      var chart = d3.select(dom).datum(dataset).attr("class", "bargroup");
 
@@ -70,0 +66,0 @@ chart.selectAll("rect").data(dataset.data).enter().append("rect").attr("class", barClassName + ' bar').attr("width", x1.rangeBand()).attr("x", function (d) {

lib/components/bar_stack.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -55,3 +51,3 @@
       // make areas
-      var chart = _d32['default'].select(dom).attr("class", "g");
+      var chart = d3.select(dom).attr("class", "g");
 
@@ -119,3 +115,3 @@ var domain = yScaleSet.domain();
       };
-      return _d32['default'].layout.stack().values(function (d) {
+      return d3.layout.stack().values(function (d) {
         return d.data;
@@ -122,0 +118,0 @@ }).out(buildOut(chartSeries.length));

lib/components/line.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -50,3 +46,3 @@
       // make line
-      var line = _d32['default'].select(dom);
+      var line = d3.select(dom);
 
@@ -77,3 +73,3 @@ line.datum(dataset.data).style("stroke", dataset.color).attr("class", lineClassName + ' line').attr("d", this._setAxes());
 
-      return _d32['default'].svg.line().interpolate(interpolate).x(function (d) {
+      return d3.svg.line().interpolate(interpolate).x(function (d) {
         return xScaleSet(d.x);
@@ -80,0 +76,0 @@ }).y(function (d) {

lib/components/pie.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -48,3 +44,3 @@
 
-      _d32['default'].select(pieChart).selectAll(".arc").each(function (p) {
+      d3.select(pieChart).selectAll(".arc").each(function (p) {
         this.addEventListener('mouseover', function (e) {
@@ -71,7 +67,7 @@ onMouseOver(e);
 
-      var arc = _d32['default'].svg.arc().outerRadius(outerRadius).innerRadius(innerRadius);
+      var arc = d3.svg.arc().outerRadius(outerRadius).innerRadius(innerRadius);
 
-      var arcOver = _d32['default'].svg.arc().outerRadius(outerRadius + 10).innerRadius(innerRadius);
+      var arcOver = d3.svg.arc().outerRadius(outerRadius + 10).innerRadius(innerRadius);
 
-      var pie = _d32['default'].layout.pie().sort(function (a, b) {
+      var pie = d3.layout.pie().sort(function (a, b) {
         return pieSort(a.value, b.value);
@@ -82,3 +78,3 @@ }).value(function (d) {
 
-      var pieDom = _d32['default'].select(dom);
+      var pieDom = d3.select(dom);
 
@@ -85,0 +81,0 @@ var g = pieDom.selectAll('.arc').data(pie(chartSeriesData)).enter().append('g').attr('class', 'arc');

lib/components/scatter.js

@@ -21,6 +21,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactFauxDom = require('react-faux-dom');
@@ -65,7 +61,7 @@
 
-      var dots = _d32['default'].select(dom);
+      var dots = d3.select(dom);
 
       dots.selectAll('' + scatterClassName).data(dataset.data).enter().append("path").attr('class', 'react-d3-basic__scatter__path').style('fill', dataset.color).attr("transform", function (d) {
         return "translate(" + xScaleSet(d.x) + "," + yScaleSet(d.y) + ")";
-      }).attr("d", _d32['default'].svg.symbol().size(function (d) {
+      }).attr("d", d3.svg.symbol().size(function (d) {
         return symbolSize * symbolSize;
@@ -80,5 +76,5 @@ }).type(symbol));
 
-      if (showBrush) _d32['default'].select(dom).style('clip-path', 'url(#react-d3-basic__brush_focus__clip)');
+      if (showBrush) d3.select(dom).style('clip-path', 'url(#react-d3-basic__brush_focus__clip)');
 
-      if (showZoom) _d32['default'].select(dom).style('clip-path', 'url(#react-d3-basic__zoom_focus__clip)');
+      if (showZoom) d3.select(dom).style('clip-path', 'url(#react-d3-basic__zoom_focus__clip)');
 
@@ -85,0 +81,0 @@ return dots;

lib/line.js

@@ -23,6 +23,2 @@ "use strict";
 
-var _d3 = require('d3');
-
-var _d32 = _interopRequireDefault(_d3);
-
 var _reactD3Core = require('react-d3-core');
@@ -74,4 +70,4 @@
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain();
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain();
 
@@ -78,0 +74,0 @@ var xScaleSet = this.mkXScale();

lib/scatter.js

@@ -59,4 +59,4 @@ "use strict";
 
-      var xDomain = this.props.xDomain || this.mkXDomain();
-      var yDomain = this.props.yDomain || this.mkYDomain();
+      var xDomain = this.mkXDomain();
+      var yDomain = this.mkYDomain();
 
@@ -63,0 +63,0 @@ var xScaleSet = this.mkXScale();

package.json

 {
   "name": "react-d3-basic",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "react chart component",
@@ -34,3 +34,3 @@ "main": "./lib/index.js",
     "d3": "^3.5.6",
-    "react-d3-core": "^0.7.0",
+    "react-d3-core": "^0.7.2",
     "react-dom": "^0.14.0",
@@ -37,0 +37,0 @@ "react-faux-dom": "^2.1.0"

src/area_stack.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid,
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid
 } from 'react-d3-core';
@@ -43,4 +43,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain(true);
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain(true);
 
@@ -47,0 +47,0 @@ const xScaleSet = this.mkXScale();

src/bar_group.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid,
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid
 } from 'react-d3-core';
@@ -44,4 +44,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain();
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain();
 
@@ -48,0 +48,0 @@ const xScaleSet = this.mkXScale();

src/bar_stack.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid,
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid,
 } from 'react-d3-core';
@@ -44,4 +44,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain(true);
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain(true);
 
@@ -48,0 +48,0 @@ const xScaleSet = this.mkXScale();

src/bar.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid
 } from 'react-d3-core';
@@ -44,4 +44,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain();
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain();
 
@@ -48,0 +48,0 @@ const xScaleSet = this.mkXScale();

src/line.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid,
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid,
 } from 'react-d3-core';
@@ -56,4 +56,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain();
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain();
 
@@ -60,0 +60,0 @@ const xScaleSet = this.mkXScale();

src/pie.jsx

@@ -13,4 +13,4 @@ "use strict";
 import {
-  Chart as Chart,
-  Legend as Legend,
+  Chart,
+  Legend,
 } from 'react-d3-core';
@@ -17,0 +17,0 @@

src/scatter.jsx

@@ -10,6 +10,6 @@ "use strict";
 import {
-  Chart as Chart,
-  Xaxis as Xaxis,
-  Yaxis as Yaxis,
-  Grid as Grid,
+  Chart,
+  Xaxis,
+  Yaxis,
+  Grid,
 } from 'react-d3-core';
@@ -45,4 +45,4 @@
 
-    const xDomain = this.props.xDomain || this.mkXDomain();
-    const yDomain = this.props.yDomain || this.mkYDomain();
+    const xDomain = this.mkXDomain();
+    const yDomain = this.mkYDomain();
 
@@ -49,0 +49,0 @@ const xScaleSet = this.mkXScale();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

154053

decreased by-1.03%

Lines of code

3039

decreased by-0.59%

Dependency changes

• Updatedreact-d3-core@^0.7.2