Делаем сложное простым с помощью интеллектуального анализа данных

Сегодня трудно переоценить ценность проницательной аналитики. Все бизнес-процессы стали управляться данными: маркетинг, бухгалтерский учет, человеческие ресурсы, обслуживание клиентов, финансы.

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

Я провел небольшое исследование и теперь дам вам исчерпывающий обзор четырех популярных инструментов для веб-отчетности и анализа данных. Первые два из них бесплатны, следующие два - более продвинутые. Эти инструменты будут полезны как разработчикам , так и аналитикам данных.

Бесплатные инструменты

Следующие параметры предоставляют возможности для базовой веб-отчетности.

PivotTable.js

PivotTable.js - это сводная таблица JavaScript с открытым исходным кодом. Он нацелен на обеспечение функциональности для анализа данных и требует хорошего знания JavaScript, чтобы полностью реализовать его потенциал.

  1. Встроенные функции веб-отчетности:
  • Поддержка источников данных .csv и JSON.
  • Доступны агрегирование, фильтрация, сортировка, и группировка. Есть 22 функции, которые включают функции для статистических исследований.
  • Вы можете перемещать поля из столбцов в строки и наоборот с помощью функции перетаскивания.
  • Пользовательское форматирование ячеек
  • Модуль рендеринга TSV для экспорта в формат TSV
  • Возможность определять несколько агрегаторов
  • Параметр отрисовки тепловой карты.

2. Просмотр возможностей настройки:

  • Доступны средства визуализации с поддержкой мобильных устройств для сенсорных устройств.
  • Ячейки сетки можно раскрашивать.
  • Доступен макет в стиле Excel: каждая иерархия отображается в отдельном столбце или строке.
  • Возможно нестандартное форматирование, а также создание нестандартной цветовой шкалы тепловой карты.
  • Языковая локализация: сводная таблица доступна на английском и французском, , и вы можете написать свой собственный «язык». pack »в JavaScript.

3. Интеграция и совместимость:

  • Есть React-версия со встроенными графиками Plotly.
  • Он совместим с Python / Jupyter и R / RStudio.

4. Пределы:

  • Обрабатывает до 100 тыс. Строк
  • К сожалению, промежуточные итоги можно отобразить только через дополнительный плагин.
  • Встроенные средства визуализации для экспорта в CSV и Excel недоступны.
  • Чтобы сохранить конфигурацию отчета, вам необходимо реализовать этот функционал самостоятельно. Однако PivotTable.js предоставляет свободу настройки.

5. Создание диаграмм:

Вы можете использовать средства визуализации для интеграции с C3 Charts, D3.js, Plotly, и Google. Графики. Можно использовать Highcharts вместе со сводной таблицей с помощью стороннего плагина.

Подробнее:

Демонстрации на JSFiddle:

WebDataRocks

WebDataRocks - это встраиваемая сводная веб-таблица, написанная на JavaScript. Это легкий компонент. Вы можете использовать его в веб-приложении и построить интерактивный отчет на основе ваших данных. Его можно просматривать на мобильных устройствах и в клиентах для настольных ПК. Он подходит для менее технических конечных пользователей, но предлагает расширенные возможности настройки для разработчиков.

1. Встроенные функции веб-отчетности:

  • Поддержка локальных и удаленных источников данных JSON и .csv.
  • Основные функции доступны через специальную дополнительную часть сводной таблицы - Панель инструментов.
  • Агрегация, множественная фильтрация, сортировка и группировка легко выполняются с помощью пользовательского интерфейса. Есть 13 функций агрегирования и возможность создавать индивидуально рассчитываемое значение.
  • Настройка полей через Список полей и перемещение их из столбцов в строки и наоборот с помощью функции перетаскивания
  • Создание многоуровневых иерархий
  • Каждую ячейку сетки можно просверлить.
  • Совместное использование результатов с коллегами: вы можете сохранить отчет и экспортировать его в форматы PDF, Excel и HTML или распечатать.

2. Просмотр возможностей настройки:

  • Внешний вид средства отчетности можно изменить. Есть четыре предустановленных темы, которые могут вам понравиться, и возможность создать свою собственную тему.
  • Вы можете использовать функцию условного форматирования, чтобы выделить наиболее важные ячейки сводной таблицы на основе определенных значений.
  • Форматирование чисел
  • Если вам нужно изменить макет, вы можете выбрать классическую, компактную или плоскую форму сводной таблицы. Для меня компактная форма - самый лаконичный и лаконичный стиль.
  • Языковая локализация - вы можете выбрать один из доступных языков или перевести сводную таблицу на нужный язык с помощью простого файла шаблона JSON.

3. Интеграция и совместимость:

  • WebDataRocks может быть встроен в приложения AngularJS, Angular и React.

4. Пределы:

  • Максимальный размер данных - 1 МБ.

5. Создание диаграмм:

WebDataRocks легко интегрировать с Google Charts, Highcharts или любой другой библиотекой диаграмм. В документации доступны учебные пособия.

Подробнее:

Демонстрации CodePen:

Расширенные решения

Давайте перейдем к инструментам, которые представляют собой более мощные встроенные инструменты бизнес-аналитики и обеспечивают более продвинутые возможности веб-отчетов.

