D3plus только что выпустила новую версию своей библиотеки в этом месяце. Как постоянный пользователь D3plus, я очень доволен этим! В этой новой версии есть некоторые изменения, и новичкам может быть сложно их заметить. Документация также была изменена, и, поскольку ключевые моменты отсутствуют, я подумал написать пост, чтобы немного уточнить.
Прежде чем писать о новом способе визуализации, я думаю, что было бы неплохо освежить в памяти D3plus 1.0.
Вот как можно создать визуализацию в D3plus 1.0.
Выход
Визуализация в D3plus JS Version 2.0
После выхода альфа 2.0 кое-что изменилось. Одно из изменений заключается в том, что вам не нужно включать d3.js
.
И второй: вам не нужно создавать div
элемент с идентификатором для D3plus для создания визуализации.
Если вы не можете указать элемент, который будет использоваться в качестве визуализации, как вы можете использовать эту библиотеку для его создания?
Решение состоит в том, чтобы просто создать визуализацию в отдельном html
файле, а затем включить ее как iframe
на страницу html
, на которой вы хотите отобразить визуализацию. Таким образом, становится немного проще управлять несколькими визуализациями одновременно. Давайте посмотрим на пример.
index.html и viz.html
На этой странице я сохраню актуальный код визуализации. Затем в index.html
файл я добавлю его как iframe
.
Выход
Если вы откроете index.html
страницу, отобразится такая визуализация.
Я поделюсь более продвинутой техникой, касающейся D3plus, в следующих статьях. На этом пока все, спасибо за чтение!