1 text, circle { 2 fill: #000; 3 } 4 5 circle, path { 6 stroke-width: 0.5%; 7 stroke: #000; 8 } 9 10 text.north.axis-label, 11 text.south.axis-label { 12 text-anchor: middle; 13 } 14 15 text.north.axis-label { 16 dominant-baseline: text-after-edge; 17 } 18 19 text.south.axis-label { 20 dominant-baseline: text-before-edge; 21 } 22 23 text.east.axis-label, 24 text.west.axis-label { 25 dominant-baseline: middle; 26 } 27 28 text.east.axis-label { 29 text-anchor: start; 30 } 31 32 text.west.axis-label { 33 text-anchor: end; 34 } 35 36 g.point text { 37 dominant-baseline: middle; 38 } 39 40 .axis { 41 stroke: #000; 42 stroke-width: 0.25%; 43 stroke-opacity: 0.5; 44 } 45 46 .to-axis { 47 stroke-width: 0.25%; 48 stroke-opacity: 0.5; 49 } 50 51 text.y-axis { 52 text-anchor: end; 53 dominant-baseline: middle; 54 fill-opacity: 0.5; 55 } 56 57 text.x-axis { 58 text-anchor: middle; 59 dominant-baseline: text-before-edge; 60 fill-opacity: 0.5; 61 } 62 63 g.point rect.active { 64 stroke-opacity: 0; 65 opacity: 0; 66 } 67 68 g.point text { 69 display: none; 70 } 71 72 g.point:hover text { 73 display: block; 74 } 75 76 g.point path { 77 display: none; 78 } 79 80 g.point:hover path { 81 display: block; 82 } 83 84 g.point circle { 85 display: block; 86 } 87 88 g.point:hover circle { 89 display: none; 90 } 91 92 g.point circle.large { 93 display: none; 94 } 95 96 g.point:hover circle.large { 97 display: block; 98 }