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

Sigma.js
Sigma.js
Гра­фи­ки и таб­ли­цы − вер­ное сред­ство для пред­став­ле­ния дан­ных в удоб­ном для изу­че­ния виде. Ниже пред­став­ле­на под­бор­ка из 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 откры­тым кодом, поз­во­ля­ю­щая созда­вать гра­фи­ки для при­ло­же­ний. Про­грам­ма под­дер­жи­ва­ет широ­кий спектр типов диа­грамм и мно­гие типы выход­ных фор­ма­тов.