Some more namespace fixing

src/assets/svgtooltip.sass

-.d3-tip
+.fjs-d3-tip
   z-index: 9999
   line-height: 1
   padding: 12px
@@ -10,7 +10,7 @@
   font-family: Roboto, sans-serif
 
 /* Creates a small triangle extender for the tooltip */
-.d3-tip:after
+.fjs-d3-tip:after
   box-sizing: border-box
   display: inline
   font-size: 16px
@@ -21,7 +21,7 @@
   pointer-events: none
 
 /* Northward tooltips */
-.d3-tip.n:after
+.fjs-d3-tip.n:after
   content: "\25BC"
   margin: -1px 0 0 0
   top: 100%
@@ -29,14 +29,14 @@
   text-align: center
 
 /* Eastward tooltips */
-.d3-tip.e:after
+.fjs-d3-tip.e:after
   content: "\25C0"
   margin: -4px 0 0 0
   top: 50%
   left: -12px
 
 /* Southward tooltips */
-.d3-tip.s:after
+.fjs-d3-tip.s:after
   content: "\25B2"
   margin: 0 0 1px 0
   top: -8px
@@ -44,7 +44,7 @@
   text-align: center
 
 /* Westward tooltips */
-.d3-tip.w:after
+.fjs-d3-tip.w:after
   content: "\25B6"
   margin: -4px 0 0 -1px
   top: 50%

src/components/mixins/v-svgtooltip.js

@@ -2,7 +2,7 @@ import * as d3 from 'd3'
 import d3Tip from 'd3-tip'; d3.tip = d3Tip
 
 const tip = d3.tip()
-  .attr('class', 'd3-tip')
+  .attr('class', 'fjs-d3-tip')
   .offset([-15, 0])
   .html(d => {
     let html = ''
@@ -16,7 +16,7 @@ const tip = d3.tip()
 
 export default {
   mounted () {
-    d3.select('svg').call(tip)
+    d3.select(this.$el.querySelector('svg')).call(tip)
   },
   directives: {
     svgtooltip: {