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

Amcharts — это набор flash-based диаграмм для сайтов. Может извлекать данные из CSV или XML файлов, также может получать данные, сгенерированные динамически при помощи PHP, .NET, Java, Ruby on Rails, Perl и т.д.
AnyChart

Flash based решение для визуализации. Есть не только веб, но и десктопные приложения.
Autodesk

Предлагает инструменты для рисования схем электронных плат, диаграмм, различного рода UI. Не требует никаких дополнительных плагинов — требуется только браузер, работающий с JavaScript, является кросс-браузерным. Поддерживает экспорт в PDF, JPG, PNG, и SVG.
Barchart

Используется для построения столбчатых диаграмм, иными словами гистограмм.
Best4c

Best for Charts. Используется для построения различного рода диаграмм и схем.
Bubbl

Создает разноцветные схемы.
ChartDemo

Онлайн тулза для создания различных графиков, поддерживает метки и легенду.
ChartGizmo

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

Онлайн-сервис, поддерживающий 5 разных графиков и диаграмм на ваш выбор.
DrawAnywhere

Блок-схемы, различные организационные, иерархические графики. Поддерживает экспорт в PDF.
Emprise

Поддерживает различные типы графиков, масштабирование по осям, авто-зум и т.д. Отличается высокой интерактивностью.
FlowingData

Работает прямо из браузера, рекомендуется для визуализации различной статистики.
Flowchart

Поддерживает рисование множества объектов (от линий и треугольников, до кривых Безье), экспортирует в PDF или PNG.
Fooplot

Простенький сервис, поддерживающий построение графиков и диаграмм.
Gliffy

Отличный сервис для создания различных диаграмм, очень приятный на вид интерфейс и множество возможностей.
Mindomo

Позволяет создавать и редактировать диаграммы связей.
Mindmeister

Очень гибкий инструмент для создания различных диаграмм связей.
MGraph

Простенькая тулза для создания диаграмм.
Pareto-Chart

Онлайн генератор графиков, поддерживает семь начальных инструментов бесплатно.
Rich Chart Live

Бесплатный сервис, поддерживает различные диаграммы, графики и т.д. Работает на Flash.
WebSequenceDiagrams

Сервис для создания схем. Ключевая особенность — описание схем на неком подобии языка программирования.
SimpleSeating

Отличный сервис для анализа различной информации.
Smartchart

Сервис для различного рода планирования, также поддерживает диаграммы, бесплатен.
Statistics Toolbox

Мощный инструмент для статистического моделирования и анализа. Позиционируется для изучения статистики на практике.
Track-n-graph

Простенький, но приятный на вид сервис для построения графиков.
Библиотеки, плагины, инструментарии для разработчика
Plotr

Легкий фреймворк для рисования простых графиков и диаграмм. Не использует Flash, и не поддерживает интерактивных элементов.
PlotKit

Библиотека для построения графиков на JavaScript, поддерживает HTML Canvas.
jqPlot

Open Source плагин для библиотеки jQuery. Поддерживает всевозможные линии и типы графиков.
Google Charts
Разнообразный набор инструментов для создания диаграмм и графиков, включая библиотеку на JavaScript.
Highcharts

Библиотека на JavaScript, предназначенная для создания интерактивных графиков и диаграмм.
Dygraphs

Еще одна библиотека на JavaScript, Open Source.
Protovis

Использует JavaScript и SVG для нативной визуализации.
jQuery Sparklines

Плагин для jQuery, генерирующий inline-схемы и графики.
jpGraph

Мощная библиотека, которая использует для отображения PHP.

jQuery плагин для построения графиков. На лету формирует графики по наборам данных.
JavaScript Diagram Builder

Простая библиотека для JavaScript, позволяет рисовать графики на веб-страницах.
gRaphael

JavaScript библиотека для внедрения графиков и схем на веб-страницу.
pChart
Полностью бесплатный php-фреймворк.
FusionCharts

Доступен для множества платформ. Возможна интеграция с ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails и т.д. Есть flash и HTML5 продукты.
Кому интересно, большая часть подборки взята отсюда.
Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.
Программы для построения графиков и диаграмм
При необходимости построения цифровых графиков и/или диаграмм многие пользователи обращаются к стандартным инструментам офисных редакторов, как Microsoft Excel или даже Microsoft Word. Но для этих целей удобней использовать специализированные программы, обладающие более широкими возможностями.
Advanced Grapher
Advanced Grapher — небольшое и одновременно мощное приложение для построения графиков. Используется для построения графиков уравнений, неравенств и таблиц. Также программа позволяет выполнять подгонку кривой, анализировать функции, находить пересечения графиков, выполнять численное интегрирование и многое другое.
В общей сложности программа Advanced Grapher позволяет строить 7 различных типов графиков, к которым относятся:
- Графики функций (X/Y-графики).
- Графики таблиц (основанные на данных в таблицах).
- Графики функций в полярных координатах (R (a)).
- Графики параметрических функций/уравнений (X (t) и Y (t) — 3);
- Графики уравнений (f (x, y) = 0).
- Графики неравенств (f (x, y) <0 и f (x, y)> 0).
- Поля уклона (dx/dy(x,y)).
Для каждого графика можно указать цвет, стиль и ширину линий, стиль и размер точек, тип построения (линии и/или точки), стиль штриховки (для неравенств). Также можно изменить дополнительные свойства графиков в зависимости от их типа, например — количество точек, интервалы построения, сортировка (для таблиц) и т.д.

Программа Advanced Grapher работает с множеством расчетных параметров координатной плоскости (параметры осей, сетки, фона, легенды) и позволяет размещать на них произвольные текстовые метки. Кроме того, приложение имеет встроенные средства для проведения различных вычислений:
- Выполнение регрессионного анализа (подгонка кривой).
- Поиск перекрестков.
- Подготовка аналитических выводов.
- Нахождение уравнения касательной или нормали и его построение.
- Численное интегрирование.
- Нахождение нулей и экстремумов функций и другие возможности.
Программой Advanced Grapher можно пользоваться бесплатно без функциональных огранчиений в течение 30 дней с момента установки.
MagicPlot
MagicPlot — программа, рассчитанная на использования инженерами. Используется для построения графиков функций любой сложности.

В список возможностей и особенностей приложения входят:
- Подгонка нелинейной кривой на основе вводимых пользователем уравнений с возможностью визуального редактирования диапазона.
- Выполнение математических анализов: сглаживание, быстрое преобразование Фурье, интегрирование, дифференциация, гистограммы, свертка, корреляции и др.
- Многопиковый фитинг с возможностью создания моделей подгонки по пикам и перемещения пиков и базовых линий при помощи мыши.
- Возможность изменения стиля кривых и осей, а также сохранение графиков в векторных графических форматах EPS, PDF, SVG и EMF.
- Поддержка пакетной обработки, что обеспечивает возможность обработки и согласования нескольких наборов данных одним и тем же способом без предварительного создания сценариев.
- Возможность создания и сохранения шаблонов фигур. В последствие шаблоны можно применить для форматирования всех имеющихся фигур.
Программой MagicPlot можно пользоваться бесплатно в течение 30 дней.
Efofex FX Draw
Efofex FX Draw — мощная и одновременно простая в использовании программа, предоставляющая высокопроизводительную среду для создания редактируемых диаграмм. Приложение в основном используется для создания математических/геометрических тестов и обучающих материалов для учебных заведений.

Программа FX Draw позволяет создавать математические диаграммы путем использования стандартных для графических редакторов инструментов и автоматически преобразовывать их в изображения профессионального качества, которые можно будет отредактировать в будущем.
Посредством FX Draw имеется возможность создания различных типов графиков и визуализации разнообразных математических функций. Вот небольшая часть возможностей данной программы:
- Построение графиков декартовых и полярных функции.
- Поля наклона.
- Создание диаграмм Аргана и Венна.
- Векторные диаграммы.
- Кривые нормального распределения.
- Построение статистических графиков.
- Создание древовидных диаграмм.
- Диаграмм пеленгов числовых линий.
- Трехмерные объемы вращения.
- Параметрические отношения.
- Интегралы, касательные и нормали к кривым и т.д.
Без покупки лицензии программой FX Draw можно пользоваться бесплатно неограниченное количество времени, но на всех импортируемых из нее изображений с графиками и диграммами будет проставлен водяной знак.
MathGrapher
MathGrapher — полностью бесплатная программа для построения математических графиков. Отличается минималистичным и с виду невзрачным интерфейсом — оно и понятно, ведь программа написана всего одним программистом и с благой целью — предоставление бесплатного и одновременно мощного инструмента для тех, кто не может или не хочет покупать аналогичный платный продукт.

