Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Google Charts в новом обличье

Я пиарюсь
Hohli Charts

О появлении Google Chart API не написал наверное только ленивый. А я решил пойти чуть дальше и написать конструктор графиков для данного API. И в результате появился мини-стартап Hohli Charts...

Читать дальше →
Всего голосов 46: ↑43 и ↓3 +40
Просмотры1.4K
Комментарии 34

Утилита для быстрого построения прогнозов

Я пиарюсь
Познакомился некоторое время назад с Google Charts API и решил, а почему бы и не «прикрутить» этот интерфейс к разработанному ранее приложению для построения прогнозов (doc, 62 kb).

Получилась мини-утилита для быстрого построения количественных прогнозов с возможностью визуализации: FastCast.
Читать дальше →
Всего голосов 10: ↑8 и ↓2 +6
Просмотры665
Комментарии 13

Как оформить диаграмму — формализованный алгоритм

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

Далее следует простой формализованный алгоритм как проиллюстрировать данные диаграммой. Вкратце, он таков:

           Идея → Тип сравнения → Тип диаграммы

 

Ищем идею



Идея есть сама суть того что мы собираемся рассказать пользователю при помощи диаграммы. Рождается либо «сама», в результате обнаружения зависимости, либо «от ума», когда хочется подтвердить свои мысли, идеи, свой образ жизни на протяжении последней пары лет, а может даже — о ужас! — что-то внушить целевой аудитории; тут уж как у кого получится :-)
Читать дальше →
Всего голосов 5: ↑3 и ↓2 +1
Просмотры1.5K
Комментарии 2

Обзор библиотеки для интерактивной визуализации данных WPF DynamicDataDisplay

.NET
image
Здравствуйте, уважаемые хабрапользователи!

В этом посте я расскажу вам о нашей разработке — бесплатной Open-source библиотеке для интерактивной визуализации данных WPF DynamicDataDisplay.
Немного о нас: мы — это сотрудники лаборатории технологий Microsoft факультета Вычислительной математики и кибернетики Московского государственного университета. Недавно на Хабре была статья о том, каким наш факультет видится студенту первого курса, а теперь этот пост позволит вам немного больше узнать о том, чем занимаются студенты нашего факультета на более старших курсах. Пример того, над чем работают пятикурсники — это наша библиотека для интерактивной визуализации научных данных DynamicDataDisplay (сокращенно — D3).
Читать дальше →
Всего голосов 44: ↑35 и ↓9 +26
Просмотры14.9K
Комментарии 32

Список Javascript библиотек для рисования графиков и диаграмм

JavaScript
О визуализация графов в вебе говорили здесь, навеяно этой статьей.

Под катом обзор JavaScript библиотек для рисования графов, диаграмм и прочей красоты.
Читать дальше →
Всего голосов 93: ↑89 и ↓4 +85
Просмотры21.1K
Комментарии 36

Ликвидатор велосипедов: часть 2

.NET
Исходя из того, что первая статья насобирала много плюсов и попала в избранное большого количества человек, я понял что тема актуальна и во-первых призываю подтянуться сообщество (ведь я не могу знать абсолютно все библиотеки и решения), а во-вторых буду продолжать своими силами рассказывать о том какие библиотеки можно подтянуть, если необходимо что-то сделать вместо того чтобы делать все новые и новые велосипеды, состоящие из водопроводных труб.

В этом топике я затрону важную для многих тему — тему рисования графиков в платформе .NET. Вспомните: ведь наверняка когда-то было просто необходимо вывести на экран красивый график… И что происходило? Правильно, появлялся новый велосипед.

Часть первая из серии



Читать дальше →
Всего голосов 85: ↑71 и ↓14 +57
Просмотры31.2K
Комментарии 36

Визуализация статистических данных с помощью Highcharts

