Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

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

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

Visualizer: Charts and Graphs

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

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

Функції Visualizer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Плюси

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

Мінуси

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

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

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

Джерело: codeinwp.com
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 6

Alphainvestor:

Лінійні графіки, на яких є дати, не відображаються в Firefox та IE. Точніше, відображаються некоректно – видно, що браузер не може рахувати дату. Або всі дати зчитуються як 1 січня 1970 року, тоді замість графіка ми бачимо вертикальну лінію посередині, або дати не зчитуються зовсім, і тоді ми не бачимо графіка взагалі (хоча координатна сітка відображається, але без дат).
Хто знає, як вирішити проблему — допоможіть, будь ласка.

евгений:

діаграми цілком собі придатні

Іван:

гарна стаття, спастбо, зберіг до закладок

Сергій:

Хтось розібрався як із csv імпортувати кирилицю? Бо підписи графіків тільки латинські виходять (інакше абракадабра).

Додати коментар або відгук