Программа MathGrapher обладает следующими особенностями:
- Построение 2D и 3D-графиков из функций F (x) и F (x, y), содержащие до 20 подфункций, 30 специальных функций, 150 числовых и 100 именованных констант. F (x)-функции можно интегрировать, дифференцировать или искать нули и экстремумы.
- Функции F (x, y) могут быть представлены с помощью закрашенных поверхностей, контурных графиков и поперечных сечений через контурные графики. Средство трехмерного просмотра обеспечивает быстрый просмотр затененной поверхности с разных углов обзора и с разных расстояний.
- Аппроксимация кривой (линейная и нелинейная) с рядом методов наименьших квадратов, в т.ч., к примеру, общий (нелинейный) метод Левенберга-Марквардта, позволяющий подогнать данные под любую определяемую пользователем непрерывную функцию.
- Работа с итерациями. Программа позволяет вычислять алгебраические ряды, например «e= 1+ 1/2! + 1/3! +…», квадратные волны, числа Фибоначчи, предоставляет возможность подробного изучения итерационных карт, детально отображает 2D-орбиты на уровне пикселей, что позволяет изучать стабильность этих орбит.
- Генерация фрактальных кривых (Коха, Серпинского, Леви, Дракона), кривых заполнения пространства (Гильберта, Пеано-Госпера), моделей роста растений и т.д.

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

Вот лишь некоторые из функциональных возможностей и особенностей программы Dplot:
- Несколько типов масштабирования, включая линейные, логарифмические и вероятностные шкалы по осям X и/или Y. DPlot также предоставляет несколько типов шкал специального назначения, включая графики распределения размеров зерен, трехчастные сетки (спектры ударных волн), полярные диаграммы, треугольные графики, проекции Меркатора и др.
- Построение контурных 3D-графиков с отображением в виде горизонтальных линий на плоскости XY или в виде заштрихованных полос в трехмерной проекции. DPlot поддерживает как произвольно расположенные трехмерные точки, так и точки на прямоугольной сетке. Для прямоугольных сеток DPlot также может создавать графики водопада, трехмерные гистограммы и простые каркасные сетки.
- Генерация кривых из уравнений вида: Y=f(X), X=f(T) & Y=g(T) и Z=f(X,Y). Наряду со стандартным набором тригонометрических и общих математических функций DPlot поддерживает условные формулы вида if (test, if_true, if_false).
- Построение гистограммы с большим количеством вариантов их представления.
- Построение графиков в виде прямоугольников и точечных диаграмм для одной или нескольких групп одномерных данных.
- Функции манипуляции данными включают интеграцию, дифференцирование, быстрое преобразование Фурье, фильтрацию, сглаживание данных и многие другие — более простые функции редактирования.
Бесплатная ознакомительная версия программы Dplot работает с функциональными ограничениями в течение 30 дней.
Math Mechanixs
Math Mechanixs — программа, разработанная для студентов, преподавателей, инженеров и ученых, а также для всех, кому требуется простое в использовании приложение для работы с математическими функциями и построения графиков на их основе и/или основе массива данных. В программе присутствует мощный редактор формул, позволяющий вводить математическое выражение точно так же, как если бы они писались на листе бумаги.

Если вкратце, при помощи Math Mechanixs можно легко создавать большие двухмерные и трехмерные цветные график на основе математических функций или наборов данных. Встроенная графическая утилита позволяет помечать точки данных, а также масштабировать, вращать и преобразовывать графики из одного типа в другой.
Math Mechanixs позволяет строить:
- Линейные и точечные графики.
- Графики площадей.
- Гистограммы различных типов.
- Диаграммы разброса/рассеивания.
- Многослойные графики.
- Биржевые графики типа «High-Low» (Hi-Lo), «High-Low Open Close» и «Японские свечи».
- Полярные графики.
- Радарные и круговые диаграммы.
- 3D-графики поверхностей с опциями отображения/скрытия невидимых линий, проекций на поверхность, сетки, контуров, затененных областей.
Существует две версии программы Math Mechanixs — полнофункциональная Pro-версия и облегченная (с урезанным функционалом) Lite-версия. Последней можно пользоваться бесплатно. В ней доступен математический редактор, научный (инженерный) калькулятор, инструмент построения 2D/3D-графиков и расширяемая пользователем библиотека функций (с более чем 280 предопределенными функциями).
Falco Graph Builder
Falco Graph Builder — наверное, самая простая из всех существующих программ для построения математических и геометрических графиков на XY-оси. Приложение рассчитано на школьников и студентов, готовящих самостоятельную работу (реферат, доклад и т.д.), в которой должны присутствовать графики.

Программа Falco Graph Builder предельно простая в использовании. От пользователя только требуется ввести в соответствующее текстовое поле математическую формулу (функцию), на основании которой будет построен график. При вводе функций требуется строгое соблюдение синтаксиса. Список поддерживаемых программой математических обозначений можно найти во встроенной справке (F1) в разделе «List of Functions»:

