Я провел интенсивный поиск по этой теме, и на самом деле трудно найти какой-либо пример.Пример d3 для визуализации сети с возможностью сбрасываемого масштабирования
Маленький фон:
Я новичок в d3 пытается построить визуализации сети, которая может Распад его узлы при Уменьшенном. Идеальный пример того, что я говорю здесь: http://www.twittercensus.se/graph2013/ или даже GoogleMaps (не знаю, как они это делают, но я хотел бы сделать то же самое с помощью d3.js)
Идея не отображать все узлы (10K +), но группируйте их и покажите только группы. Когда я увеличиваю масштаб, группа должна расширяться (при условии, что все узлы разнесены с использованием обнаружения столкновений)
Опять же, чтобы быть ясным, когда я увеличиваю масштаб, я не хочу, чтобы узлы выглядели большими по размеру, но вместо этого я хочу свернутую функцию, когда объединенный узел разбивается на меньшие узлы.
Некоторые полезные ссылки:
- http://bl.ocks.org/mbostock/9656675 - пример d3 нормального масштабирования в (не разборной функции)
- D3.js Zooming and panning a collapsible tree diagram - опять же, это только показывает, как не скрывать узлы, когда разрушилась (без трансфокатора-разборные функцию взаимодействие)
- Collapsible/hierarchical AND force-directed graph in d3.js - полезные примеры, показывающие сворачивающуюся сеть, но не с масштабированием. (нет функции масштабирования)