Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

Исходные данные, статистика, графики и диаграммы… Это все поможет вам перевести блог(или любую онлайн статью) на следующий уровень, улучшить качество содержимого и повысить его авторитетность.

Вокруг слишком много недостоверной информации, которая не имеет в себя никакого отношения к реальности. Избавиться от нее можно легко, только представив какие-то дополнительные факты. Факты, которые будут действительно обоснованными. Так нам приходится обращаться к статистике и иным типам данных.

Смотрите также:

  • Работаем с таблицами в WordPress при помощи плагина TablePress
  • wpDataTables: Создаем адаптивные таблицы и диаграммы из различных источников данных
  • Как создавать красивые диаграммы и графики на WordPress
  • Лучшие плагины WordPress для вставки таблиц и графиков
  • Go Pricing — плагин WordPress для крутых и адаптивных прайс-таблиц
  • Easy Pricing Tables — самый простой метод создания прайс-таблиц на WordPress

Но просто сухие цифры не смогут произвести должное впечатление. Они, по сути, не являются привлекательными для читателей. Так что нам необходимо найти более красивое и, главное, читабельное решение.

И вот здесь вам поможет наш сегодняшний обзор.

Visualizer: Charts and Graphs


Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

Представляем вниманию бесплатный WordPress плагин Visualizer: Charts and Graphs. Он заявлен как функциональный и удобный в использовании плагин для построения диаграмм и графиков. В этом обзоре мы проверим, действительно ли это так.

Возможности Visualizer

В двух словах, Visualizer — это бесплатный плагин, который может создавать, управлять и вставлять интерактивные диаграммы в записи и страницы WordPress. Он поставляется с 9 разными типами графиков, которые вы можете настраивать под требования и использовать для визуализации любых данных. В работе плагин использует Google Visualization API.

Давайте взглянем на основные возможности и функции плагина:

  • 9 видов графиков — существуют различные методы выведения информации, в частности: линейные графики, диаграммы, гистограммы, комбинированные двумерные диаграммы, круговые диаграммы, калибровочные графики, гео-графики, диаграммы «японских свечей» и диаграммы дисперсии.
  • Плагин гибкий и настраиваемый — вы можете без проблем создавать любые диаграммы на неограниченное число полей ввода, выбирать разные цветовые варианты, чтобы все выглядело так, как вы планируете. Следует добавить, что все параметра являются необязательными, и вы можете без проблем использовать стандартные настройки без изменений.
  • Есть поддержка HTML5 и SVG — графики выводятся с использованием HTML5 и SVG. Это гарантирует совместимость с разными браузерами.

Как работает данный плагин

Ваша работа с данным плагином начинается с экрана редактирования поста или страницы, в которую вы бы хотели включить новый график.

Кликните на Add MediaVisualisationsCreate New.

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

Далее, вам необходимо выбрать один из 9 возможных вариантов графиков:

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

Для примера, мы выберем круговую диаграмму.

На следующем этапе плагин предоставит все необходимые инструкции для импорта данных. Он работает со стандартными файлами CSV.

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

После того, как вы импортировали файл, Visualizer примет данные и превратит их в график.

Вот наш результат(для демонстрации мы использовали важную выборку):

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

На данном этапе вы можете оставить график без изменений или изменить его по усмотрению. Drop-down меню справа поможет вам это сделать.

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

В общих параметрах( General Settings) вы сможете задать имя и выбрать основной цвет, шрифт и размер. Кроме того, вы можете установить положение легенды и подробной информации, которые будут отображаться на экран после нажатия на определенную область графика.

Вот результат, который мы получили после изменений некоторых параметров:

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

В » Pie Settings » вы можете легко установить необходимые настройки для представления всего графика в 3D, выбрать, что должно выводиться на фрагментах диаграммы, задать границы и так далее.

В » Slices Settings » вы можете настроить цвет каждого отдельного фрагмента и изменить офсет для тех, которые вы бы хотели выделить. Мы сделали это следующим образом:

Интеграция диаграмм и графиков в WordPress — Обзор плагина Visualizer

В » Layout & Chart Area » вы можете без труда установить размеры и выбрать фон для всей диаграммы.

После того, как вы сделаете все необходимые изменения, нажмите кнопку Insert Chart и у вас появится шорткод, который вы сможете без проблем разместить где угодно(как правило, в записях или страницах).

Пример шорткода: [visualizer id=”6834″]

Подведение итогов

Плюсы

  • Это бесплатный плагин
  • Интерактивный и анимированный интерфейс
  • Прост в использовании
  • Предоставляет различные типы диаграмм
  • Имеет в себя несколько разных параметров, но также хорошо работает и со стандартными настройками.

Минусы

  • Импорт данных через CSV — не совсем очевидный и легкий процесс. Было бы здорово, если бы там был дополнительный интерфейс, позволяющий просто вводить данные с клавиатуры.
  • Visualizer не сможет вам настроить существующий график. Вы только можете без проблем создать новый.(То, что определенно необходимо исправить в будущих версиях).

В заключение мы скажем, что Visualizer обеспечит вас действительно крутыми графиками и диаграммами. Вы можете без проблем использовать этот плагин для того, чтобы вывести контент на новый уровень и просто стать лучше конкурентов. К тому же, интеграция с Google Charts означает, что плагин использует оптимизированное решение(в плане скорости и времени загрузки).

Однако, это только наше скромное мнение. Что вы думаете об этом плагине? Обязательно делитесь вашими впечатлениями.

Источник: codeinwp.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *