Merge pull request #197 from mrleblanc101/patch-1

Upgrade d3 version to v7.

Author: bocytko

README.md

@@ -14,8 +14,8 @@ Feel free to use and adapt it for your own purposes.
 1. include `d3.js` and `radar.js`:
 
 ```html
-<script src="https://d3js.org/d3.v4.min.js"></script>
-<script src="https://zalando.github.io/tech-radar/release/radar-0.11.js"></script>
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<script src="https://zalando.github.io/tech-radar/release/radar-0.12.js"></script>
 ```
 
 2. insert an empty `svg` tag:

docs/index.html

@@ -8,7 +8,7 @@
 <title>Zalando Tech Radar</title>
 <link rel="shortcut icon" href="https://www.zalando.de/favicon.ico">
 
-<script src="https://d3js.org/d3.v4.min.js"></script>
+<script src="https://d3js.org/d3.v7.min.js"></script>
 <script src="radar.js"></script>
 
 <link rel="stylesheet" href="radar.css">

docs/radar.js

@@ -359,8 +359,8 @@ function radar_visualization(config) {
               .text(function(d) { return d.id + ". " + d.label; })
               .style("font-family", config.font_family)
               .style("font-size", "11px")
-              .on("mouseover", function(d) { showBubble(d); highlightLegendItem(d); })
-              .on("mouseout", function(d) { hideBubble(d); unhighlightLegendItem(d); })
+              .on("mouseover", function(event, d) { showBubble(d); highlightLegendItem(d); })
+              .on("mouseout", function(event, d) { hideBubble(d); unhighlightLegendItem(d); })
               .call(wrap_text)
               .each(function() {
                 previousLegendHeight += d3.select(this).node().getBBox().height;
@@ -481,8 +481,8 @@ function radar_visualization(config) {
       .append("g")
         .attr("class", "blip")
         .attr("transform", function(d, i) { return legend_transform(d.quadrant, d.ring, config.legend_column_width, i); })
-        .on("mouseover", function(d) { showBubble(d); highlightLegendItem(d); })
-        .on("mouseout", function(d) { hideBubble(d); unhighlightLegendItem(d); });
+        .on("mouseover", function(event, d) { showBubble(d); highlightLegendItem(d); })
+        .on("mouseout", function(event, d) { hideBubble(d); unhighlightLegendItem(d); });
 
   // configure each blip
   blips.each(function(d) {