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



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

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

    Сервисы


    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 продукты.

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

    Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.
    Поделиться публикацией
    Похожие публикации
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 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
                            Незаслуженно забыли такую штуку, как Санкей-диаграммы. Вот про них: infographer.ru/sankey-diagrams/

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

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

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

                              Как и нет и крайне крутой либы flot
                              • 0
                                А что-то еще из либ посоветовать можете? Желательно покрасивше, желательно интерактивное, желательно чтоб был порт на C++ и… недорогую для коммерческого… Во как… а?
                                • 0
                                  забыл уточнить — мне гистограммы и всякие flowcharts, а не диаграммы
                            • 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 — не требует регистрации, сразу можно приступать к работе.

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