Альтернативное название: Как создать пузырьковую диаграмму в чистом HTML и JavaScript / без SVG
Я работаю над проектом, в котором я пытаюсь показать визуализацию набора данных в виде группы кругов произвольного размера,Я бы использовал библиотеку, например d3.js, но каждый из этих элементов должен быть сильно стилизован (3D-анимация при наведении и т. Д.) И иметь дочерние элементы таким образом, который SVG не поддерживает.В настоящее время я использую следующий стиль потока CSS для элементов.
position: relative;
float: left;
margin: 1rem;
Ниже приводится результат.
То, к чему я пытаюсь добиться подобного эффекта, заключается в следующем:
Я хорош с любым решением, включающим любое количество JavaScript, CSS и/ или HTML с любой дополнительной библиотекой, если только я могу использовать решение с произвольно стилизованным и произвольно анимированным круглым HTML-элементом.