Визуализация статистических данных

Как и обещал в прошлый раз, продолжаю роман с визуализацией данных движка Livestreet. На этот раз отобразим на графиках динамику следующих данных:
  • пользователи
  • комментарии
  • статьи


В архиве следующая структура данных:


data — тут файлы которые отвечают за формирование статистики
include — файлы графиков
settings — файлы отвечающие за внешний вид графиков

Создаём статичную страницу в движке, либо специальный раздел и вставляем туда следующий код:

<script type="text/javascript" src="/charts/include/swfobject.js"></script>


<h1>Зарегистрированные пользователи</h1>
<div id="registration">
        <strong>You need to upgrade your Flash Player</strong>
</div>
<script type="text/javascript" src="/charts/registration.js"></script>


<h1>Оставленные комментарии</h1>
<div id="comments">
	<strong>You need to upgrade your Flash Player</strong>
</div>
<script type="text/javascript" src="/charts/comments.js"></script>


<h1>Опубликованнные статьи</h1>
<div id="topics">
	<strong>You need to upgrade your Flash Player</strong>
</div>
<script type="text/javascript" src="/charts/topics.js"></script>


В эти файлы для красоты вынесены функции вызова графиков с определенными настройками.
topics.js
comments.js
registration.js

В папке data есть файл configdb.php, в котором настройки коннекта к базе. Его нужно подправить. Также нужно подправить файлы в папке data на предмет префикса к базе данных, если у вас он отличен от стандартного «prefix».

Для разнообразия предлагаю два варианта оформления:


По умолчанию в настройках указан линейный тип графика и файл настроек livestat.xml

Если хочется изменить графики на колонки, то нужно в файлах topics.js, comments.js и registration.js заменить:

amline.swf на amcolumn.swf
livestat.xml на amcolumn_settings.xml

Архив zip

P.S. За безопасность не ручаюсь, но думаю все должно быть ок, так как параметры в скрипты не передаются. Если что — поправьте.

40 комментариев

avatar
Биг сенкс!
А есть ли сайтик где это можно вживую посмотреть?
avatar
Пила с уровнем и дерево на крыше как раз эту задачу и призваны решить.
avatar
Две картинки кликабельны, вообще-то ;)
avatar
мдяя
бегло читал и не заметил линков!

Спасибо за модуль!
avatar
На гипсокартонном сайте больше всего понравилось. Спасибо, +1
avatar
Согласен, линейные графики лучше для такого типа данных подходят. Вот если бы были отрицательные значения, то columns явно выйгрышнее смотрятся.
avatar
Ну, речь об отрицательных значениях изначально не велась :) Но так — да, согласен.
avatar
офф: Мне вообще сайт про гипсокартон понравился, я как-то было дело научился с гипсокартоном работать в симпл режиме, конечно кругаверти такие не делал. Вообще своими руками сделать что-то красивое в квартире это круто :)
avatar
Тогда welcome! Регистрируйся, добавляй статьи (с фото) и получай удовольствие!))
avatar
еще бы изменение кармы и кармограф готов :)
спасибо за модуль
avatar
Хорошая идея!
avatar
Я так бегло посмотрел структуру базы на этот счет и понял, что кармограф получится сделать с определенными изменениями структуры, так как в таблицах голосований за статью, коммент или профиль нет полей с датами. Соответственно кармограф, как я его понимаю, сделать не удастся, а если и сделать, то без учёта прошлых голосований.
avatar
>>а если и сделать, то без учёта прошлых голосований.
так это я не думаю что особо критично.
avatar
Ничего страшного. Пусть будет определенная дата [установки скрипта] для точки отсчета. Зато визуально наблюдать систему изменений — это и правда фишка.
avatar
супер, спасибо большое
изменение кармы общее былобы просто фантистически!
avatar
Честно говоря, не могу понять зачем всем так нужен кармограф?
avatar
Небольшая поправочка

>Если хочется изменить графики на колонки, то нужно в файлах topics.js, comments.js и registration.js заменить:

>amline.swf на amcolumn.swf
>livestat.xml на amcolumn_settings.swf

правильно будет
livestat.xml на amcolumn_settings.xml
avatar
спасибо, исправил!
avatar
Нашел один минус

У меня статистика говорит что на сегодняшний день на сайте зарегистрировано 188 пользователей.

На самом деле у меня их чуть больше 20. Все остальные боты которые не подтвердили свою регистрацию и на станице www.mysite.com/people/ соответственно их невидно.

Я уже писал об том что нужно дропать юзеров которые за N времени не подтвердили свою регистрацию.

Это решит проблему с неправильной статистикой!
avatar
И еще один нюанс
В статистике Google Analytics для LiveStreet надписи по типу «Посетители/просмотры» находятся в самом swf файле. Здесь же прописаны вручную.

Думаю было бы логично сделать и там и там одинаково.
avatar
Вроде логично, а вроде и нет. В том случае надписи вписывались в settings файл и у каждого графика свой файл. Тут я решил сделать один для всех и не мудрить :) Кому как по вкусу.
avatar
Добавил кармограф на сайт (внизу страницы). Довольно бесполезная штуковина. И имеет смысл ставить, когда активность на сайте очень высокая. У меня вот например всего 40 фактов повышения\понижения кармы. График выводит по дням, а не по часам, как на хабре и то получился «жидким».
avatar
Кармограф какой-то не информативный что-ли))

з.ы. Спасибо за фишку к ЛС
avatar
Интересен был бы вариант расположения на странице пользователя личного кармографа.
В таком случае он мог бы визуально оценить «качество» своих публикаций.
avatar
Я все вроде сделал, но у меня не пошло. SWF что то не подгружается как надо!
И еще у меня config.db.php

<code>return array(
	'host' => 'server.com',
	'port' => '3306',
	'user' => 'user',
	'pass' => '123',
	'type' => 'mysql',
	'dbname' => '_social',
);
?></code>


а у вас

<code>$server = "server.com";
$server_login = "user";
$server_pass = "123";
$database = "social";</code>


разные форматы!
очему Movie Not loaded пишет?
Может потому что, я сменил название папки вместо charts я назвал ее stats, создал новую страницу, там вставил ваш текст, поправил пути. Но все равно, что то графики не появляются!
avatar
Я решил проблоему, оказывается в файлах .js — были так же указаны пути прямые charts -stats!
Я их сменил и все заработало, только вот мне не нравиться, что там логотипы amCharts.com висят! Как их убрать? У вас они вроде убраны!
avatar
можно купить и все логотипы пропадут.
avatar
Автор тоже покупал? Или как-то можно обойти защиту?
avatar
если мне не изменяет память, то покупал
avatar
За идею и реализацию спасибо.
Но зачем опять тырить дизайн у TM, или это уже традиция такая? :)
avatar
Вы про какой дизайн? Если про графики, то такие графики пол-интернета используют и они очень популярны.
avatar
Нет, я про общий дизайн :) (респектива да ?)
avatar
Что-то с чем-то…
avatar
хорошая примочка, бигсэнкс!
avatar
Здравствуйте
сделал все по инструкции, но выдаёт ошибку прямо за место графиков:
Error in data file
и графики не показываются
  • Ave
  • 0
avatar
Надо в конфиге \charts\data\configdb.php прописать базубанных
avatar
А как сделать ещё одно поле для гугл-аналитикс? чтобы выводило посещаемость?
Спасибо
avatar
Будет ли реализация для LS 0.4.2?
avatar
Здравствуйте. Скажите пожалуйста, а есть ли возможность на базе этого плагина сделать вывод графической информации из файла xml или другой базы? К примеру, так или так?
avatar
просим перезалить файлик
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.