Готовый график можно сразу отправить в печать либо сохранить в виде FGR-проекта для редактирования в Falco Graph Builder в будущем.
SMath Studio
Smath Studio — еще одна бесплатная многофункциональная программа, предназначенная, в т.ч. и для построения 2D и 3D-графиков функций. Вообще, данное приложение создано для выполнения разнообразных математических вычислений. Визуализация функций в виде графиков — только одна из функций Smath Studio.

Работает Smath Studio по тому же принципу, что и Falco Graph Builder — пользователь вводит формулу, программа выполняет расчеты и визуализирует их в виде графика. Однако возможности у данного приложения гораздо шаре, чем у предыдущей программы. Smath Studio понимает несравненно большее количество математических функций. А удобный редактор формул обеспечивает их ввод простыми кликами мышью с последующим вписыванием требуемых пользователю значений.
Veusz
Veusz — очень мощная и абсолютно бесплатная программа, предназначенная для создания готовых к публикации 2D и 3D графиков, а также самых различных типов диаграмм. Приложение позволяет строить графики, как на основе математических функций, так и на основе массивов данных, в т.ч. сохраненных в табличных (CSV) и других типах файлов.

Вот неполный перечень двумерных графиков, что могут быть созданы в программе Veusz:
- Графики XY с полосами погрешностей и возможностью выбора цветов, стилей и размера линий.
- Линейные графики и графики функций.
- Гистограммы.
- Графики векторных полей.
- Коробчатые диаграммы.
- Полярные графики.
- Подгонка функций к данным.
- Сложенные графики и массивы графиков.
- Тернарные графики и многие другие.
К списку трехмерных графиков, создаваемых в Veusz, относятся:
- Точечные графики.
- Линейные графики функций.
- Графики поверхностей.
- Массивы графиков.
Созданные в программе графики могут быть сохранены в виде растровых и векторных изображений. Поддерживается экспорт проектов в форматы EPS, PDF, PNG, SVG и EMF, но их список можно расширить путем установки плагинов (можно найти в интернете).
Лучшие Android приложения для создания графиков
В наше время графики и диаграммы используются часто и повсеместно: для домашней работы, для исследований, презентаций и многого другого. Графики полезны в любой ситуации, когда вам нужно наглядно и эффектно представить данные, с которыми вы работаете. Будучи многофункциональными компьютерами, наши современные смартфоны могут помочь и в этом деле – разумеется, при наличии соответствующих приложений (если только в вашем устройстве не предусмотрено никаких специальных возможностей, как, например, в аппаратах Samsung Galaxy Note). Несколько приложений для создания графиков и диаграмм на Android смартфоне без проблем и особых усилий – в этой небольшой подборке.
1. Google Таблицы
В особом представлении не нуждается – доступно не только для Android, но и для iOS, предлагает богатую функциональность, связанную с шаблонами и графиками.
2. Чарт Мейкер
Очень простая программа для построения графиков на Android устройствах, с интуитивно понятным интерфейсом и разнообразными настройками.
3. Simple Graph Maker

И еще более простое приложение. В самом начале предлагает выбрать, какую диаграмму создать: линейную, круговую или столбчатую. Затем все происходит очень просто: вводите свои данные, выбираете цвета – и готово!
4. Chart Draw

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

Любой фрилансер сталкивался с ситуацией, когда ему нужно было быстро решить какую-либо проблему, но нужных инструментов у него не было. Сегодня, имея доступ к интернету, многие из поставленных задач можно решить прямо в браузере – в сети имеется множество сервисов для корректировки изображений, работы с аудио и видеофайлами, текстом, таблицами и так далее. Помимо этого нередко возникает необходимость проиллюстрировать созданный контент графиками и диаграммами. Графики очень информативны и позволяют отобразить соотношение между различными типами данных, без них трудно обойтись при создании презентаций или обзоров и их нужно обязательно использовать, если есть такая возможность. FreelanceToday представляет вашему вниманию 10 инструментов для создания графиков и диаграмм.
Большинство из представленных инструментов достаточно просты, так что освоить их будет очень легко.

Сервис Chart Maker является простым и интуитивно понятным инструментом для создания диаграмм. Работая с Chart Maker, пользователь может создать пять типов диаграмм: линейные, круговые, гистограммы, диаграммы Венна и точечные диаграммы. По окончании работы можно указать точный размер диаграммы в пикселях и либо сохранить ее на жестком диске компьютера, либо опубликовать в интернете – сервис генерирует ссылку на изображение.

