Имеет ли использование JOINS также улучшение производительности

Question

Я довольно новичок в D3, в основном менее трех часов! И я думаю о плане рассеяния ... диаграмме со многими кругами на ней. Скажем, 5000 кругов. Затем я вижу код, который говорит «ОК», вот как вы рисуете «один» круг с D3, теперь я хочу, чтобы 5000 из них, и каждый из них был одним DOM правильно? Так будет крах браузера или он справится с этим? И тогда я пришел arocss этот пост в блоге http://bost.ocks.org/mike/join/ Это объясняет JONIS .... Так значит ли это, если я использую JOINS, тогда мне не нужно создавать 5000 отдельных кругов, и производительность резко улучшится? или это просто хороший синтаксис, и все же производительность одинакова?

Answer 1

присоединяется просто означает, что если загрузить новые данные, то вы сможете легко отделить: новые круги (selection.enter()), удаленные круги (selection.exit()) и все круги (selection).!

На следующем изображении элементы соответствуют уже загруженным данным и данным новым данным, которые вы будете использовать для создания новых кругов.

Elements vs data

Итак, вы все равно нагрузка 5000 отдельных кругов. Но если вы обновите только один круг, то вы не будете перерисовывать 5000 кругов, используя selection.enter(). Таким образом, с помощью этого инструмента вы можете улучшить производительность для динамической визуализации.