![](https://habrastorage.org/storage/5e83f690/3e88fc1e/ec32acaf/88e5ce83.png)
Есть много разных сервисов, облегчающих жизнь веб-разработчику или дизайнеру, в том числе создающих разные графики, диаграммы, блок-схемы и т.д. Ниже представлена небольшая подборка.
(Осторожно, много изображений)
Все картинки кликабельны и ведут на соответствующий ресурс.
Сервисы
Amcharts
![](https://habrastorage.org/storage/b3c8b884/f2ed2526/571e0d4c/d3d9c1bd.jpg)
Amcharts — это набор flash-based диаграмм для сайтов. Может извлекать данные из CSV или XML файлов, также может получать данные, сгенерированные динамически при помощи PHP, .NET, Java, Ruby on Rails, Perl и т.д.
AnyChart
![](https://habrastorage.org/storage/c110f219/5698fd18/762a2cef/fc4113d7.jpg)
Flash based решение для визуализации. Есть не только веб, но и десктопные приложения.
Autodesk
![](https://habrastorage.org/storage/cf5f28e8/e1337252/bf32955b/7d697f89.jpg)
Предлагает инструменты для рисования схем электронных плат, диаграмм, различного рода UI. Не требует никаких дополнительных плагинов — требуется только браузер, работающий с JavaScript, является кросс-браузерным. Поддерживает экспорт в PDF, JPG, PNG, и SVG.
Barchart
![](https://habrastorage.org/storage/aacdf455/56142b50/801224c3/264c3086.jpg)
Используется для построения столбчатых диаграмм, иными словами гистограмм.
Best4c
![](https://habrastorage.org/storage/1cef2f56/99d911bc/5c034136/ddb25684.jpg)
Best for Charts. Используется для построения различного рода диаграмм и схем.
Bubbl
![](https://habrastorage.org/storage/c867c154/ae4e373b/df48f549/fc159ca9.jpg)
Создает разноцветные схемы.
ChartDemo
![](https://habrastorage.org/storage/767ee3a3/777cc5c9/e461aacf/781242f5.jpg)
Онлайн тулза для создания различных графиков, поддерживает метки и легенду.
ChartGizmo
![](https://habrastorage.org/storage/fd15a04b/de04363b/cb8afe03/b0f08794.jpg)
Позволяет создавать различные графики для сайтов, блогов, профилей и т.д. Может быть полезен для визуализации научной, финансовой или какой-либо другой информации.
CreateAGraph
![](https://habrastorage.org/storage/80f171c1/db334757/7053d026/d56882d8.jpg)
Онлайн-сервис, поддерживающий 5 разных графиков и диаграмм на ваш выбор.
DrawAnywhere
![](https://habrastorage.org/storage/d3d58dd6/9526c34b/10e95c43/f3761ecd.jpg)
Блок-схемы, различные организационные, иерархические графики. Поддерживает экспорт в PDF.
Emprise
![](https://habrastorage.org/storage/d3a21960/1b5be124/5bfc838f/7ad9867b.jpg)
Поддерживает различные типы графиков, масштабирование по осям, авто-зум и т.д. Отличается высокой интерактивностью.
FlowingData
![](https://habrastorage.org/storage/44479adf/4cda279f/7e202a00/bd23539e.jpg)
Работает прямо из браузера, рекомендуется для визуализации различной статистики.
Flowchart
![](https://habrastorage.org/storage/6a7b9e5a/130e7074/f214204a/c2831178.jpg)
Поддерживает рисование множества объектов (от линий и треугольников, до кривых Безье), экспортирует в PDF или PNG.
Fooplot
![](https://habrastorage.org/storage/a9fe32f7/3f2bda79/0c58445e/b0045631.jpg)
Простенький сервис, поддерживающий построение графиков и диаграмм.
Gliffy
![](https://habrastorage.org/storage/742d8524/a775258b/39532770/26edaf1a.jpg)
Отличный сервис для создания различных диаграмм, очень приятный на вид интерфейс и множество возможностей.
Mindomo
![](https://habrastorage.org/storage/154dc62e/074e5f02/b9fcf51f/502033be.jpg)
Позволяет создавать и редактировать диаграммы связей.
Mindmeister
![](https://habrastorage.org/storage/3c73ea54/959582d6/c6cbe4b7/8aef7085.jpg)
Очень гибкий инструмент для создания различных диаграмм связей.
MGraph
![](https://habrastorage.org/storage/6a4c78df/e96ed93d/15df76cf/d6ea6684.jpg)
Простенькая тулза для создания диаграмм.
Pareto-Chart
![](https://habrastorage.org/storage/2cd35e26/48eb15fa/f6ddff9d/cc568db5.jpg)
Онлайн генератор графиков, поддерживает семь начальных инструментов бесплатно.
Rich Chart Live
![](https://habrastorage.org/storage/d05230bb/148d0e48/2b38d52f/1d5930b4.jpg)
Бесплатный сервис, поддерживает различные диаграммы, графики и т.д. Работает на Flash.
WebSequenceDiagrams
![image](https://habrastorage.org/storage/habraeffect/88/c1/88c109238e72836cb3baabe127663c4c.png)
Сервис для создания схем. Ключевая особенность — описание схем на неком подобии языка программирования.
SimpleSeating
![](https://habrastorage.org/storage/a0657030/f4076054/b8bf9ba6/6eae3089.jpg)
Отличный сервис для анализа различной информации.
Smartchart
![](https://habrastorage.org/storage/207e5ece/13528564/f98ac23a/74059cac.jpg)
Сервис для различного рода планирования, также поддерживает диаграммы, бесплатен.
Statistics Toolbox
![](https://habrastorage.org/storage/daa66faa/91ad4de8/1be5ca2b/84098826.jpg)
Мощный инструмент для статистического моделирования и анализа. Позиционируется для изучения статистики на практике.
Track-n-graph
![](https://habrastorage.org/storage/112bbbe7/afedab8e/ec33415a/5c633aad.jpg)
Простенький, но приятный на вид сервис для построения графиков.
Библиотеки, плагины, инструментарии для разработчика
Plotr
![](https://habrastorage.org/storage/ac18eade/3d96b6b6/731093bc/5b4b4916.jpg)
Легкий фреймворк для рисования простых графиков и диаграмм. Не использует Flash, и не поддерживает интерактивных элементов.
PlotKit
![](https://habrastorage.org/storage/92a822ae/608c5575/595d624e/3ab854b7.jpg)
Библиотека для построения графиков на JavaScript, поддерживает HTML Canvas.
jqPlot
![](https://habrastorage.org/storage/abcceca5/67ee85ef/ce8cf932/306ce468.jpg)
Open Source плагин для библиотеки jQuery. Поддерживает всевозможные линии и типы графиков.
Google Charts
![](https://habrastorage.org/storage/6b461075/c086d6cb/987c69d3/d477e554.gif)
Разнообразный набор инструментов для создания диаграмм и графиков, включая библиотеку на JavaScript.
Highcharts
![](https://habrastorage.org/storage/a0434b35/ac88d2fb/a123d242/ffbfc0df.png)
Библиотека на JavaScript, предназначенная для создания интерактивных графиков и диаграмм.
Dygraphs
![](https://habrastorage.org/storage/9f34568c/a229f86b/89e49e02/11339fa7.png)
Еще одна библиотека на JavaScript, Open Source.
Protovis
![image](https://habrastorage.org/storage/habraeffect/7e/3b/7e3b068432def207ffe6c1366a362df4.png)
Использует JavaScript и SVG для нативной визуализации.
jQuery Sparklines
![](https://habrastorage.org/storage/1227f64c/9af6915c/92be4216/4c4c5b09.png)
Плагин для jQuery, генерирующий inline-схемы и графики.
jpGraph
![](https://habrastorage.org/storage/23febbbf/0c9d8041/8558eaee/83bd39c0.png)
Мощная библиотека, которая использует для отображения PHP.
Flot
![image](https://habrastorage.org/storage/habraeffect/45/df/45dfac003665f2c8d5c9f48ef8b7f20d.png)
jQuery плагин для построения графиков. На лету формирует графики по наборам данных.
JavaScript Diagram Builder
![image](https://habrastorage.org/storage/habraeffect/d4/df/d4df6203efef7f18d648f223fb8f9e5b.png)
Простая библиотека для JavaScript, позволяет рисовать графики на веб-страницах.
gRaphael
![](https://habrastorage.org/storage/e235eb2d/06932ef4/6c6cd798/2056df8e.png)
JavaScript библиотека для внедрения графиков и схем на веб-страницу.
pChart
![](https://habrastorage.org/storage/61f9ec16/a45c8668/9a7cb78d/2be9e5e0.png)
Полностью бесплатный php-фреймворк.
FusionCharts
![](https://habrastorage.org/storage/62d2bd9b/1dac3aae/90cd68e4/3c430507.jpg)
Доступен для множества платформ. Возможна интеграция с ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails и т.д. Есть flash и HTML5 продукты.
Кому интересно, большая часть подборки взята отсюда.
Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.