Инструмент ChartGo позволяет создавать красочные и информативные диаграммы. Работать можно с различными типами диаграмм, включая гистограммы, линейные графики, круговые диаграммы и графики областей. Используя настройки, можно регулировать цвет и размер изображения, менять стиль шрифта (курсив и болд), а также упомянуть источник информации. С помощью сервиса можно создавать собственные инвестиционные и биржевые диаграммы, диаграммы Форекс, а также иллюстрировать любые данные, касающиеся финансов.
Одной из особенностей ChartGo является возможность редактирования сохраненного графика или диаграммы. Изображение хранится на сервере ChartGo и в него можно вносить изменения. Сервер генерирует ссылку на график, поэтому, когда исходное изображение меняется, то меняется и диаграмма, опубликованная на странице сайта или блога.

Диаграмма является отличным способом для визуальной подачи информации. Используя бесплатный инструмент Online Charts можно создавать самые разные графики и диаграммы: линейные, круговые, радарные, пирамидальные, диаграммы областей и многие другие. Имеется возможность работы с цветом и типом шрифта. Также можно выбрать внешний вид диаграммы: 2D или 3D. Готовый график можно сохранить в форматах PNG, JPG, PDF и CSV. Ссылка на график также предоставляется. Диаграмму можно разместить на сайте или в блоге или расшарить ее в социальных сетях Facebook, Twitter и Google+.

Очень простой в использовании генератор диаграмм, созданный Джоном Винстенли. Упоминание Google в названии инструмента объясняется просто – генератор использует API Google. С помощью сервиса можно создавать точные, яркие и информативные графики и диаграммы. Готовый результат можно сохранить на своем компьютере или опубликовать в интернете. Также сервис генерирует HTML-тег изображения. В распоряжении пользователя сравнительно немного инструментов, но есть все необходимые типы диаграмм и графиков. Можно создавать диаграммы с несколькими наборами данных, сгруппированные гистограммы (вертикальные и горизонтальные) и выбрать внешний вид – 2D или 3D.

Без линейных графиков не обойтись, когда нужно отобразить некоторые виды данных или продемонстрировать текущие тенденции. Line Graph Maker очень простой в использовании инструмент для создания линейных графиков. Также с помощью сервиса можно создавать несложные секторные диаграммы и гистограмы.

Инструмент RAW является мощной платформой для создания красочных графиков и диаграмм. Инструмент дает возможность отобразить информацию 16 различными способами. Создатели сервиса хорошо поработали над функционалом, платформу можно использовать в серьезных исследованиях, так как Raw является промежуточным вариантом между профессиональными табличными редакторами и векторными графическими редакторами. Любой человек, работающий с конфиденциальной информацией, будет рад узнать, что Raw обрабатывает данные только через браузер и не хранит их на своих серверах. Платформа не позволяет создавать простые линейные графики и гистограммы, создатели сервиса предлагают воспользоваться для этого другими доступными инструментами. Но если нужно создать аллювиальную диаграмму, круговую дендрограмму или еще что-нибудь сложное и необычное, то можно воспользоваться Raw.

Сервис amCharts предназначен для создания современных и стильных шаблонов диаграмм, которые могут быть использованы в презентациях, на конференциях, а также для иллюстрации контента. Есть несколько исходных диаграмм, поностью интерфейс платформы настраивается за пару минут. Основное достоинство сервиса заключается в возможности создания интерактивных графиков и диаграмм, однако это потребует от пользователя хотя бы начальных знаний HTML, так как придется работать с сгенерированным HTML-кодом, который взаимодействует с библиотеками JavaScript.
Если нужен простой в использовании инструмент для создания графиков, то стоит обратить внимание на онлайн-сервис Plotvar. Инструмент идеально подходит для иллюстрации финансового анализа, презентаций, сообщений на форуме или в социальных сетях. Можно создавать линейные графики, гистограммы и круговые диаграммы. Также есть возможность создания динамических графиков. «Живой» график позволит представить информацию в динамике, что по достоинству оценят те пользователи, которые работают с постоянно меняющимися данными.

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

В онлайн-сервисе Google Charts можно создать практически любой график или диаграмму. Инструмент также поддерживает интерактивные динамические диаграмм. Все графики создаются с помощью связки HTML5/SVG, так что никаких дополнительных плагинов для корректного отображения информации не требуется. Нет более простого и удобного инструмента, если нужно создать интерактивную и масштабируемую диаграмму.