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



Я хочу поговорить о том, как вставлять диаграммы на страницы вики (под словом вики в этой статье подразумевается исключительно MediaWiki). Стандартный подход — хранить диаграммы в файлах внутри самой вики — имеет свои недостатки; о них — под катом. Я попробовал использовать Graphviz — инструмент, который сам рисует графы по заданным данным. Вот исходник картинки, с которой началась эта статья:

digraph A {
Feedback -> New_Assigned [dir="both"];
New_Assigned [label="New / Assigned"];
New_Assigned -> Rejected [dir="both"];
Reopen -> Rejected;
Reopen -> New_Assigned;
New_Assigned -> Resolved -> Testing -> Approved -> Closed;
Testing -> Closed;

{ rank=same; Feedback; Reopen; }
{ rank=same; Resolved; Testing; Approved; }
}


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

Когда я в очередной раз использовал LogParser, то чтобы проникнуться и чужим опытом, ввел его название в поиск на Хабре. Как результат — сообщение «Удивительно, но поиск не дал результатов». Вот уж воистину удивительно, когда столь интересный инструмент обойден вниманием. Пришла пора восполнить этот пробел. Итак, встречайте LogParser. Маленькая, но чертовски полезная утилита для любителей SQL.

Из названия инструмента, казалось бы, очень непросто понять, что он делает в разделе SQL. А правда заключается в том, что он такой же LogParser, как и ChartGenerator. В то смысле, что он справляется с обоими задачами с одинаковыми успехом. В целом я бы его охарактеризовал как SQL-процессор гетерогенных данных. Концепция работы в общем такова, что он берет данные из некоторого формата и преобразует их в табличный вид (собственно говоря, только на этом этапе и выполняется иногда парсинг). Затем, посредством выполнения над этими табличными данными некоторого SQL-запроса формирует таблицу с результатом и сохраняет ее опять же в некотором формате. Если коротко, то цепочка выглядит как подготовка входных данных->SQL-процессинг->генерация выходных данных.

Google выпустил программные интерфейсы для построения графиков и диаграмм Chart API, которые бесплатны и свободны для использования. Они объединены в едином фреймворке Chart Tools.

С помощью Chart API диаграммы генерируются путём отправки простого URL-запроса на сервер диаграмм Google. Примеры возможных диаграмм можно посмотреть в галерее. Кроме всего прочего, Chart API поддерживает динамические иконки, QR-коды и математические формулы.

Что касается Visualization API (Interactive Chart API), то интерактивные диаграммы создаются через библиотеку Javascript, разработанную в Google (примеры). В качестве источников данных могут выступать, например, таблицы Google Docs или базы Oracle PL/SQL.

via Google Code Blog

Я думаю, большинство хабралюдей должно быть знакомо с такой вещью, как майндмэпы, они же карты разума, они же диаграммы связей. Для тех, кто не в курсе, поясню: майндмэп — это иерархическая диаграмма, отображающая множество взаимосвязанных мыслей.
У диаграмм связей существует много возможных применений. Например, с их помощью можно разрабатывать базы данных и абстрактные структуры классов, проводить мозговой штурм или планировать личные расходы. Расскажу, как я применяю их в учебе.

Мы продолжаем развивать тему манипуляций с диаграммами в презентациях (и не только в них) и сегодня я представлю интересную статью. Вы сможете на себе испытать все приемы приведенные в ней :)

Кстати, мы продолжаем записывать всех на бесплатный онлайн видеосеминар «Манипулятивная диаграммология», который пройдет 5 марта 2009 года.

Мы продолжаем регистрацию на бесплатный интернет-семинар (вебинар) по теме «Манипулятивная диаграммология», а сегодня расскажем об очередных приемах подачи диаграмм.

В современном мире капитализма «рост» — понятие весьма относительное.

Посмотрим на это через призму диаграмм: вот торговое предприятие, у которого открываются новые торговые точки. Казалось бы, надо радоваться!

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

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

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

 

Ищем идею

Идея есть сама суть того что мы собираемся рассказать пользователю при помощи диаграммы. Рождается либо «сама», в результате обнаружения зависимости, либо «от ума», когда хочется подтвердить свои мысли, идеи, свой образ жизни на протяжении последней пары лет, а может даже — о ужас! — что-то внушить целевой аудитории; тут уж как у кого получится :-)

Наткнулся на днях на интересное исследование, которое было опубликовано на блоге «про маркетинг».

Результаты, конечно, впечатляют Но вот визуализация цифр просто кошмарная Требуется много времени, чтобы картинка уложилась в голове. А особенно в период кризиса мы должны экономить рабочее время сотрудников

Давайте посмотрим, как можно сделать цифры более наглядными.