d3-geo-scale-bar - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

build/d3-geo-scale-bar.js

@@ -1,2 +0,2 @@
-// https://github.com/HarryStevens/d3-geo-scale-bar Version 0.0.1. Copyright 2018 Harry Stevens.
+// https://github.com/HarryStevens/d3-geo-scale-bar Version 0.0.2. Copyright 2018 Harry Stevens.
 (function (global, factory) {
@@ -501,2 +501,4 @@ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
         feature,
+        mG,
+        kG,
         mRect,
@@ -547,5 +549,7 @@ kRect,
 
-      mRect = mRect || context.append("rect");
+      mG = mG || context.append("g")
+          .attr("class", "miles");
+
+      mRect = mRect || mG.append("rect");
       mRect
-        .attr("class", "miles")
         .attr("width", miles_width_of_bar)
@@ -557,5 +561,4 @@ .attr("height", height)
 
-      mText = mText || context.append("text");
+      mText = mText || mG.append("text");
       mText
-        .attr("class", "miles")
         .attr("x", left_of_bar)
@@ -568,5 +571,7 @@ .attr("y", top_of_bar - 3)
 
-      kRect = kRect || context.append("rect");
+      kG = kG || context.append("g")
+          .attr("class", "kilometers");
+
+      kRect = kRect || kG.append("rect");
       kRect
-        .attr("class", "kilometers")
         .attr("width", kilometers_width_of_bar)
@@ -578,5 +583,4 @@ .attr("height", height)
 
-      kText = kText || context.append("text");
+      kText = kText || kG.append("text");
       kText
-        .attr("class", "kilometers")
         .attr("x", left_of_bar)
@@ -583,0 +587,0 @@ .attr("y", top_of_bar - 3)

build/d3-geo-scale-bar.min.js

@@ -1,1 +0,1 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(t.d3=t.d3||{})}(this,function(t){"use strict";function n(){return new e}function e(){this.reset()}function r(t,n,e){var r=t.s=n+e,i=r-n,o=r-i;t.t=n-o+(e-i)}function i(t){return t>1?ot:t<-1?-ot:Math.asin(t)}function o(){}function a(t,n){t&&yt.hasOwnProperty(t.type)&&yt[t.type](t,n)}function u(t,n,e){var r,i=-1,o=t.length-e;for(n.lineStart();++i<o;)r=t[i],n.point(r[0],r[1],r[2]);n.lineEnd()}function f(t,n){var e=-1,r=t.length;for(n.polygonStart();++e<r;)u(t[e],n,1);n.polygonEnd()}function l(t,n){t&&gt.hasOwnProperty(t.type)?gt[t.type](t,n):a(t,n)}function s(){St.point=h}function c(){p(I,K)}function h(t,n){St.point=p,I=t,K=n,t*=lt,n*=lt,A=t,D=ht(n=n/2+at),H=pt(n)}function p(t,n){t*=lt,n*=lt,n=n/2+at;var e=t-A,r=e>=0?1:-1,i=r*e,o=ht(n),a=pt(n),u=H*a,f=D*o+u*ht(i),l=u*r*pt(i);vt.add(ct(l,f)),A=t,D=o,H=a}function d(t){return[ct(t[1],t[0]),i(t[2])]}function g(t){var n=t[0],e=t[1],r=ht(e);return[r*ht(n),r*pt(n),pt(e)]}function y(t,n){return[t[1]*n[2]-t[2]*n[1],t[2]*n[0]-t[0]*n[2],t[0]*n[1]-t[1]*n[0]]}function v(t){var n=dt(t[0]*t[0]+t[1]*t[1]+t[2]*t[2]);t[0]/=n,t[1]/=n,t[2]/=n}function m(t,n){Y.push(Z=[J=t,R=t]),n<Q&&(Q=n),n>T&&(T=n)}function S(t,n){var e=g([t*lt,n*lt]);if(X){var r=y(X,e),i=[r[1],-r[0],0],o=y(i,r);v(o),o=d(o);var a,u=t-U,f=u>0?1:-1,l=o[0]*ft*f,s=st(u)>180;s^(f*U<l&&l<f*t)?(a=o[1]*ft)>T&&(T=a):(l=(l+360)%360-180,s^(f*U<l&&l<f*t)?(a=-o[1]*ft)<Q&&(Q=a):(n<Q&&(Q=n),n>T&&(T=n))),s?t<U?P(J,t)>P(J,R)&&(R=t):P(t,R)>P(J,R)&&(J=t):R>=J?(t<J&&(J=t),t>R&&(R=t)):t>U?P(J,t)>P(J,R)&&(R=t):P(t,R)>P(J,R)&&(J=t)}else Y.push(Z=[J=t,R=t]);n<Q&&(Q=n),n>T&&(T=n),X=e,U=t}function M(){Et.point=S}function E(){Z[0]=J,Z[1]=R,Et.point=m,X=null}function x(t,n){if(X){var e=t-U;Mt.add(st(e)>180?e+(e>0?360:-360):e)}else V=t,W=n;St.point(t,n),S(t,n)}function N(){St.lineStart()}function w(){x(V,W),St.lineEnd(),st(Mt)>rt&&(J=-(R=180)),Z[0]=J,Z[1]=R,X=null}function P(t,n){return(n-=t)<0?n+360:n}function b(t,n){return t[0]-n[0]}function k(t,n){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:n<t[0]||t[1]<n}function O(t){var n,e,r,i,o,a,u;if(T=R=-(J=Q=1/0),Y=[],l(t,Et),e=Y.length){for(Y.sort(b),n=1,r=Y[0],o=[r];n<e;++n)i=Y[n],k(r,i[0])||k(r,i[1])?(P(r[0],i[1])>P(r[0],r[1])&&(r[1]=i[1]),P(i[0],r[1])>P(r[0],r[1])&&(r[0]=i[0])):o.push(r=i);for(a=-1/0,e=o.length-1,n=0,r=o[e];n<=e;r=i,++n)i=o[n],(u=P(r[1],i[0]))>a&&(a=u,J=i[0],R=r[1])}return Y=Z=null,J===1/0||Q===1/0?[[NaN,NaN],[NaN,NaN]]:[[J,Q],[R,T]]}function j(t,n){return t<n?-1:t>n?1:t>=n?0:NaN}function z(t){return function(n,e){return j(t(n),e)}}function L(){Nt.point=C,Nt.lineEnd=B}function B(){Nt.point=Nt.lineEnd=o}function C(t,n){t*=lt,n*=lt,$=t,tt=pt(n),nt=ht(n),Nt.point=F}function F(t,n){t*=lt,n*=lt;var e=pt(n),r=ht(n),i=st(t-$),o=ht(i),a=pt(i),u=r*a,f=nt*e-tt*r*o,l=tt*e+nt*r*o;xt.add(ct(dt(u*u+f*f),l)),$=t,tt=e,nt=r}function _(t){return xt.reset(),l(t,Nt),+xt}function q(t,n){return wt[0]=t,wt[1]=n,_(Pt)}function G(){function t(t){var v=O(o),m=i([0,v[0][1]]),S=i([0,v[1][1]]),M=Math.abs(m[1]-S[1]),E=Math.abs((v[1][1]-v[0][1])*y),x=[v[0][0],E],N=[v[1][0],E],w=q(x,N),P=w*h,b=w*p,k=i(x),j=i(N),z=j[0]-k[0];s=s||Math.pow(10,n(P)-1);var L=s/P,B=L*z;c=c||Math.pow(10,n(b)-1);var C=c/b,F=C*z,_=Math.min(m[1],S[1])+M*y,G=Math.min(k[0],j[0])+z*g;t.attr("width",r[0]).attr("height",r[1]),a=a||t.append("rect"),a.attr("class","miles").attr("width",B).attr("height",d).attr("transform","translate(0, 12)").attr("y",_).attr("x",G),f=f||t.append("text"),f.attr("class","miles").attr("x",G).attr("y",_-3).attr("transform","translate(0, 12)").style("font-family","sans-serif").style("font-size","12px").text(e(s)+" mile"+(1===s?"":"s")),u=u||t.append("rect"),u.attr("class","kilometers").attr("width",F).attr("height",d).attr("transform","translate(0, 42)").attr("y",_).attr("x",G),l=l||t.append("text"),l.attr("class","kilometers").attr("x",G).attr("y",_-3).attr("transform","translate(0, 42)").style("font-family","sans-serif").style("font-size","12px").text(e(c)+" kilometer"+(1===c?"":"s"))}function n(t){return Math.floor(t).toString().length}function e(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}var r,i,o,a,u,f,l,s,c,h=3959,p=6371,d=1,g=0,y=0;return t.fitSize=function(n,e){return r=n,o=e,t},t.extent=function(n){return arguments.length?(r=n,t):r},t.feature=function(n){return arguments.length?(o=n,t):o},t.projection=function(n){return arguments.length?(i=n,t):i},t.radiusMiles=function(n){return arguments.length?(h=+n,t):h},t.radiusKilometers=function(n){return arguments.length?(p=+n,t):p},t.miles=function(n){return arguments.length?(s=+n,t):s},t.kilometers=function(n){return arguments.length?(c=+n,t):c},t.height=function(n){return arguments.length?(d=+n,t):d},t.left=function(n){return arguments.length?(g=n>1?1:n<0?0:+n,t):g},t.top=function(n){return arguments.length?(y=n>1?1:n<0?0:+n,t):y},t}e.prototype={constructor:e,reset:function(){this.s=this.t=0},add:function(t){r(et,t,this.t),r(this,et.s,this.s),this.s?this.t+=et.t:this.s=et.t},valueOf:function(){return this.s}};var I,K,A,D,H,J,Q,R,T,U,V,W,X,Y,Z,$,tt,nt,et=new e,rt=1e-6,it=Math.PI,ot=it/2,at=it/4,ut=2*it,ft=180/it,lt=it/180,st=Math.abs,ct=Math.atan2,ht=Math.cos,pt=Math.sin,dt=Math.sqrt,gt={Feature:function(t,n){a(t.geometry,n)},FeatureCollection:function(t,n){for(var e=t.features,r=-1,i=e.length;++r<i;)a(e[r].geometry,n)}},yt={Sphere:function(t,n){n.sphere()},Point:function(t,n){t=t.coordinates,n.point(t[0],t[1],t[2])},MultiPoint:function(t,n){for(var e=t.coordinates,r=-1,i=e.length;++r<i;)t=e[r],n.point(t[0],t[1],t[2])},LineString:function(t,n){u(t.coordinates,n,0)},MultiLineString:function(t,n){for(var e=t.coordinates,r=-1,i=e.length;++r<i;)u(e[r],n,0)},Polygon:function(t,n){f(t.coordinates,n)},MultiPolygon:function(t,n){for(var e=t.coordinates,r=-1,i=e.length;++r<i;)f(e[r],n)},GeometryCollection:function(t,n){for(var e=t.geometries,r=-1,i=e.length;++r<i;)a(e[r],n)}},vt=n(),mt=n(),St={point:o,lineStart:o,lineEnd:o,polygonStart:function(){vt.reset(),St.lineStart=s,St.lineEnd=c},polygonEnd:function(){var t=+vt;mt.add(t<0?ut+t:t),this.lineStart=this.lineEnd=this.point=o},sphere:function(){mt.add(ut)}},Mt=n(),Et={point:m,lineStart:M,lineEnd:E,polygonStart:function(){Et.point=x,Et.lineStart=N,Et.lineEnd=w,Mt.reset(),St.polygonStart()},polygonEnd:function(){St.polygonEnd(),Et.point=m,Et.lineStart=M,Et.lineEnd=E,vt<0?(J=-(R=180),Q=-(T=90)):Mt>rt?T=90:Mt<-rt&&(Q=-90),Z[0]=J,Z[1]=R}},xt=(n(),function(t){1===t.length&&(t=z(t))}(j),n()),Nt={sphere:o,point:o,lineStart:L,lineEnd:o,polygonStart:o,polygonEnd:o},wt=[null,null],Pt={type:"LineString",coordinates:wt};n(),n(),n();t.geoScaleBar=G,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(t.d3=t.d3||{})}(this,function(t){"use strict";function n(){return new e}function e(){this.reset()}function r(t,n,e){var r=t.s=n+e,o=r-n,i=r-o;t.t=n-i+(e-o)}function o(t){return t>1?it:t<-1?-it:Math.asin(t)}function i(){}function a(t,n){t&&yt.hasOwnProperty(t.type)&&yt[t.type](t,n)}function u(t,n,e){var r,o=-1,i=t.length-e;for(n.lineStart();++o<i;)r=t[o],n.point(r[0],r[1],r[2]);n.lineEnd()}function f(t,n){var e=-1,r=t.length;for(n.polygonStart();++e<r;)u(t[e],n,1);n.polygonEnd()}function l(t,n){t&&gt.hasOwnProperty(t.type)?gt[t.type](t,n):a(t,n)}function c(){mt.point=h}function s(){p(I,K)}function h(t,n){mt.point=p,I=t,K=n,t*=lt,n*=lt,A=t,D=ht(n=n/2+at),H=pt(n)}function p(t,n){t*=lt,n*=lt,n=n/2+at;var e=t-A,r=e>=0?1:-1,o=r*e,i=ht(n),a=pt(n),u=H*a,f=D*i+u*ht(o),l=u*r*pt(o);vt.add(st(l,f)),A=t,D=i,H=a}function d(t){return[st(t[1],t[0]),o(t[2])]}function g(t){var n=t[0],e=t[1],r=ht(e);return[r*ht(n),r*pt(n),pt(e)]}function y(t,n){return[t[1]*n[2]-t[2]*n[1],t[2]*n[0]-t[0]*n[2],t[0]*n[1]-t[1]*n[0]]}function v(t){var n=dt(t[0]*t[0]+t[1]*t[1]+t[2]*t[2]);t[0]/=n,t[1]/=n,t[2]/=n}function S(t,n){Y.push(Z=[J=t,R=t]),n<Q&&(Q=n),n>T&&(T=n)}function m(t,n){var e=g([t*lt,n*lt]);if(X){var r=y(X,e),o=[r[1],-r[0],0],i=y(o,r);v(i),i=d(i);var a,u=t-U,f=u>0?1:-1,l=i[0]*ft*f,c=ct(u)>180;c^(f*U<l&&l<f*t)?(a=i[1]*ft)>T&&(T=a):(l=(l+360)%360-180,c^(f*U<l&&l<f*t)?(a=-i[1]*ft)<Q&&(Q=a):(n<Q&&(Q=n),n>T&&(T=n))),c?t<U?P(J,t)>P(J,R)&&(R=t):P(t,R)>P(J,R)&&(J=t):R>=J?(t<J&&(J=t),t>R&&(R=t)):t>U?P(J,t)>P(J,R)&&(R=t):P(t,R)>P(J,R)&&(J=t)}else Y.push(Z=[J=t,R=t]);n<Q&&(Q=n),n>T&&(T=n),X=e,U=t}function M(){Et.point=m}function E(){Z[0]=J,Z[1]=R,Et.point=S,X=null}function x(t,n){if(X){var e=t-U;Mt.add(ct(e)>180?e+(e>0?360:-360):e)}else V=t,W=n;mt.point(t,n),m(t,n)}function N(){mt.lineStart()}function w(){x(V,W),mt.lineEnd(),ct(Mt)>rt&&(J=-(R=180)),Z[0]=J,Z[1]=R,X=null}function P(t,n){return(n-=t)<0?n+360:n}function b(t,n){return t[0]-n[0]}function O(t,n){return t[0]<=t[1]?t[0]<=n&&n<=t[1]:n<t[0]||t[1]<n}function j(t){var n,e,r,o,i,a,u;if(T=R=-(J=Q=1/0),Y=[],l(t,Et),e=Y.length){for(Y.sort(b),n=1,r=Y[0],i=[r];n<e;++n)o=Y[n],O(r,o[0])||O(r,o[1])?(P(r[0],o[1])>P(r[0],r[1])&&(r[1]=o[1]),P(o[0],r[1])>P(r[0],r[1])&&(r[0]=o[0])):i.push(r=o);for(a=-1/0,e=i.length-1,n=0,r=i[e];n<=e;r=o,++n)o=i[n],(u=P(r[1],o[0]))>a&&(a=u,J=o[0],R=r[1])}return Y=Z=null,J===1/0||Q===1/0?[[NaN,NaN],[NaN,NaN]]:[[J,Q],[R,T]]}function k(t,n){return t<n?-1:t>n?1:t>=n?0:NaN}function z(t){return function(n,e){return k(t(n),e)}}function L(){Nt.point=C,Nt.lineEnd=B}function B(){Nt.point=Nt.lineEnd=i}function C(t,n){t*=lt,n*=lt,$=t,tt=pt(n),nt=ht(n),Nt.point=F}function F(t,n){t*=lt,n*=lt;var e=pt(n),r=ht(n),o=ct(t-$),i=ht(o),a=pt(o),u=r*a,f=nt*e-tt*r*i,l=tt*e+nt*r*i;xt.add(st(dt(u*u+f*f),l)),$=t,tt=e,nt=r}function _(t){return xt.reset(),l(t,Nt),+xt}function q(t,n){return wt[0]=t,wt[1]=n,_(Pt)}function G(){function t(t){var m=j(i),M=o([0,m[0][1]]),E=o([0,m[1][1]]),x=Math.abs(M[1]-E[1]),N=Math.abs((m[1][1]-m[0][1])*S),w=[m[0][0],N],P=[m[1][0],N],b=q(w,P),O=b*d,k=b*g,z=o(w),L=o(P),B=L[0]-z[0];h=h||Math.pow(10,n(O)-1);var C=h/O,F=C*B;p=p||Math.pow(10,n(k)-1);var _=p/k,G=_*B,I=Math.min(M[1],E[1])+x*S,K=Math.min(z[0],L[0])+B*v;t.attr("width",r[0]).attr("height",r[1]),a=a||t.append("g").attr("class","miles"),f=f||a.append("rect"),f.attr("width",F).attr("height",y).attr("transform","translate(0, 12)").attr("y",I).attr("x",K),c=c||a.append("text"),c.attr("x",K).attr("y",I-3).attr("transform","translate(0, 12)").style("font-family","sans-serif").style("font-size","12px").text(e(h)+" mile"+(1===h?"":"s")),u=u||t.append("g").attr("class","kilometers"),l=l||u.append("rect"),l.attr("width",G).attr("height",y).attr("transform","translate(0, 42)").attr("y",I).attr("x",K),s=s||u.append("text"),s.attr("x",K).attr("y",I-3).attr("transform","translate(0, 42)").style("font-family","sans-serif").style("font-size","12px").text(e(p)+" kilometer"+(1===p?"":"s"))}function n(t){return Math.floor(t).toString().length}function e(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}var r,o,i,a,u,f,l,c,s,h,p,d=3959,g=6371,y=1,v=0,S=0;return t.fitSize=function(n,e){return r=n,i=e,t},t.extent=function(n){return arguments.length?(r=n,t):r},t.feature=function(n){return arguments.length?(i=n,t):i},t.projection=function(n){return arguments.length?(o=n,t):o},t.radiusMiles=function(n){return arguments.length?(d=+n,t):d},t.radiusKilometers=function(n){return arguments.length?(g=+n,t):g},t.miles=function(n){return arguments.length?(h=+n,t):h},t.kilometers=function(n){return arguments.length?(p=+n,t):p},t.height=function(n){return arguments.length?(y=+n,t):y},t.left=function(n){return arguments.length?(v=n>1?1:n<0?0:+n,t):v},t.top=function(n){return arguments.length?(S=n>1?1:n<0?0:+n,t):S},t}e.prototype={constructor:e,reset:function(){this.s=this.t=0},add:function(t){r(et,t,this.t),r(this,et.s,this.s),this.s?this.t+=et.t:this.s=et.t},valueOf:function(){return this.s}};var I,K,A,D,H,J,Q,R,T,U,V,W,X,Y,Z,$,tt,nt,et=new e,rt=1e-6,ot=Math.PI,it=ot/2,at=ot/4,ut=2*ot,ft=180/ot,lt=ot/180,ct=Math.abs,st=Math.atan2,ht=Math.cos,pt=Math.sin,dt=Math.sqrt,gt={Feature:function(t,n){a(t.geometry,n)},FeatureCollection:function(t,n){for(var e=t.features,r=-1,o=e.length;++r<o;)a(e[r].geometry,n)}},yt={Sphere:function(t,n){n.sphere()},Point:function(t,n){t=t.coordinates,n.point(t[0],t[1],t[2])},MultiPoint:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)t=e[r],n.point(t[0],t[1],t[2])},LineString:function(t,n){u(t.coordinates,n,0)},MultiLineString:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)u(e[r],n,0)},Polygon:function(t,n){f(t.coordinates,n)},MultiPolygon:function(t,n){for(var e=t.coordinates,r=-1,o=e.length;++r<o;)f(e[r],n)},GeometryCollection:function(t,n){for(var e=t.geometries,r=-1,o=e.length;++r<o;)a(e[r],n)}},vt=n(),St=n(),mt={point:i,lineStart:i,lineEnd:i,polygonStart:function(){vt.reset(),mt.lineStart=c,mt.lineEnd=s},polygonEnd:function(){var t=+vt;St.add(t<0?ut+t:t),this.lineStart=this.lineEnd=this.point=i},sphere:function(){St.add(ut)}},Mt=n(),Et={point:S,lineStart:M,lineEnd:E,polygonStart:function(){Et.point=x,Et.lineStart=N,Et.lineEnd=w,Mt.reset(),mt.polygonStart()},polygonEnd:function(){mt.polygonEnd(),Et.point=S,Et.lineStart=M,Et.lineEnd=E,vt<0?(J=-(R=180),Q=-(T=90)):Mt>rt?T=90:Mt<-rt&&(Q=-90),Z[0]=J,Z[1]=R}},xt=(n(),function(t){1===t.length&&(t=z(t))}(k),n()),Nt={sphere:i,point:i,lineStart:L,lineEnd:i,polygonStart:i,polygonEnd:i},wt=[null,null],Pt={type:"LineString",coordinates:wt};n(),n(),n();t.geoScaleBar=G,Object.defineProperty(t,"__esModule",{value:!0})});