JavaScript
Из песочницы
В этой статье я хотел бы изложить собственный опыт построения наглядных и презентабельных графиков с помощью Highcharts на основе статистики ОС и дисковых массивов. Для многих современных ОС и дисковых массивов существуют механизмы, основанные на встроенном или дополнительном ПО, которые позволяют получать данные о работе подсистем ОС или массива (имеются в виду не трассировки, а статистические показатели, усредненные по заданному интервалу). Также можно собирать статистику счетчиков пакетов и ошибок на интерфейсах коммутаторов LAN и FC. Многие хотят визуализировать эти данные и использовать в отчетах или же самописной системе мониторинга.
image
Читать дальше →
Всего голосов 64: ↑54 и ↓10 +44
Просмотры25.8K
Комментарии 28

Создание графиков с JavaScript

Websitepulse
imageС началом существования HTML 5 возможности веб-приложений в браузерах возросли фантастически. Один из примеров – canvas элемент, который позволяет, с помощью JavaScript, рисовать 2D и 3D модели, равно как и растровую графику (bitmaps).

Благодаря этим возможностям, статистические графики могут быть нарисованы прямо в браузере. Типы графиков могут быть различными. В прошлом, чтобы изобразить график, использовались различные подходы. Если внешний вид графика позволял, использовался стандартный HTML и CSS. Однако, подходы для более сложных графиков использовали различные технологии встроенных в браузеры HTML, CSS и JavaScript. Популярным было использование Flash, или графики вычерчивались на сервере, с последующей передачей их изображения клиенту. Эти подходы требовали много времени для поддержки, нарушали консистенцию приложений, вынуждали клиента устанавливать дополнительное ПО и дополнительно нагружали сервера.
Читать дальше →
Всего голосов 12: ↑7 и ↓5 +2
Просмотры6.2K
Комментарии 1

Highstock: мониторим Премию Рунета

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

До этого использовал AmCharts, первым делом глянул на их сайт, они уже выпустили JS версию своих графиков, но как-то не понравилось, по ощущениям — сыровато еще. После недолгого гугления был найден Highstock, от авторов Highcharts JS. Отличается в первую очередь возможностью выводить графики, привязанные к времени, с большим количеством точек, масштабированием, удобной навигацией. Да и чисто внешне понравился больше AmCharts.
Читать дальше →
Всего голосов 46: ↑41 и ↓5 +36
Просмотры7.5K
Комментарии 12

Построение графиков на WPF форме под .NET Framework 4

.NETC#
Под .NET существует множество библиотек для построения графиков. Выбор в сторону решения от Microsoft подкупил тем, что оно встроено в .NET Framework 4 и потому не требует подключения сторонних библиотек. Хотя есть и один недостаток — работать с ним можно только на форме Windows Forms, для WPF форм штатной работы с компонентом не предусмотрено. Из-за этого все мануалы, начинающиеся словами «перетащите компонент Chart на форму» шли лесом абсолютно не помогали решить поставленную проблему.
Читать дальше →
Всего голосов 16: ↑7 и ↓9 -2
Просмотры56.4K
Комментарии 14

Визуализация на сервере: NodeJS + D3.js + PhantomJS

JavaScriptNode.JS
Tutorial
Node + Phantom
Возникла у нас на проекте прихоть — рисовать на стороне сервера графики, да не простые, а максимально похожие на уже имеющиеся графики на клиентской стороне.
Да-да, именно так, на клиенте уже были всевозможные красивости, реализованные на d3.js.
Для исследования возможностей был применен комплексный метод анализа «google-driven investigation» и в первой итерации выбор пал на ноду + фантом.

За подробностями прошу в глубины поста.

Интересненько
Всего голосов 35: ↑28 и ↓7 +21
Просмотры23.6K
Комментарии 20

ChartJS — JavaScript-библиотека визуализации данных

Developer SoftРазработка веб-сайтовJavaScript


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

Мы в DevExpress как никто чувствуем эту тенденцию. И хорошо поработали в этом году!

Хабрасообщество уже знает о нашем новом фреймворке PhoneJS, которой позволяет опытным веб-разработчикам чувствовать себя уверенно и в разработке для мобильных устройств.

Однако и классическую сторону веб-разработки мы не забыли.