Для тестирования обоих инструментов доступна бесплатная 30-дневная пробная версия.

Flexmonster

Сводная таблица и диаграммы Flexmonster - это компонент сводной таблицы JavaScript. Он хорошо подходит для глубокого анализа табличных и многомерных данных и построения на их основе визуальных отчетов. Основными отличиями от бесплатных вариантов являются поддержка куба OLAP и дополнительные возможности интеграции.

1. Встроенные функции веб-отчетности:

  • Поддерживаемые форматы данных: CSV, JSON, данные из баз данных SQL и NoSQL и кубы OLAP - , например, Microsoft Analysis Services и кубы Пентахо Мондриана).
  • Вы можете использовать несколько агрегатов для суммирования числовых данных. Доступны 16 функций агрегирования и возможность создания расчетного значения.
  • Сортировка и группировка данных
  • Фильтрация может выполняться по значениям - для отображения N первых / последних записей - имен элементов и / или применяться ко всему отчету.
  • Вы можете добавить интерактивности в сводную таблицу с помощью обработчиков событий.
  • Окончательный отчет можно сохранить в файле JSON со всеми примененными конфигурациями и форматированием. Вы можете загрузить его позже для дальнейшей работы.
  • Экспортируйте отчет в форматы HMTL, Image, CSV, Excel или PDF без необходимости подключения каких-либо сторонних плагинов.

2. Просмотр функций настройки

  • Можно выбрать один из пяти стилей темы или создать собственный.
  • Функциональность Настройка сетки позволяет создавать визуализации тепловых карт.
  • Условное форматирование ячеек
  • Форматирование чисел
  • Значения даты могут отображаться в пользовательском формате.
  • Компонент локализация включает семь языков. Вы можете самостоятельно перевести сводную таблицу с помощью файла шаблона JSON.
  • Удобный для мобильных устройств дизайн

3. Интеграция и совместимость

  • Flexmonster можно включить в простую веб-страницу или интегрировать в приложения AngularJS, Angular или React. На официальном сайте также есть руководства по интеграции с jQuery и Webpack.
  • Анализ данных MongoDB представляет особый интерес для тех, у кого в документах хранятся огромные объемы данных. Подключение к MongoDB поддерживается через Node.js.

4. Пределы:

Обрабатывает до 1 миллиона строк, поэтому нет проблем с большими наборами данных.

5. Создание диаграмм:

Flexmonster имеет сводные диаграммы как часть компонента. Чтобы получить доступ к другим диаграммам, вы можете использовать руководства по интеграции с Google Charts, Highcharts, FusionCharts или любыми другими сторонними библиотеками диаграмм. Все эти подходы помогают создавать интерактивные информационные панели.

Подробнее:

Демонстрации:

DhtmlxPivot

DhtmlxPivot - это сводная таблица JavaScript для создания аналитических отчетов. Он является частью dhtmlxSuite, но может быть приобретен отдельно от пакета. Он предлагает современный пользовательский интерфейс и интеграцию с различными серверными технологиями.

1. Встроенные функции веб-отчетности:

  • Поддерживает подключение к источникам данных JSON, .csv и XML. Данные могут быть загружены из массива JavaScript и таблицы HTML.
  • Всего четыре встроенных функции агрегирования - max, min, sum и count. Можно создавать собственные.
  • Группировка, поиск, и сортировка данных
  • Фильтрация с использованием пользовательского интерфейса или предварительно определенных фильтров по строкам, числам и датам. Кроме того, вы можете определить глобальные фильтры и установить количество строк, отображаемых на каждой странице в сетке.
  • Перетаскивание
  • Ячейки можно редактировать и заполнять произвольным содержимым
  • Встроенный модуль экспорта отчета в файл Excel со всеми сохраненными конфигурациями.

2. Просмотр возможностей настройки:

  • Макет можно отрегулировать. Например, вы можете изменить ширину столбцов, левое поле, включить режим «только чтение» для сводной таблицы.
  • Условное форматирование и собственный CSS ячеек.
  • Мобильный дизайн также
  • Локализация интерфейса возможна с помощью специального метода.

3. Интеграция и совместимость:

  • Поддерживает интеграцию с несколькими технологиями, такими как PHP, Java, .NET, Node.js, Ruby on Rails, ASP.NET, ColdFusion, Typescript и другими технологиями.

4. Пределы:

Информации о размере данных на официальном сайте нет. Тестирование показало, что сводная таблица отображает до 10К строк.

5. Создание диаграмм:

Чтобы использовать диаграммы в ваших веб-отчетах, лучше всего использовать dhtmlxChart. Если вы приобрели dhtmlxSuite, они уже включены в комплект. Однако вы можете приобрести его отдельно.

Подробнее:

Резюме

На мой взгляд, идеальный инструмент содержит набор встроенных функций, таких как:

  • Загрузка CSV, JSON и многомерных данных
  • Поддержка конвейера агрегации через UI
  • Возможность отображать данные в виде диаграмм и интегрироваться с любыми серверными и интерфейсными технологиями.
  • Экспорт также должен быть простым, без необходимости включать какие-либо сторонние модули.

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