Как исправить межсловный интервал?
Облако слов — одна из самых распространенных визуализаций, которые мы видим сегодня, особенно с аналитикой социальных сетей. Библиотеки с открытым исходным кодом, такие как D3JS, облегчили жизнь разработчикам. С помощью этих библиотек мы можем быстро связать данные и получить красивые визуализации. Спасибо Майку Бостоку за предоставление сообществу D3JS и http://bl.ocks.org. С bl.ocks у нас есть множество визуализаций от сообщества, открытых для публики с их реализацией.
Эта библиотека от Джейсона Дэвиса — https://github.com/jasondavies/d3-cloud поможет вам создать облако слов за 5 минут или меньше. Большое спасибо Джейсону за эту удобную, аккуратную библиотеку. Стандартная реализация библиотеки будет отображать облако слов следующим образом:
Как видите, слова разбросаны по всему месту и есть много пробелов. Сначала я подумал, что это как-то связано со значениями атрибута перевода. Я много экспериментировал с различными атрибутами translate и transform, но не смог исправить интервал между словами. Слово «облако» выглядело не так классно, как ожидалось :( После нескольких часов борьбы я почти сдался! Однако я продолжал изучать различные варианты использования библиотеки d3-cloud и случайно попытался изменить значение этого атрибута text-anchor к middleи вуаля! У нас есть замечательное облако слов, которое выглядит так —
Вот такой же простой пример — https://gist.github.com/raghothams/7f280223bf75c5d475c20f9a8458c110#file-d3-word-cloud-js-L22
Это укрепляет мою веру в то, что важна не только реализация, которую мы предлагаем сообществу, но и документация, которая имеет наибольшее значение. С лучшими документами у нас будет больше людей, использующих библиотеки/инструменты, и, следовательно, лучшее принятие сообществом.