Люди по-прежнему получают информацию из интернета.
К сожалению, эти же люди по-прежнему не любят читать долгие и нудные отчеты.
Картинка стоит тысячи слов.

Живая картинка, взаимодействующая со смотрящим её человеком, бесценна.

Чтобы веб-разработчики могли показать своим клиентам живые чарты, мы создали библиотеку визуализации данных ChartJS.
Под катом - серьезный анализ несерьезных данных
Всего голосов 107: ↑97 и ↓10 +87
Просмотры78K
Комментарии 42

Реализация Sunburst Chart на JavaScript и HTML5 Canvas

Разработка веб-сайтовJavaScriptВизуализация данных

Всем привет! Сегодня хотелось бы рассказать про то, как можно сделать собственные графики на js + canvas буквально в пару сотен строк кода. А заодно вспомнить школьный курс геометрии.
Читать дальше →
Всего голосов 16: ↑15 и ↓1 +14
Просмотры16.8K
Комментарии 14

Используем highcharts.js для создания графиков на стороне сервера

.NETC#Microsoft Azure
Tutorial
highcharts-on-a-server
Сегодня мы поговорим об использовании highcharts.js графиков на стороне сервера. Весь код будем писать на С#, обойдемся совсем без javascript. В результате получим файл с графиком, который можно будет сохранить на диск или например приложить к письму.

Беглый поиск хороших бесплатных .net библиотек для создания графиков не увенчался успехом. Лучшей из всех найденных библиотек была ms-chart, но судя по отсутствию обновлений и хорошей документации сама Microsoft ее давно забросила.

Выбор пал на highcharts.js — очень гибкая библиотека для построения графиков, которая широко применяется на фронтенде.
Читать дальше →
Всего голосов 12: ↑10 и ↓2 +8
Просмотры12.6K
Комментарии 10

10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах

Разработка веб-сайтовJavaScriptПрограммированиеBig DataВизуализация данных
Перевод
Есть в графиках что-то магическое. Изгиб кривой мгновенно раскрывает всю ситуацию — историю развития эпидемии, паники или периода процветания. Эта линия просвещает, пробуждает воображение, убеждает.
Генри. Д. Хаббард
Объемы данных, с которыми нужно работать, постоянно увеличиваются. И чем больше информации, тем сложнее ее обрабатывать. Вот почему сейчас стала особенно популярна тема визуализации данных — в виде графиков, диаграмм, дашбордов, желательно интерактивных. Визуальное представление данных позволяет нам, людям, тратить меньше времени и сил на их просмотр, анализ и осмысление, а также на принятие правильных, информированных решений на основе этого.

Вряд ли кто-то станет отрицать, что в современном HTML5 вебе JavaScript — самая универсальная и простая технология для визуализации данных. Так что, если вы занимаетесь фронтенд-разработкой, то вы, скорее всего, либо уже имели дело с созданием JS чартов, либо столкнетесь с этим в (скором) будущем.

Существует множество JavaScript библиотек для построения графиков и диаграмм, каждая из которых (как и любые другие инструменты) имеет свои плюсы и минусы. Чтобы облегчить вам жизнь, я решил рассказать о тех из них, которые нравятся мне больше всего. Я считаю, десять следующих библиотек — это лучшие JS библиотеки для создания графиков, и они действительно способны помочь решить практически любую задачу по визуализации данных. Давайте вместе пройдемся по списку и убедимся, что они вам известны хотя бы базово и вы не упустили из виду какую-нибудь хорошую библиотеку, которая может оказаться полезной в текущих или будущих больших проектах.

Заглавная картинка: визуализация данных на графиках и диаграммах

Что ж, приступим: вот лучшие JS библиотеки для визуализации данных!
Читать дальше →
Всего голосов 31: ↑27 и ↓4 +23
Просмотры63K
Комментарии 29

Эксперимент VonmoTrade. Часть 4: Торговые графики

ПрограммированиеАнализ и проектирование систем

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

Читать дальше →
Всего голосов 5: ↑4 и ↓1 +3
Просмотры1.3K
Комментарии 0