package.json

 {
   "name": "d3-geo-scale-bar",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Displays automatic scale bars for projected geospatial data.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -7,3 +7,3 @@ # d3-geo-scale-bar
 
-If you use NPM, `npm install d3-geo-scale-bar`. 
+If you use NPM, `npm install d3-geo-scale-bar`.
 
@@ -13,7 +13,11 @@ ```html
 <script src="https://d3js.org/d3-geo.v1.min.js"></script>
-<script src="d3-geo-scale-bar.js"></script>
+<script src="https://unpkg.com/d3-geo-scale-bar@0.0.1/build/d3-geo-scale-bar.min.js"></script>
 <script>
 
-var scaleBar = d3.scaleBar();
+var scaleBar = d3.geoScaleBar()
+  .projection(d3GeoProjection)
+  .fitSize([width, height], geoJsonObject);
 
+d3.select("svg").appeng("g").call(scaleBar);
+
 </script>
@@ -20,0 +24,0 @@ ```

src/geoScaleBar.js

@@ -7,2 +7,4 @@ import {geoBounds, geoDistance} from "d3-geo";
       feature,
+      mG,
+      kG,
       mRect,
@@ -53,5 +55,7 @@ kRect,
 
-    mRect = mRect || context.append("rect");
+    mG = mG || context.append("g")
+        .attr("class", "miles");
+
+    mRect = mRect || mG.append("rect");
     mRect
-      .attr("class", "miles")
       .attr("width", miles_width_of_bar)
@@ -63,5 +67,4 @@ .attr("height", height)
 
-    mText = mText || context.append("text");
+    mText = mText || mG.append("text");
     mText
-      .attr("class", "miles")
       .attr("x", left_of_bar)
@@ -74,5 +77,7 @@ .attr("y", top_of_bar - 3)
 
-    kRect = kRect || context.append("rect");
+    kG = kG || context.append("g")
+        .attr("class", "kilometers");
+
+    kRect = kRect || kG.append("rect");
     kRect
-      .attr("class", "kilometers")
       .attr("width", kilometers_width_of_bar)
@@ -84,5 +89,4 @@ .attr("height", height)
 
-    kText = kText || context.append("text");
+    kText = kText || kG.append("text");
     kText
-      .attr("class", "kilometers")
       .attr("x", left_of_bar)
@@ -89,0 +93,0 @@ .attr("y", top_of_bar - 3)

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

Improved metrics

Lines of code

688

increased by0.58%

Number of lines in readme file

26

increased by18.18%

Worsened metrics

Total package byte prevSize

165133

decreased by-61.02%

Number of package files

10

decreased by-16.67%

No dependency changes