Довольно новичок в этом, но не можете понять, что должно быть самым простым из исправлений?Когда я открываю страницу в Safari (запуск локального сервера через терминал), кажется, все работает нормально.Тем не менее, когда я обновляю страницу, SVG рисуется, но интерактивность D3 не работает.Если я подожду около 45 секунд и снова обновлюсь, это сработает.
У меня есть простой index.html, который загружает файл SVG, созданный с помощью Illustrator.Я также ссылаюсь на очень простой скрипт js с некоторым кодом d3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> test site</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<script type="text/javascript" src="d3.v5.js"></script>
</head>
<body>
<script>
d3.xml('floor.svg')
.then(data => {
d3.select('body').node().append(data.documentElement)
})
</script>
<script src="myScript.js"></script>
</body>
</html>
myScript.js
d3.selectAll("rect")
.on("mouseover", function(){
d3.select(this)
.style("fill", "blue");
})
.on("mouseout", function(){
d3.select(this)
.style("fill", "white")
});