Шрифт
Цвета
Изображения
Выключить
arrow_upward
Версия для слабовидящих людей remove_red_eye
menu
Решаем вместе
Есть предложения по организации учебного процесса или знаете, как сделать школу лучше?

15 качественных ресурсов и инструментов для создания визуализации, графиков и диаграмм

Изображение к новости

Графики и таблицы − верное средство для представления данных в удобном для изучения виде. Ниже представлена подборка из 15 библиотек для создания различных форматов визуализации с использованием программного языка Javascript.

Sigma.js

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

BonsaiJS

BonsaiJS

BONSAIJS

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

Сайт BonsaiJS

Chart.js

Chart.js

CHART.JS

Chart.js использует Javascript и HTML5 Canvas для построения гистограмм и различных типов диаграмм: круговых, полярных, кольцевых и др. Одно из преимуществ Chaart.js − дизайнерское оформление и возможность использования анимационных эффектов.

Aristochart

Aristochart

ARISTOCHART

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

Сайт Aristochart

JS Charts

JS Charts

JS CHARTS

JS Сharts − генераторов графиков и схем, не требующий больших знаний в программировании, каких-либо плагинов или серверных модулей. JS Сharts позволяет создавать схемы на основе различных шаблонов, таких как столбцы, круговые диаграммы и простые линии. Библиотека совместима с большинством веб-браузеров.

Сайт JS Charts

Highcharts JS

Highcharts JS

HIGHCHARTS JS

Библиотека Highcharts JS позволяет легко добавлять интерактивные и анимированные графики на сайт или в веб-приложения. Поддерживается множество видов диаграмм: линейные, круговые, колонные рассеивающие и др. Программа работает со всеми популярными видами браузеров, включая Safari и iPhone.

Flot

Flot

FLOT

Flot − Javascript-библиотека, позволяющая быстро создавать динамические графики, совместимые с любыми браузерами и операционными системами. Для использования Flot потребуется библиотека jQuery.

AwesomeChartJS

AwesomeChartJS

AWESOMECHARTJS

AwesomeChartJs − простая в использовании Java-sript библиотека, с помощью которой можно быстро создать следующие виды графиков: вертикальные и горизонтальные столбцы, линейно-столбцовые графики, круговые, круговые раздвижные и кольцевые диаграммы. Настройки внешнего вида сильно ограничены.

Сайт AwesomeChartJs

FusionCharts

FusionCharts

FUSIONCHARTS

FusionCharts − пакет построения диаграмм с открытым исходным кодом для построения flash-графиков, предназначенных для визуализации данных в приложениях и презентациях. Дополнительные возможности FusionCharts открываются после оплаты.

Сайт FusionCharts

JSXGraph

JSXGraph

JSXGRAPH

JSXGraph − разработанная в Байротском Университете библиотека, используемая для отображения геометрических чертежей в веб-браузере.

  • Подробнее об использовании JSXGraph в обзоре Хабрахабр
  • Сайт JSXGraph

Arbor.js

Arbor.JS

ARBOR.JS

Arbor.js использует библиотеку jQuery для рисования графов прямо в браузере.

Micropolar

Micropolar

MICROPOLAR

Micropolar − минималистичная библиотека, интегрированная с D3.js и предназначенная для построения графиков в полярных системах координат.

Сайт Micropolar

Morris.js

Morris.js

MORRIS.JS

Morris − библиотека с открытым исходным кодом, с помощью которой можно строить графики на простой сетке горизонтальных линий. Для работы с Morris потребуются библиотеки jQuery и Raphaël.

Dygraphs

Dygraphs

DYGRAPHS

Dygraphs − еще одна библиотека с открытым кодом, предназначенная для рисования временных рядов. Графикам можно добавлять элементы интерактивности.

Сайт Dygraphs

jFreeChart

jFreeChart

JFREECHART

jFreeChart − на 100% бесплатная библиотека c открытым кодом, позволяющая создавать графики для приложений. Программа поддерживает широкий спектр типов диаграмм и многие типы выходных форматов.