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

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

• Не стоит создавать график понятный только вам и вашим друзьям
• Ну и нет смысла создавать график для очень узкого круга людей, например про никому неизвестный фильм или музыкальную группу из Мадагарскара 70х годов, имеющую с десяток неизвестных песен. Однако если вы решительно настроены, и плевали с высокой башни на предущее предложение, то хотя бы укажите в шпаргалку источник инфы.
• Постарайтесь избежать локальных мемов, и если про Питер и Москву знают многие, то график про достопримечательности какого-нибудь Лесосибирска, опять же будет интересно читать мало кому
• Воздержитесь от воплощения в графики боянов и анекдотов с бородой по длине стремящейся к бесконечности
• Нет особого смысла создавать так называемый график - "не график", то есть - если убрать график и оставить просто отдельные слова или прикольную картинку и при этом ничего не изменится, то смысл размещать это здесь? Хотя пункт очень спорный, если уверены в том, что обязательно воплощать мысль надо тут, то можно смело забить на это правило.
• И лично от себя добавлю: не стоит создавать такие и подобные им графики :)

С идеей всё в порядке? переходим к следующему шагу а именно: перед тем как создавать свой шедевр, убедитесь что точно такую же идею не изобразил некто другой ранее. Сделать это можно двумя способами:

• Долгий, но верный - проштудировать и запомнить все графики на сайте
• И быстрый - вбить в поиск основные теги

Если аналогов создано не было, то можно смело приступить(наконец-то) к созданию.
Всего есть 4 различных видов графика, поговорим о каждом поподробнее.

Самый популярный вид - безусловно

Круговая диаграмма

, так как она самая простая в построении, и лучше всего графически показывает процентное соотношение.

Данные

Перво-наперво в окошке "Формат вывода данных" я обычно оставляюю только названия ($@), дабы избавиться от ненужного текста. Пара слов о заполнении полей - чтобы всё выглядело красиво, когда много пунктов, следует ставить их по возрастанию или же, наоборот, убыванию. И опять же, желательно заранее продумать, чтобы потом не перемещать по 10 раз пункты. Например, как в этом графике. И на всякий случай напомню - не забывайте писать заголовки, а то их придумают за вас. И еще - не забывайте менять цвет со стандартных(чтобы график не выглядел шаблонным) на свои, а также чередовать светлые и тёмные цвета. И самое важное - если данные длинные большие и из-за этого плохо вписываются, можно использовать тег \n для перехода на новую строку.

Текст и цвет

Насчет имён: Выноску стоит делать, если сегментов много, а снаружи, соответственно, если их мало. Я обычно редко делаю данные внутри, но для пущей оригинальности можно и этот вариант использовать, правда тогда придется отказаться от очень тёмных или очень светлых(если шрифт светлый) цветов. Ну и не стоит забывать, что красиво текст будет вписываться только в сегменты размером от 10%. И, наконец, пустое поле стоит ставить когда значения очень длинные и только в случае наличии легенды.

Кусочки

Не забудьте повращать график, расположив значения так, чтобы график был максимально большим, ибо, на мой скромный взгляд, чем больше график - тем он красивее. С остальными параметрами можете вдоволь поэсперементировать сами, дабы добавить графику выразительности и оригинальности, главное не переборщить :) Так же не стоит забывать, про то, что диаграмма весьма востребованна в разделе Graph art, Вот на мой взгляд лучшие примеры:

Круги эйлера

- тип графиков с пересечением множеств. Вот - типичный его пример:

Технически строить такие графики легко, однако есть некоторые нюансы:

• Не стоит делать заливку меньше 30 и больше 50 процентов, иначе смотреться будет не очень красиво
• Если вы хотите сделать текст не по центру, то можно заголовок множества оставить пустым, а текст сделать отдельно и вставить в любое интересующее место
• Если грамотно подбирать символы и их размер, то можно делать интересные и красивые рисунки. Пределом оригинальности служит лишь ваше воображение.

Здесь я постараюсь разобрать самые интересные работы на сайте, сделанные с помощью кругов Эйлера:

Фон сделан огромным множеством красного цвета с заливкой 100%, пунктир выполнен знаками "-", ножницы - две линии и буквы О больших размеров под подходящим углом.

Несколько кругов с заливкой 100% и, собственно говоря, буква J. Скажете просто? Сделать - да, а вот хорошую идею подобрать - не так уж и легко как кажется ;)

Огромное серое множество и два небольших - серое и белое. Звездочки вбиты во все текстовые поля. Ну и так далее, примеров уйма. Что? Вы все еще тут? А ну марш выдумывать что-нибудь эдакое!

Столбчатая диаграмма

. Тут вы можете сделать как одну "лесенку" из колонок

так и несколько, сравнив какие-то параметры в разных условиях:

Стоит отметить, что для грамотного построения обязательно в поле деления дайте используемыемым в графике значениям имена - то бишь, допустим, если у вас значения 0 20 40 60 80 100, то стоит задать имя каждому. Не стоит забывать, что всё будет отображаться корректно только при условии кратности чисел. Так же многие часто сталкиваются с проблемой, когда название колонки не вмещается в столбики - я обычно решаю её включением легенды, и делая шрифт бесцветным и нулевым на графике (В разделе Колонки есть настройка Текст с переключателем расположения текста - Внути, Снаружи, "Нигде". Достаточно выбрать последнйи пункт и не мучаться с бесцветным нулевым шрифтом =) - прим. администрации).

И, наконец, последний вид графиков -

Линейная диаграмма

- максимально приближен как к значению этого слова, так и к тому, что мы привыкли видеть в повседневной жизни. Итак, мы можем провести до 6 линий на плоскости. В зависимости от количества значений, можно задавать до 13 значений по абсциссе. Если значений будет много, то они будут подписываться не горизонтально, а по диагонали. Ордината задается так же как и в прошлом типе графиков. При наличии более 1 линии, не забывайте подключить легенду, чтобы зрители не запутались что есть что. И не забудьте поэкспериментировать с формой линий, так как для разных графиков не всегда одна и та же подходит лучше всего.

Напоследок хотелось бы напомнить, что обилие сленга и нецензурных слов не увеличит популярность графика, а скорее наоборот. Удачи!

Автор руководства: Caxann