Інтеграція діаграм та графіків у WordPress — Огляд плагіна Visualizer

Вихідні дані, статистика, графіки та діаграми... Це все допоможе вам перевести ваш блог (або будь-яку онлайн статтю) на наступний рівень, покращити якість контенту та підвищити його авторитетність.

Навколо дуже багато недостовірної інформації, яка не має жодного відношення до реальності. Позбутися її можна, лише представивши якісь додаткові факти. Факти, які будуть справді обґрунтованими. Так нам доводиться звертатися до статистики та інших типів даних.

Дивіться також:

• Працюємо з таблицями у WordPress за допомогою плагіна TablePress
• wpDataTables: Створюємо адаптивні таблиці та діаграми з різних джерел даних
• Як створювати красиві діаграми та графіки на WordPress
• Кращі плагіни WordPress для вставки таблиць та графіків
• Go Pricing - плагін WordPress для крутих та адаптивних прайс-таблиць
• Easy Pricing Tables - найпростіший спосіб створення прайс-таблиць на WordPress

Але просто сухі цифри не зможуть справити належне враження. Вони, по суті, не є привабливими для читачів. Тому нам потрібно знайти більш красиве та, головне, читабельне рішення.

І тут вам допоможе наш сьогоднішній огляд.

Visualizer: Charts and Graphs

Представляємо вашій увазі безкоштовний WordPress плагін Visualizer: Charts and Graphs. Він заявлений як функціональний та зручний у використанні плагін для побудови діаграм та графіків. У цьому огляді ми перевіримо, чи це дійсно так.

Функції Visualizer

У двох словах, Visualizer - це безкоштовний плагін, який дозволяє створювати, керувати та вставляти інтерактивні діаграми у ваші пости та сторінки WordPress. Він поставляється з 9 різними типами графіків, які ви можете налаштовувати під ваші вимоги та використовувати для візуалізації будь-яких даних. У своїй роботі плагін використовує Google Visualization API.

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

• 9 видів графіків - Існують різні способи відображення вашої інформації, зокрема: лінійні графіки, діаграми, гістограми, комбіновані двовимірні діаграми, кругові діаграми, калібрувальні графіки, гео-графіки, діаграми "японських свічок" та діаграми дисперсії.
• Плагін гнучкий і настроюваний - Ви можете створювати будь-які діаграми на необмежену кількість полів, вибирати різні варіанти кольору, щоб все виглядало саме так, як ви хочете. Варто додати, що всі параметри є необов'язковими, і ви можете використовувати стандартні параметри без змін.
• Є підтримка HTML5 та SVG — графіки відображаються за допомогою HTML5 та SVG. Це гарантує сумісність із різними браузерами.

Як працює цей плагін

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

натисніть на Add Media → Візуалізація → створити новий.

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

Наприклад, ми виберемо кругову діаграму.

На наступному етапі плагін надасть усі необхідні інструкції для імпорту даних. Він працює зі стандартними файлами CSV.

Після того, як ви імпортували файл, Visualizer прийме дані та перетворить їх на графік.

Ось наш результат (для демонстрації ми використали дуже важливу вибірку):

На даному етапі ви можете залишити ваш графік без змін або налаштувати його на власний розсуд. Drop-down меню праворуч допоможе вам це зробити.

У загальних налаштуваннях (Загальні параметри) Ви зможете задати ім'я та вибрати основний колір, шрифт та розмір. Крім того, ви можете встановити положення легенди та детальної інформації, які будуть виводитися на екран після натискання на певну область графіка.

Ось результат, який ми отримали після зміни деяких налаштувань:

В "Pie Settingsви можете встановити необхідні параметри для представлення всього графіка в 3D, вибрати, що має відображатися на фрагментах діаграми, задати межі і так далі.

В "Slices SettingsВи можете змінити колір кожного окремого фрагмента і налаштувати офсет для тих, які ви хотіли б виділити. Ми зробили це наступним чином:

В "Layout & Chart AreaВи можете встановити розміри і вибрати фон для всієї діаграми.

Після того, як ви зробите всі необхідні зміни, натисніть кнопку Вставити діаграму і у вас з'явиться шорткод, який ви зможете розмістити будь-де (як правило, в постах або сторінках).

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

Підведення підсумків

Плюси

• Це безкоштовний плагін
• Інтерактивний та анімований інтерфейс
• Простий у використанні
• Пропонує різні типи діаграм
• Має безліч різних налаштувань, але також добре працює і зі стандартними параметрами.

Мінуси

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

На закінчення ми скажемо, що Visualizer забезпечить вас справді крутими графіками та діаграмами. Ви можете використовувати цей плагін для того, щоб вивести ваш контент на новий рівень і просто стати кращими за своїх конкурентів. До того ж інтеграція з Google Charts означає, що плагін використовує оптимізоване рішення (у плані швидкості та часу завантаження).

Однак це лише наша скромна думка. Що ви думаєте про цей плагін? Обов'язково поділіться своїми враженнями.

Джерело: codeinwp.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/