13 февраля 2011 в 23:40

Набор инструментов для построения графиков, блок-схем и диаграмм



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

Все картинки кликабельны и ведут на соответствующий ресурс.

Сервисы


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

image

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

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

image

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

jQuery Sparklines



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

jpGraph



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

Flot

image

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

JavaScript Diagram Builder

image

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

gRaphael



JavaScript библиотека для внедрения графиков и схем на веб-страницу.

pChart




Полностью бесплатный php-фреймворк.

FusionCharts



Доступен для множества платформ. Возможна интеграция с ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails и т.д. Есть flash и HTML5 продукты.

Кому интересно, большая часть подборки взята отсюда.

Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.
Тимур Ибремпашаев @Tibr
карма
89,7
рейтинг 0,0
Программист
Похожие публикации
Самое читаемое Разработка

Комментарии (40)

  • +6
    Спасибо за подборку. Добавил в закладки, когда-нибудь да пригодится.
    • 0
      По тому же принципу в избранном накопилась большая подборка статей-подборок (сорри за каламбур).
      • 0
        Ага :) А еще в избранном живет целое семейство статей «позже прочту». И судя по размеру, семейство китайское :)
  • +2
    jqPlot забыли, мощный плагин для jQuery, плюс к нему самому еще есть куча плагинов (видов графиков и способов отображения данных).
    • +1
      Если я правильно понимаю, jqPlot это библиотека для построения графиков программистами, а автор говорит про онлайн-сервисы для визуального построения
      • 0
        У многих есть различные API, позволяющие внедрять сервис где-либо; так что, я полагаю, комментарий уместен.
      • 0
        тот же pChart тоже совсем не онлайн сервис. Хотя на сайте есть некая песочница со своими ограничениями
  • +1
    Отличный пост.
  • +3
    А как же Google Chart? Тем более даёт всё через API делать и ограничение 250 тысяч в сутки, которого хватит легко.
  • +1
    Забыли про highcharts, пользуюсь им и очень доволен.
    • 0
      Два месяца тому назад я долго искал подходящий инструмент и тоже остановился на highcharts. Если не привык писать Гуевые чтуковины в вебе то это самое то, да и так очень мощен и приятен.
    • 0
      Отличная штука. Экспорт в PDF, PNG, JPG на лету, даже на смартфоне всё работает.
  • 0
    Добавлю к списку Protovis (http://vis.stanford.edu/protovis/ex/), dygraphs (http://dygraphs.com/), и jQuery Sparklines (http://omnipotent.net/jquery.sparkline/)
  • 0
    jpGraph
  • 0
    Моим любимым сервисом является первый, AmCharts — очень красивая и функциональная штука. Но иной раз в настройках просто запутываешься.
  • 0
  • 0
  • 0
    Незаслуженно забыли такую штуку, как Санкей-диаграммы. Вот про них: infographer.ru/sankey-diagrams/

    А софт для их построения, например, можно взять здесь: www.sankey-diagrams.com/sankey-diagram-software/

    Например, такой вот макрос для Экселя, который позволяет строить красивые диаграммы прямо в нём: www.doka.ch/sankey.htm
  • +1
    То ли библиотеки, то ли сервисы, все в кучу.

    Полно всякого шлака, а по настоящему полезного и удобного сервиса websequencediagrams.com, например, нет.

    Как и нет и крайне крутой либы flot
    • 0
      А что-то еще из либ посоветовать можете? Желательно покрасивше, желательно интерактивное, желательно чтоб был порт на C++ и… недорогую для коммерческого… Во как… а?
      • 0
        забыл уточнить — мне гистограммы и всякие flowcharts, а не диаграммы
        • +1
          Qwt.
  • 0
    JavaScript Diagram Builder 3.3 Постороение различных графиков из JavaScript'а. Удобен, прост, но с довольно богатыми возможностями.
  • 0
    Уважаемый Tibr, позвольте поблагодарить вас за такую полезную подборку. очень нужно и вовремя! в комментах тоже пару полезняшек нашёл, в общем спасибо и респект тем кто не ленится делиться своими находками с читателями!
    • +1
      Не за что, пост кстати продолжает пополняться.
  • 0
    Колоссально. Спасибо.
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Есть еще неплохая оффлайн кроссплатформенная программа yEd.
  • 0
    Если и билиотеки (судя по amcharts), то нас забыли :)
    Хотя не понял — тут только free или не только free?
    habrahabr.ru/company/anychart
    anychart.com
  • 0
    Давно пользуюсь amcharts — хорошая штука.
  • 0
    Использую js библиотеку gRaphael: g.raphaeljs.com/ (пример: cash.pihel.jino.ru/?act=analiz&type=dyn)
  • 0
    Спасибо, добавил в избранное. Раньше пользовался chartle.net
  • 0
    Пользуюсь Pchart: pchart.sourceforge.net
  • 0
    Кто-то может порекомендовать C/C++/Python библиотеку для построения time series графиков так же просто как это позволяет делать dygraph, но значительно быстрее? Объем данных большой — миллионы записей, время по оси X — с точностью до миллисекунды.
  • 0
    Еще есть www.fusioncharts.com
  • 0
    И ни слова про лицензии и ценообразование. А это порой весьма весомый аргумент при выборе.
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Вот еще добротная вещь www.zingchart.com/
  • 0
    Добавлю еще один удобный сервис: www.diagram.ly — не требует регистрации, сразу можно приступать к работе.

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.