Π Π°Π·Π½ΠΎΠ΅

Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ jquery: 11 Π»ΡƒΡ‡ΡˆΠΈΡ… jQuery-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для построСния Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ

01.02.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

11 Π»ΡƒΡ‡ΡˆΠΈΡ… jQuery-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для построСния Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ

Если Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ с Π»ΡŽΠ±Ρ‹ΠΌΠΈ Π²ΠΈΠ΄Π°ΠΌΠΈ Π΄Π°Π½Π½Ρ‹Ρ…, Π²Ρ‹ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊΠΈΠΌΠΈ ΠΌΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Ρ†ΠΈΡ„Ρ€Ρ‹. НСпросто ΠΏΡ€ΠΎΠ±Ρ€Π°Ρ‚ΡŒΡΡ Ρ‡Π΅Ρ€Π΅Π· всС эти Ρ†ΠΈΡ„Ρ€Ρ‹ ΠΈ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΎΠ·Π½Π°Ρ‡Π°ΡŽΡ‚. Π­Ρ‚ΠΎ случай, ΠΊΠΎΠ³Π΄Π° визуализация ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ΠΏΠΎΠΌΠΎΡ‰ΡŒ. Визуализация проясняСт Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π»ΠΈΡ†Π°ΠΌ, ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°ΡŽΡ‰ΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ ΠΈΠ·Π²Π»Π΅Ρ‡ΡŒ ΠΈΠ· Π½ΠΈΡ… дСйствСнныС ΠΈΠ΄Π΅ΠΈ.

β€œDataviz” являСтся Π°Π±Π±Ρ€Π΅Π²ΠΈΠ°Ρ‚ΡƒΡ€ΠΎΠΉ β€œΠ²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ данных”, основной Π·Π°Π΄Π°Ρ‡Π΅ΠΉ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ являСтся чСткая ΠΈ эффСктивная ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ статистичСских Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ², Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†.

Как Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ, ΠΌΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ инструмСнты для создания Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈΠ· Π΄Π°Π½Π½Ρ‹Ρ…, обСспСчивая ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π΅ количСство Π΄Π΅Ρ‚Π°Π»Π΅ΠΉ, Π½Π΅ отвлСкая ΠΎΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Ρ‹ Π² Ρ†Π΅Π»ΠΎΠΌ.

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ доступных jQuery ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ dataviz для вашСй Π²Π΅Π±-страницы. Но ΠΊΠ°ΠΊΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹? Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ я Π½Π°Π·Π²Π°Π» своих Ρ„Π°Π²ΠΎΡ€ΠΈΡ‚ΠΎΠ², ΠΈ Π²Ρ‹Π΄Π΅Π»ΠΈΠ» ΠΈΡ… ΡƒΠΌΠ΅ΡΡ‚Π½ΠΎΡΡ‚ΡŒ Π² ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ситуациях. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²Ρ‹ Π½Π΅ ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚Π΅ врСмя ΠΈ усилия Π½Π° поиски, ΠΈ Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ прСдставлСниС Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΡ… возмоТностСй Π²Ρ‹Π±ΠΎΡ€Π°.

1. FusionCharts

Помимо JavaScript Charts, FusionCharts Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΏΠ°ΠΊΠΎΠ²Ρ‹Π²Π°Π΅Ρ‚ всС Π΄ΠΎΠ±Ρ€ΠΎ FusionCharts – смарт-Π΄ΠΈΠ·Π°ΠΉΠ½, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΏΠ»Π°Π²Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΏΠ»Π°Π²Π½ΠΎ Π½Π° всСх Ρ‚ΠΈΠΏΠ°Ρ… устройств, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ПК, Mac, Android устройства, Π° Ρ‚Π°ΠΊΠΆΠ΅ iPads ΠΈ iPhones. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ совмСстим с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Π΄ΠΎ IE6.

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΈΠΌΠ΅Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΌΠΎΡ‰Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ прСдставлСны Π΄Π°Π½Π½Ρ‹ΠΌΠΈ JSON, XML Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ HTML. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½Ρ‹ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ распространСнныС события, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ происходят Π² Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ (здСсь ΠΏΠΎΠ»Π½Ρ‹ΠΉ список), Ρƒ вас Π±ΡƒΠ΄Π΅Ρ‚ большС шансов, Ρ‡Ρ‚ΠΎ ΡΠ»ΡƒΡˆΠ°Ρ‚Π΅Π»ΠΈ выполнят ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ дСйствия.

Π—Π΄Π΅ΡΡŒ ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ΅ руководство ΠΏΠΎ использованию, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ ΠΈ Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ ΠΊΠΎΠ΄Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. ΠžΠ±Ρ€Π°Π·Ρ†Ρ‹ ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈ ΠΊΠΎΠ΄Π° Ρ‚Π°ΠΊΠΆΠ΅ доступны Π½Π° Github.

ЛицСнзия: БСсплатно для нСкоммСрчСских Ρ†Π΅Π»Π΅ΠΉ, ΠΏΠ»Π°Ρ‚Π½ΠΎ для коммСрчСских.

2. Flot

Π’ датском языкС, flot (рифмуСтся с β€œplot”) ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ элСгантный, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ, Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠΉ ΠΈ это ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Flot стрСмится ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ. Они сконцСнтрированы Π½Π° создании простых Π² использовании, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ². Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈ Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ†ΠΈΠΊΠ»ΠΎΠ², ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, взаимодСйствиС с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ ΠΈ автоматичСскоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π”Ρ€ΡƒΠ³ΠΈΠ΅ особСнности Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… осСй, многоярусныС Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ тСкст Ρ€Π΅Π½Π΄Π΅Ρ€ΠΈΠ½Π³Π° с Canvas вмСсто HTML. МногиС Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ доступны ΠΊΠ°ΠΊ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹.

Π•ΡΡ‚ΡŒ ряд Π²ΠΈΠ΄Π΅ΠΎ, Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Flot, ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², ΠΊ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ.

ЛицСнзия: Π‘ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. БСсплатно для Π»ΡŽΠ±Ρ‹Ρ… ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.

3. Highcharts

Highcharts являСтся Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΎΠΉ популярной JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ для построСния Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ. Она Π±Ρ‹Π»Π° Π²Ρ‹ΠΏΡƒΡ‰Π΅Π½Π° Π² 2009 Π³ΠΎΠ΄Ρƒ ΠΈ использованиС Π΄ΠΎ сих ΠΏΠΎΡ€ Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΎΠ±ΠΎΡ€ΠΎΡ‚Ρ‹. Она ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΎΠ±Ρ‰ΠΈΠ΅ схСмы, ΠΊΠ°Ρ€Ρ‚Ρ‹ ΠΈ Π±ΠΈΡ€ΠΆΠ΅Π²Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚Π΅Ρ€ jQuery с Π³Π»Π°Π²Π½ΠΎΠΉ страницы Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ вмСстС с самой Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΎΠΉ Highcharts. Π­Ρ‚ΠΎ позволяСт ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ всС ΠΌΠΎΡ‰Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π±Π΅Π· нСобходимости ΠΈΠΌΠ΅Ρ‚ΡŒ Π΄Π΅Π»ΠΎ с vanilla JavaScript.

Как FusionCharts, ΠΎΠ½Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ (Π² Ρ‚ΠΎΠΌ числС IE6), устройства ΠΈ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹. БообщСство ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Highcharts ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ всС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹Π΅ сообщСством Π½Π° этой страницС. Π•Ρ‰Π΅ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΡ€ΡƒΡ‚ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒΡŽ Highcharts являСтся Π΄Π΅ΠΌΠΎ Ρ€Π°Π·Π΄Π΅Π», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ ΠΎΡ‡Π΅Π½ΡŒ быстро Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ.

ЛицСнзия: БСсплатно для нСкоммСрчСских Ρ†Π΅Π»Π΅ΠΉ, ΠΏΠ»Π°Ρ‚Π½ΠΎ для коммСрчСских.

4. Morris.js

Morris.js это мощная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° с чистым интСрфСйсом. Она основана Π½Π° jQuery ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ RaphaΓ«l JavaScript. Основная Ρ†Π΅Π»ΡŒ Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² прСдоставлСнии красивых Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π’ΠΈΠΏΡ‹ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π»ΠΈΠ½Π΅ΠΉΠ½ΡƒΡŽ, Π±Ρ€ΡƒΡΠΊΠΎΠ²ΡƒΡŽ, Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ с областями ΠΈ ΠΊΠΎΠ»ΡŒΡ†Π΅Π²ΡƒΡŽ. Π’ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ Π΅ΡΡ‚ΡŒ нСсколько ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·Π³Π»ΡΠ½ΡƒΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΠ΄Π°, ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΊΠ°ΠΆΡƒΡ‚, ΠΊΠ°ΠΊ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΌΠΈΠ½ΡƒΡ‚.

ЛицСнзия: УпрощСнная лицСнзия BSD.

5. CanvasJS jQuery

CanvasJS jQuery – jQuery ΠΏΠ»Π°Π³ΠΈΠ½ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ поставляСтся с CanvasJS. ΠŸΡ€ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ этого jQuery ΠΏΠ»Π°Π³ΠΈΠ½Π°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ всС стандартныС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ CanvasJS, наряду с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΌ Π½Π°Π±ΠΎΡ€ΠΎΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ динамичСскиС обновлСния, ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, события ΠΈ экспорт Π² Π²ΠΈΠ΄Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ достаточно Ρ…ΠΎΡ€ΠΎΡˆΠΈ для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ… ΠΈ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ ΠΏΠ°ΠΊΠ΅Ρ‚ Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя 24 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, ΠΈ всС ΠΎΠ½ΠΈ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌΠΈ.

Π’ΠΎΡ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ с исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ наглядно Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΡƒΡŽΡ‚ особСнности построСния Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ jQuery UI.

ЛицСнзия: БСсплатно для нСкоммСрчСских Ρ†Π΅Π»Π΅ΠΉ, ΠΏΠ»Π°Ρ‚Π½ΠΎ для коммСрчСских..

6. Cytoscape.js

Cytoscape. js Π½Π΅ ΠΏΠΎΡ…ΠΎΠΆΠ° Π½Π° ΠΎΠ±Ρ‹Ρ‡Π½ΡƒΡŽ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ², Π½ΠΎ ΠΎΠ½Π° достаточно Π²Π½ΡƒΡˆΠΈΡ‚Π΅Π»ΡŒΠ½Π° ΠΈ заслуТиваСт Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π² этот список. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ обсуТдали Π΄ΠΎ сих ΠΏΠΎΡ€, Cytoscape – Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² jQuery (Ρ‚.Π΅. ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈΠ»ΠΈ сСти). Она ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π°, Ссли Π΄Π΅Π»ΠΎ касаСтся прСобразования сырых сСтСвых Π΄Π°Π½Π½Ρ‹Ρ… Π² Π³Ρ€Π°Ρ„Ρ‹ ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ большиС ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ Π΄Π°Π½Π½Ρ‹Ρ…. БовмСстима со всСми соврСмСнными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, CommonJS/NodeJS, jQuery ΠΈ Meteor/Atmosphere. Она Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ сСнсорныС события ΠΈ стандартныС ТСсты. Для Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ списка Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, поТалуйста, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ΡΡŒ ΠΊ страницС Cytoscape.js.

ДокумСнтация Cytoscape.js Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π² сСбя ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, Π΄Π°ΠΆΠ΅ для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… случаСв ΠΈ ΠΏΠΎΠ»Π½Ρ‹ΠΉ Π½Π°Π±ΠΎΡ€ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Ρ… тСстов.

ЛицСнзия: Π‘ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. БСсплатно для всСх ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. (LGPL3+)

7. Peity

Иногда Π½ΡƒΠΆΠ½Ρ‹ просто нСбольшиС Π³Ρ€Π°Ρ„Ρ‹ с вашим ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, Π° Peity являСтся ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для Ρ‚Π°ΠΊΠΈΡ… ситуаций. Она позволяСт с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ нСбольшиС ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ Π΄Π°Π½Π½Ρ‹Ρ… Π² Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅, брусковыС, ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ с ΠΎΠ΄Π½ΠΎΠΉ строкой ΠΊΠΎΠ΄Π°. Они Π² Π²ΠΈΠ΄Π΅ svg ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, совмСстимы с Π»ΡŽΠ±Ρ‹ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌ svg элСмСнт, Π² Ρ‚ΠΎΠΌ числС Chrome, Opera, Firefox, IE9+ ΠΈ Safari. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ динамичСскиС Ρ†Π²Π΅Ρ‚Π°. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚Ρ€Π°Π·ΠΈΡ‚ΡŒ измСнСния Π² Π΄Π°Π½Π½Ρ‹Ρ…. Бобытия Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ. ΠŸΡ€ΠΈΠ»Π°Π³Π°ΡŽΡ‚ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ с Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° страницС Github.

ЛицСнзия: Π‘ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΏΠΎΠ΄ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ MIT.

8. Easy Pie Chart

Говоря ΠΎ простотС ΠΈ эффСктивности, я Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΠΏΠΎΠΌΡΠ½ΡƒΡ‚ΡŒ Easy Pie Chart. Π­Ρ‚ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выполняСт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Ρƒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ – ΠΎΠ½ создаСт простыС ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ элСмСнт canvas, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ эти Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹. Π“Ρ€Π°Ρ„ΠΈΠΊΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, для этого трСбуСтся всСго нСсколько строк ΠΊΠΎΠ΄Π°. Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π² соотвСтствии с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ экрана, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ‡Π΅Ρ‚ΠΊΠΈΠ΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Π΄Π°ΠΆΠ΅ Π½Π° дисплСях retina.

Плагин совмСстим со всСми соврСмСнными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ элСмСнт canvas. На IE 8 ΠΈ Π±ΠΎΠ»Π΅Π΅ старых вСрсиях, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ excanvas. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ интСрСсныС Π΄Π΅ΠΌΠΎ Π½Π° Github.

ЛицСнзия: Π‘ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΏΠΎΠ΄ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ MIT.

9. jqPlot

jqPlot это ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ чистыС клиСнтскиС Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π² Π²Π΅Π±-страницы. jqPlot ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ…Π²Π°ΡΡ‚Π°Ρ‚ΡŒΡΡ сильной β€˜pluggability’ Π·Π°ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‰Π΅ΠΉΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ всС расчСты ΠΈ Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠΈ – Π»ΠΈΠ½ΠΈΠΈ, оси, Ρ‚Π΅Π½ΠΈ, сСтки ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅ – сдСланы с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Ρ… Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€ΠΎΠ². Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π°ΡΡˆΠΈΡ€ΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ возмоТности для ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… событий, добавлСния Π½ΠΎΠ²Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹Π΅ ΡƒΡ€ΠΎΠΊΠΈ использованиС jqPlot доступны здСсь. Π’Π°ΠΊΠΆΠ΅ доступны ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹Ρ… тСстов.

ЛицСнзия: ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Двойная лицСнзия – MIT ΠΈ GPL вСрсия 2.

10. jQuery Sparklines

1436351687jQuery-sparklines

jQuery Sparklines (ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Peity) позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ нСбольшиС встроСнныС Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ нСпосрСдствСнно Π² HTML ΠΈΠ»ΠΈ Ρ‡Π΅Ρ€Π΅Π· встроСнный JavaScript. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ Π²Ρ‹ΡˆΠ΅ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ всСго ΠΎΠ΄Π½Ρƒ строку ΠΊΠΎΠ΄Π°. Π’Π°ΠΌ Π΄Π°ΠΆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΊΠΎΠ΄ ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ. БущСствуСт Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° (ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ β€œΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ Сго”), Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ввСсти Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ сгСнСрированный для вас ΠΊΠΎΠ΄. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ ΠΌΠ΅Ρ‚ΠΊΠΈ Π² спарклайны. Они ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Ρ‹ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ соотвСтствия с вашим тСкстом. Если Π²Π°ΠΌ Π½ΡƒΠΆΠ½Ρ‹ Π°Π½Π½ΠΎΡ‚Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Π²Π°ΠΌ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ², ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΡ‹ рассказывали Π²Ρ‹ΡˆΠ΅.

Π’ случаС Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот ΠΏΠ»Π°Π³ΠΈΠ½, Π΅ΡΡ‚ΡŒ подробная докумСнтация Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ², синтаксиса ΠΈ использования.

ЛицСнзия: Π‘ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. БСсплатно для всСх ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.

11. jQuery.Gantt

Π”ΠΎ сих ΠΏΠΎΡ€ ΠΌΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»ΠΈ ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΏΡ€ΠΈΠ²Ρ‹Ρ‡Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ с сСтСвыми Π³Ρ€Π°Ρ„ΠΈΠΊΠ°ΠΌΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ для встроСнных ΠΌΠΈΠ½ΠΈ-Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ. Но Ссли Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° панСль с функциями управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ, Π²Π°ΠΌ понадобятся Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ Gantt. Плагин jQuery.Gantt позволяСт Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Gantt, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ajax для получСния Π΄Π°Π½Π½Ρ‹Ρ… Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ JSON. Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, поиск, нСсколько Π·Π°Π΄Π°Ρ‡, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ†Π²Π΅Ρ‚Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ Π·Π°Π΄Π°Ρ‡ΠΈ, ΠΌΠ°Ρ€ΠΊΠΈΡ€ΠΎΠ²ΠΊΠ° ΠΏΡ€Π°Π·Π΄Π½ΠΈΠΊΠΎΠ² ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅. Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎΠ± этом ΠΏΠ»Π°Π³ΠΈΠ½Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, которая расскаТСт ΠΎ Π΅Π³ΠΎ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ… ΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Если Π²Π°ΠΌ нравятся Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Gantt, Ρ‚ΠΎ я ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Π²Π°ΠΌ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΡΡ‚Π°Ρ‚ΡŒΡŽ β€œΠ‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ собствСнного Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Gantt с Webix”, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡƒΡŽ Sergey Laptick, ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Gantt, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ Webix Π² сочСтании с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ JavaScript Gantt, Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΉ dhtmlxGantt. Π•Π΅ стоит ΠΏΡ€ΠΎΡ‡Π΅ΡΡ‚ΡŒ.

ЛицСнзия: ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ. Двойная лицСнзия – MIT ΠΈ GPL.

Π’Ρ‹Π²ΠΎΠ΄Ρ‹

Бписок ΠΌΠΎΠΈΡ… Π»ΡŽΠ±ΠΈΠΌΡ‹Ρ… jQuery-Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ для построСния Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² – ΠΏΠΎ ΠΊΡ€Π°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅Ρ€Π΅, Ρ‚Π΅Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я использовал – подошСл ΠΊ ΠΊΠΎΠ½Ρ†Ρƒ. Они ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ ΠΏΠΎΡ‡Ρ‚ΠΈ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ‚ΠΈΠΏ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΈ настройки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ.

Высоких конвСрсий!

14-03-2016

jQuery UI β€” ΠΊΠ½ΠΎΠΏΠΊΠΈ, мСню, Π΄ΠΈΠ°Π»ΠΎΠ³, slider, spinner ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π­Ρ„Π΅ΠΊΡ‚Ρ‹: растягиваниС, пСрСтаскиваниС ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ°, тСстированиС

β†’

jQuery UI β€” ΠΊΠ½ΠΎΠΏΠΊΠΈ, мСню, Π΄ΠΈΠ°Π»ΠΎΠ³, slider, spinner ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π­Ρ„Π΅ΠΊΡ‚Ρ‹: растягиваниС, пСрСтаскиваниС ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅

jQuery UI β€” ΠΊΠ½ΠΎΠΏΠΊΠΈ, мСню, Π΄ΠΈΠ°Π»ΠΎΠ³, slider, spinner ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π­Ρ„Π΅ΠΊΡ‚Ρ‹: растягиваниС, пСрСтаскиваниС ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅

Interactions (взаимодСйствиС)

WWW сайты для изучСния JQuery UI

Π’Π°ΡˆΠΈ ΠžΡ‚Π·Ρ‹Π²Ρ‹ … коммСнтарии…

 

 

ОбъявлСния   Π―Π·Ρ‹ΠΊΠΈ программирования ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅  

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ (ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ срСды для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ IDE)

Microsoft Visual Studio (срСда Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ для написания ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Π½Π° C#, Π‘++, Javascript, ASP. NET ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ)

Visual Studio Code (Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π° для написания ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ Π½Π° JavaScript, Perl, Python, Java, C#)


HTML


Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Π°Ρ Ρ€Π΅ΠΊΠ»Π°ΠΌΠ° Π² HTML (animate banner)

Google Web Designer β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ для создания Ρ€Π΅ΠΊΠ»Π°ΠΌΡ‹, animate banner ΠΈ Ρ‚.Π΄. Π² Π²ΠΈΠ΄Π΅ HTML страницы, ΠΈ Π² Π²ΠΈΠ΄Π΅ HTML AMP страниц (ускорСнныС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ страницы)


WEB сайт


Javascript, TypeScript


Кнопки, тСкстовыС поля ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ элСмСнты Π½Π° WEB страницС

jQuery UI β€” ΠΊΠ½ΠΎΠΏΠΊΠΈ, мСню, Π΄ΠΈΠ°Π»ΠΎΠ³, slider, spinner ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅. Π­Ρ„Π΅ΠΊΡ‚Ρ‹: растягиваниС, пСрСтаскиваниС ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅
Telerik, Kendo UI β€” это элСмСнты: DropDownList, ComboBox, AutoComplete, Calendar, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ тСкста, excell, chart ΠΈ Ρ‚Π°ΠΊ Π΄Π°Π»Π΅Π΅

JavaScript Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

RxJs (это Ρ€Π΅Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π² основном ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π² Angular)


JavaScript Π³Ρ€Π°Ρ„ΠΈΠΊΠ°, анимация для ΠΈΠ³Ρ€

p5.js β€” JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для рисования Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ 2D (рисованиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π»ΠΈΠ½ΠΈΠΉ, Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ), 3D Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (рисования ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹, свСт, тСкстура)

JavaScript ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² (Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ Π² ваш Web ΠΏΡ€ΠΎΠ΅ΠΊΡ‚)

npm β€” это ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ² для Node. js. npm добавляСт JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π² ΠΏΠ°ΠΏΠΊΡƒ node_modules

Webpack β€” это Π‘ΠΠœΠ«Π™ ΠŸΠžΠŸΠ£Π›Π―Π ΠΠ«Π™ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Webpack добавляСт JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π² ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚

Yarn β€” это ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Yarn добавляСт JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π² ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚

Parcel β€” это ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Parcel добавляСт JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π² ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚

Bower β€” это ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Bower добавляСт JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Π² ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚. Bower сСйчас НЕ ΠŸΠžΠ”Π”Π•Π Π–Π˜Π’ΠΠ•Π’Π‘Π― (Π½Π΅ добавляСт Π½ΠΎΠ²Ρ‹Ρ… JavaScript Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ)


АвтоматичСскоС Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π·Π°Π΄Π°Ρ‡ Π² вашСм Web ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

Gulp β€” это JavaScript ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для автоматичСского выполнСния Π·Π°Π΄Π°Ρ‡ (объСдинСния Ρ„Π°ΠΉΠ»ΠΎΠ², ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ) Π² вашСм Web ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

Grunt β€” это JavaScript ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для автоматичСского выполнСния Π·Π°Π΄Π°Ρ‡ (объСдинСния Ρ„Π°ΠΉΠ»ΠΎΠ², ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ) Π² вашСм Web ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅


Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ… (My SQL)

MySQL (Π±Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…, server) ΠΈ Workbench (ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с my sql). Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…: Unix, Windows


Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ… (Microsoft SQL Server)

Microsoft SQL Server (Π±Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…, server) ΠΈ SQL Management Studio (ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с sql server). Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Windows

Microsoft SQL (язык запросов Π² Π±Π°Π·Π΅ Π΄Π°Π½Π½Ρ‹Ρ…)


Π‘Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ… (PostgreSQL)

PostgreSQL сСрвСр (Π±Π°Π·Π° Π΄Π°Π½Π½Ρ‹Ρ…) ΠΈ pgAdmin (ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с PostgreSQL сСрвСр). Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°Ρ…: Unix, Windows


Π Π°Π±ΠΎΡ‚Π° с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° C#

ADO.NET (Ρ€Π°Π±ΠΎΡ‚Π° с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° C#)

Entity Framework (EF5, EF6) для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° C#

Entity Framework Core (EF Core) для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Π±Π°Π·ΠΎΠΉ Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° C#


Π Π°Π±ΠΎΡ‚Π° с Redis

Redis


Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, HTTP, TCP, UDP, FTP ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ»Ρ‹


RabbitMQ

RabbitMQ


Microsoft C# ΠΈ . NET


Microsoft Office 365 E3 (Web services)

Microsoft Office 365 E3 (Teams plug-in, SharePoint web api)


Twilio (sms)

Twilio (send sms)


Python

Python


Java ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ (прилоТСния для windows, Π°Π½Π΄Ρ€ΠΎΠΈΠ΄ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ²)


Mobile Development with C++ (Android, iOS)

Mobile Development with C++ (iOS, Android, Windows Phone)


Flutter & Dart

Flutter β€” фрэймворк для создания ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Google


ΠžΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ

Microsoft Azure & Azure DevOps (ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ)

Amazon Web Services (ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ)

Google Cloud Platform (ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ)

Heroku (ΠΎΠ±Π»Π°Ρ‡Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ)


РисуСм Π±Π»ΠΎΠΊ схСмы (Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹) для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹

РисуСм Π±Π»ΠΎΠΊ схСмы (Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹) для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹


РСзюмС (ΠΊΠ°ΠΊ Π½Π°ΠΉΡ‚ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρƒ)

Как Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€Π΅Π·ΡŽΠΌΠ΅, ΠΏΡ€ΠΈΡ‡ΠΈΠ½Ρ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ


АвтоматизированноС тСстированиС

Selenium WebDriver (для Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ тСстирования Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ)


Π Π΅Ρ„Π°ΠΊΡ‚ΠΎΡ€ΠΈΠ½Π³ & ΠŸΠ°Ρ‚Ρ‚Π΅Ρ€Π½Ρ‹


ΠœΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ

Agile, scrum, kanban. ΠœΠ΅Ρ‚ΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π² ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ IT-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌ. Π’ Ρ‡Π΅ΠΌ Ρ€Π°Π·Π½ΠΈΡ†Π°?

ΠŸΡ€Π°Π²ΠΈΠ»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ web ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π² ЯндСкс


Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вСрсиями ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, история ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ²

Svn (ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ вСрсиями ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, история ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Π½Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ²) | TortoiseSVN (Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ с SVN ΠΏΠΎΠ΄ Windows)


ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹

ΠœΠ°Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΠΈΠ΅ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌΡ‹ (пСрСсСчСниС ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊΠΎΠ², массивы, Π³Ρ€Π°Ρ„Ρ‹)


CI/CD

НСпрСрывная интСграция (автоматичСская сборка ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π½Π° ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€) | CI/CD


Docker


Kubernetes

Kubernetes (запуск ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ² Π½Π° Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΌΠ°ΡˆΠΈΠ½Π°Ρ… ΠΈ балансировка Π½Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… машин)


ΠœΠΈΠΊΡ€ΠΎΡΠ»ΡƒΠΆΠ±Ρ‹


Π•Ρ‰Π΅ языки программирования

C++


Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ³Ρ€

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° ΠΈΠ³Ρ€ | для Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² Π½Π° Unity, MonoGame | для Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° Google Chrome Π½Π° JavaScript, HTML | рисуСм Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ



Боздания 2D Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ для ΠΈΠ³Ρ€Ρ‹



Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ для написания ΠΈΠ³Ρ€

SmartFoxServer β€” Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° multiplayer Π½Π° Java, C#, JavaScript, Unity, для Android, iOS

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Β«Google ChromeΒ»


Telegram (мСсСндТСр)

Telegram (мСсСндТСр)


WEB сСрвСр

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ WEB сСрвСр ?


bat Ρ„Π°ΠΉΠ»Ρ‹

. bat Ρ„Π°ΠΉΠ» (командная строка)


.htaccess Π€Π°ΠΉΠ»Ρ‹

.htaccess Ρ„Π°ΠΉΠ» (ΠšΠΎΠΌΠ°Π½Π΄Ρ‹)


Viber

Viber. УстанавливаСм (Π½Π° Windows ΠΈΠ»ΠΈ phone). ΠŸΠ΅Ρ€Π΅Π½ΠΎΡΠΈΠΌ Viber сообщСния ΠΈ Viber Ρ„ΠΎΡ‚ΠΎ.


ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма LINUX

Ubuntu (linux) Virtual Machine on Windows 10

Ubuntu (in console as WSL) on Windows 10


ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма Mac OS

Mac OS Virtual Machine on Windows 10


ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма WINDOWS ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹


ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма ANDRIOD


ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма iOS


ΠšΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Π°Ρ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° (процСссор)

x86 процСссоры

ARM процСссоры


Ноутбук (BIOS)

Π’ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ΅ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ клавиши F1 . .. F2 ΠΊΠ°ΠΊ Π½Π°Π΄ΠΎ. ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ°: я ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Google Chrome ΠΈ наТимаю ΠΊΠ½ΠΎΠΏΠΊΡƒ F5 Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ страницу, Π° Ρƒ мСня Π²ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ подсвСтка ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹.


БыстродСйствиС ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° (процСссора)

Π‘Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅ΠΌ быстродСйствиС ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° (процСссора) Π½Π° сайтС http://userbenchmark.com


Π—Π°Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ (Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΊΠΎΠΌΡƒ Π½ΠΈΠ±ΡƒΠ΄ΡŒ Ρ‡Ρ‚ΠΎ Π½ΠΈΠ±ΡƒΠ΄ΡŒ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ)

TeamViewer (Π·Π°Ρ…ΠΎΠ΄ΠΈΠΌ Π½Π° ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€)


Π“Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ Π²ΠΈΠ΄Π΅ΠΎ


2D графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹


3D графичСскиС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹


Π’ΠΈΠ΄Π΅ΠΎ


Online: просмотр Word Ρ„Π°ΠΉΠ»ΠΎΠ², конвСртация PDF Ρ„Π°ΠΉΠ»ΠΎΠ², распознованиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² тСкст

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Word Ρ„Π°ΠΉΠ»ΠΎΠ² (doc, docx) ΠžΠΠ›ΠΠ™Π

ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Word Ρ„Π°ΠΉΠ»ΠΎΠ² (doc, docx), Adobe (pdf) ΠžΠΠ›ΠΠ™Π


PDF to word, images

Convert PDF to Word (online)

Convert FB2 to PDF (online)


РаспознаваниС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² тСкст

Π Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ (пСрСвСсти) ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² тСкст (ONLINE)


РСгулярныС выраТСния

РСгулярныС выраТСния (ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½)


ΠŸΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ HD Video Box Π² Windows

ΠŸΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ HD Video Box Π² Windows


Как ΠΊΡƒΠΏΠΈΡ‚ΡŒ английскиС ΠΊΠ½ΠΈΠ³ΠΈ ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ?

Как ΠΊΡƒΠΏΠΈΡ‚ΡŒ английскиС ΠΊΠ½ΠΈΠ³ΠΈ ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ

ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ для Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² jQuery β€” Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 1

Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ бСсплатно ΠΊΡ€ΡƒΠ³ΠΎΠ²ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ jQuery, Π»ΠΈΠ½Π΅ΠΉΡ‡Π°Ρ‚ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ, ΠΊΠΎΠ»ΡŒΡ†Π΅Π²ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ, Π»ΠΈΠ½Π΅ΠΉΠ½ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ инструмСнты ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ… Π² нашСм Ρ€Π°Π·Π΄Π΅Π»Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² jQuery. Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 1 .

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 115945 просмотров

OrgChart β€” это простой, Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ Π»Π΅Π³ΠΊΠΎ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ для элСгантного прСдставлСния структуры вашСй ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 100 просмотров

Плагин SkillProgress jQuery ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ выполнСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваши Π½Π°Π²Ρ‹ΠΊΠΈ, ΠΎΠΏΡ‹Ρ‚, Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π΅Ρ‰Π΅, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ с Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 14036 просмотров

Donutty β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ JavaScript/jQuery, которая позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π²Π½ΠΎ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Ρ‹Π΅/ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅/ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈΠ»ΠΈ ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅/Ρ€Π°Π΄ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ выполнСния с использованиСм Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ SVG ΠΈ CSS3.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 597 просмотров

ΠžΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‰ΠΈΠΉ созданиС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ…, настраиваСмых ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Ρ… Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ SVG с использованиСм простого JavaScript, CSS ΠΈ HTML.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 17986 просмотров

ΠœΠΎΡ‰Π½Ρ‹ΠΉ настраиваСмый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π“Π°Π½Ρ‚Π° jQuery, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠΉ динамичСски ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π“Π°Π½Ρ‚Π° для Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ управлСния ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°ΠΌΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 303 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ‚ΠΎΡ€ Ρ„Ρ€Π°ΠΊΡ†ΠΈΠΉ Π½Π° основС jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ рисуСт Π΄Ρ€ΠΎΠ±ΡŒ Π² Π²ΠΈΠ΄Π΅ Π·Π°ΠΊΡ€Π°ΡˆΠ΅Π½Π½Ρ‹Ρ… ΠΊΡ€ΡƒΠ³ΠΎΠ², ΠΊΠ°ΠΊ Π½Π° ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ΅.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 479 просмотров

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ jQuery ΠΈ HTML/CSS для создания ΠΏΠΎΠ»ΠΈΠ»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠΉ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹, Π³Π΄Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ событиями ΠΈ дСталями событий, щСлкая Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹ Π² полигональной Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠ΅.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 3206 просмотров

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для отобраТСния Π²Π°ΡˆΠΈΡ… числовых Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π² Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… гистограммах с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ, описаниями, ΠΌΠ΅Ρ‚ΠΊΠ°ΠΌΠΈ, Π»Π΅Π³Π΅Π½Π΄Π°ΠΌΠΈ, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ сСток ΠΏΠΎ осям x/y.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 571 просмотров

Π‘ΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ barChat, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹Ρ… ΠΈΠ»ΠΈ слоТСнных Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… гистограмм ΠΈΠ· Π½Π°Π±ΠΎΡ€ΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ…, ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… Π² массивС JS.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 1603 просмотров

ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ, Π³ΠΈΠ±ΠΊΠΈΠΉ, прогрСссивный ΠΏΠ»Π°Π³ΠΈΠ½ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ для отобраТСния событий вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° Π² хронологичСском порядкС.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 613 просмотров

Адаптивный ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ гистограмм (столбцов) jQuery для рисования гистограмм с ΠΎΠ΄Π½ΠΎΠΉ гистограммой ΠΈΠ»ΠΈ гистограмм с Π½Π°ΠΊΠΎΠΏΠ»Π΅Π½ΠΈΠ΅ΠΌ Π½Π° страницС.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 950 просмотров

ΠœΠΎΡ‰Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ динамичСскиС, ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅, пСрСтаскиваСмыС Π²Π΅ΠΊΡ‚ΠΎΡ€Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ с бСсконСчным ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ JavaScript ΠΈ холст HTML5.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 8388 просмотров

rProgressbar β€” кросс-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΉ, простой Π² использовании ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π»ΠΈΠ½Π΅ΠΉΠ½ΠΎΠ³ΠΎ прогрСсса jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ, Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Π΅ΠΌΡƒΡŽ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΡƒΡŽ полосу Π½Π° основС ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠ³ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 458 просмотров

ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Ρ‚Π΅ΠΏΠ»ΠΎΠ²ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚Ρ‹ jQuery для форматирования элСмСнтов HTML (Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ячСйки Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ ΠΈ элСмСнты списка) с Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ΠΎΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠ² Π½Π° основС вычислСнного значСния числовых Π΄Π°Π½Π½Ρ‹Ρ….

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 647 просмотров

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ простой способ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ Π΄Π°Π½Π½Ρ‹Ρ…, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠΎΠ»ΡŒΡ†Π΅Π²ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ с jQuery ΠΈ D3. js.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 958 просмотров

ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для создания ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса Tone Curve, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Photoshop ΠΈ Lightroom, Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΠΈ Π² Π·Π°Π΄Π°Π½Π½ΠΎΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания ΠΌΡ‹ΡˆΡŒΡŽ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 210 просмотров

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ быстрый ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅, ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΡ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ матСматичСских Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ прСдоставляСтС.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 290 просмотров

Π₯ΠΎΡ€ΠΎΡˆΠΎ написанный, Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΠΉ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π±Π°Ρ€ΠΎΠ² для создания Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠ³ΠΎ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Π°.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 9591 просмотров

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript, которая обСспСчиваСт простой способ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ настраиваСмого, ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ, ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€Π° Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ Π“Π°Π½Ρ‚Π° для планирования Π²Π°ΡˆΠΈΡ… Π·Π°Π΄Π°Ρ‡ Π² вашСм соврСмСнном Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 2361 просмотров

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π² использовании ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰ΠΈΠΉ SVG ΠΈ JavaScript для отобраТСния Π½Π° страницС настраиваСмых Π°Π½Π°Π»ΠΎΠ³ΠΎΠ²Ρ‹Ρ… ΠΈΠ»ΠΈ Ρ†ΠΈΡ„Ρ€ΠΎΠ²Ρ‹Ρ… Π΄Π°Ρ‚Ρ‡ΠΈΠΊΠΎΠ².

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ
  • ПослСдниС

25 Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² jQuery

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ бСсплатных ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ² ΠΊΠΎΠ΄Π° Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² jQuery ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΎΡ‚ Codepen ΠΈ Github. ОбновлСниС Π΄Π΅ΠΊΠ°Π±Ρ€ΡŒΡΠΊΠΎΠΉ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ 2020 Π³ΠΎΠ΄Π°. 1 Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚.

  1. Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ CSS
  2. ΠšΠ°Ρ€Ρ‚Ρ‹ ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΏΠΎΠΏΡƒΡ‚Π½ΠΎΠ³ΠΎ Π²Π΅Ρ‚Ρ€Π°
О кодС

ΠΏΠΎΠ½Ρ‡ΠΈΠΊ.js

Плагин jQuery для Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ Π³Ρ€Π°Ρ„Π° ΠΏΠΎΠ½Ρ‡ΠΈΠΊΠΎΠ² с D3js.

БовмСстимыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹: Chrome, Edge, Firefox, Opera, Safari

ΠžΡ‚Π²Π΅Ρ‚: Π΄Π°

Зависимости: donutgraph.js, d3.js

О кодС

ΠšΡ€ΡƒΠ³ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°

БовмСстимыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹: Chrome, Edge, Firefox, Opera, Safari

ΠžΡ‚Π²Π΅Ρ‚: Π΄Π°

Зависимости: β€”

О кодС

ΠŸΠΎΠ½Ρ‡ΠΈΠΊ Π² 2D: ГалСрСя Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ

Π Π°Π·Π½ΠΎΠ²ΠΈΠ΄Π½ΠΎΡΡ‚ΡŒ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, двумСрная ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Π°Ρ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° с пустым пространством Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ для отобраТСния ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ….

БовмСстимыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹: Chrome, Edge, Firefox, Opera, Safari

ΠžΡ‚Π²Π΅Ρ‚: Π΄Π°

Зависимости: fusioncharts.js, fusioncharts.theme. fusion.js, fusioncharts.jqueryplugin.js

О плагинС

Π€Π»ΠΎΡ‚

Flot β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° построСния Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ² Π½Π° чистом JavaScript для jQuery с ΡƒΠΏΠΎΡ€ΠΎΠΌ Π½Π° простоту использования, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ внСшний Π²ΠΈΠ΄ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ.

О плагинС

ΠŸΠΈΡ‚ΠΈ

Peity (Π·Π²ΡƒΡ‡ΠΈΡ‚ ΠΊΠ°ΠΊ боТСство) β€” это ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ содСрТимоС элСмСнта Π² ΠΌΠΈΠ½ΠΈ-9.0317 svg круговая, ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Π°Ρ, линСйная ΠΈΠ»ΠΈ гистограмма.

О плагинС

Cytoscape.js

Cytoscape.js β€” ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Π³Ρ€Π°Ρ„ΠΎΠ². Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ/ΠΈΠ»ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ рСляционныС Π΄Π°Π½Π½Ρ‹Π΅, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ биологичСскиС Π΄Π°Π½Π½Ρ‹Π΅ ΠΈΠ»ΠΈ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ сСти? Если Π΄Π°, Ρ‚ΠΎ Cytoscape.js β€” это ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.
Cytoscape.js содСрТит модСль Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Π³Ρ€Π°Ρ„ΠΎΠ² ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ для отобраТСния ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠ². Π­Ρ‚Π° Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π±Ρ‹Π»Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ программистам ΠΈ ΡƒΡ‡Π΅Π½Ρ‹ΠΌ использованиС Ρ‚Π΅ΠΎΡ€ΠΈΠΈ Π³Ρ€Π°Ρ„ΠΎΠ² Π² своих прилоТСниях, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ Π°Π½Π°Π»ΠΈΠ· Π½Π° сторонС сСрвСра Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Node. js ΠΈΠ»ΠΈ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс.

О плагинС

Ось

Arbor β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π³Ρ€Π°Ρ„ΠΎΠ², созданная с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Π΅Π±-Π²ΠΎΡ€ΠΊΠ΅Ρ€ΠΎΠ² ΠΈ jQuery. ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π±Ρ‹Ρ‚ΡŒ Π²ΡΠ΅ΠΎΠ±ΡŠΠ΅ΠΌΠ»ΡŽΡ‰Π΅ΠΉ структурой, arbor прСдоставляСт эффСктивный, ΠΏΡ€ΠΈΠ½ΡƒΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ управляСмый Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ абстракции для ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Π³Ρ€Π°Ρ„Π° ΠΈ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ обновлСния экрана.
Π­Ρ‚ΠΎ оставляСт фактичСскоС рисованиС экрана Π²Π°ΠΌ. Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ с элСмСнтами canvas, SVG ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ с ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌΠΈ элСмСнтами HTML; любой ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для вашСго ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° ΠΈ Π²Π°ΡˆΠΈΡ… потрСбностСй Π² ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.
Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΠΎΠ΄, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΏΠΈΡˆΠ΅Ρ‚Π΅ с Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ, ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ сосрСдоточСн Π½Π° Π²Π΅Ρ‰Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ β€” Π΄Π°Π½Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ ваш Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ β€” вмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° физичСскиС матСматичСскиС расчСты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹.

О плагинС

Π‘ΠΏΠ°Ρ€ΠΊΠ»Π°ΠΉΠ½Ρ‹ jQuery

Π­Ρ‚ΠΎΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery позволяСт Π»Π΅Π³ΠΊΠΎ Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ряд Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠΎΠ² спарклайнов нСпосрСдствСнно Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΎΠ½Π»Π°ΠΉΠ½ Π΄Π²Π΅ строки HTML ΠΈ Javascript.

О плагинС

ΠžΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ схСма

Π­Ρ‚ΠΎ простой ΠΈ понятный ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹. Π’ любоС врСмя, ΠΊΠΎΠ³Π΄Π° Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° дрСвовидная Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒΡΡ ΠΊ OrgChart.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΊΠ°ΠΊ Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹Π΅, Ρ‚Π°ΠΊ ΠΈ ΡƒΠ΄Π°Π»Π΅Π½Π½Ρ‹Π΅ Π΄Π°Π½Π½Ρ‹Π΅ (JSON)
  • ΠŸΠ»Π°Π²Π½Ρ‹Π΅ эффСкты развСртывания/свСртывания Π½Π° основС ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠ² CSS3
  • ВыровняйтС Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ ΠΏΠΎ 4 направлСниям
  • ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ структуру ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΏΡƒΡ‚Π΅ΠΌ пСрСтаскивания ΡƒΠ·Π»ΠΎΠ²
  • ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ динамичСски Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡ‚ΡŒ ΠΎΠΊΠΎΠ½Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ΅Ρ€Π°Ρ€Ρ…ΠΈΡŽ ΠΊΠ°ΠΊ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ JSON
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ экспорт Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π² Π²ΠΈΠ΄Π΅ изобраТСния ΠΈΠ»ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PDF
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅
  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ нСсколько Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ для создания ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΉ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ схСмы (см. Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΎ многослойных ΠΈΠ»ΠΈ Π³ΠΈΠ±Ρ€ΠΈΠ΄Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚Π°Ρ…)
  • Плагин с сСнсорным экраном для мобильного устройства
О плагинС

jOrgChart

jQuery OrgChart β€” это ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ структуры с Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΌΠΈ элСмСнтами Π² Π»Π΅Π³ΠΊΠΎ Ρ‡ΠΈΡ‚Π°Π΅ΠΌΡƒΡŽ Π΄Ρ€Π΅Π²ΠΎΠ²ΠΈΠ΄Π½ΡƒΡŽ структуру. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΄Π΅Ρ€Π΅Π²ΠΎ, всС, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ, это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ однострочный Π²Ρ‹Π·ΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€ элСмСнта HTML для Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ элСмСнта нСупорядочСнного списка, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдставляСт Π΄Π°Π½Π½Ρ‹Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ. Если пСрСтаскиваниС Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΎ, Π²Ρ‹ смоТСтС ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ порядок Π΄Π΅Ρ€Π΅Π²Π°, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ Π±Π°Π·ΠΎΠ²ΡƒΡŽ структуру списка.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • ΠžΡ‡Π΅Π½ΡŒ прост Π² использовании, учитывая Π²Π»ΠΎΠΆΠ΅Π½Π½Ρ‹ΠΉ элСмСнт нСупорядочСнного списка
  • Ѐункция пСрСтаскивания позволяСт ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ порядок Π΄Π΅Ρ€Π΅Π²Π° ΠΈ Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΉ Π² Π΅Π³ΠΎ основС структуры ul
  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅/скрытиС ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠΉ Π²Π΅Ρ‚Π²ΠΈ Π΄Π΅Ρ€Π΅Π²Π° ΠΏΠΎ Ρ‰Π΅Π»Ρ‡ΠΊΡƒ Π½Π° ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΌ ΡƒΠ·Π»Π΅
  • Π£Π·Π»Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ любоС количСство HTML, ΠΊΡ€ΠΎΠΌΠ΅ li ΠΈ ul
  • ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΡΡ‚ΠΈΠ»ΡŒ
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€Π΅Π²ΡŒΡ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒΡΡ свСрнутыми, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΠΎΡ‡Π΅Π½ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π΄Π΅Ρ€Π΅Π²ΡŒΠ΅Π²
О плагинС

Плагин jQuery Circliful

Плагин jQuery для статистики ΠΊΡ€ΡƒΠ³ΠΎΠ².

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΊΠ°ΠΊ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΡƒΡŽ статистику, изобраТСния Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ
  • Π½Π° основС SVG ΠΈ jquery
  • ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠΏΡ†ΠΈΠΉ
  • ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ
О плагинС

jQuery.ganttView

Плагин jQuery.ganttView β€” это ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для создания Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ Π“Π°Π½Ρ‚Π° Π² простом HTML… Π±Π΅Π· Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Плагин ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ пСрСтаскиваниС ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π±Π»ΠΎΠΊΠΎΠ² Π“Π°Π½Ρ‚Π° ΠΈ ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Ρ… Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² для Π·Π°Ρ…Π²Π°Ρ‚Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ….

О плагинС

Π‘Ρ…Π΅ΠΌΡ‹ ΠΏΠΈΡ€ΠΎΠ³ΠΎΠ² с ΠΏΠΈΡ†Ρ†Π΅ΠΉ

Pizza β€” это адаптивная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для построСния ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Ρ…, ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Ρ‹Ρ…, столбчатых ΠΈ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ, основанная Π½Π° Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠ΅ Snap SVG ΠΎΡ‚ Adobe. Он ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° ΠΏΡ€ΠΎΡΡ‚ΡƒΡŽ ΠΈΠ½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΈ CSS вмСсто ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² JavaScript, хотя Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ JavaScript Π² Pizza.

О плагинС

Визуализация jQuery

HTML5 холст Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, управляСмыС элСмСнтами Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ HTML .

О плагинС

HighChartTable

Плагин

jQuery для прСобразования Ρ‚Π°Π±Π»ΠΈΡ† HTML Π² Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ HighCharts.

О плагинС

jQuery. Π‘Π»ΠΎΠΊ-схСма

jquery.flowchart.js β€” это ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ui с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊ-схСмы.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • Π‘Π»ΠΎΠΊΠΈ рисования (Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Π°ΠΌΠΈ) ΠΈ соСдинСния ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ
  • ΠŸΡ€Π΅Π΄ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½Ρ‹ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌΡƒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊ-схСму ΠΏΡƒΡ‚Π΅ΠΌ добавлСния/пСрСмСщСния/удалСния ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ², создания/удалСния связСй ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ
  • Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ/Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊ-схСму.
  • ΠžΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€Ρ‹ ΠΈ ссылки ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΏΠ»Π°Π³ΠΈΠ½Π°
  • НСкоторыС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠ°Π½ΠΎΡ€Π°ΠΌΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠΏΠ΅Ρ€Π°Ρ‚ΠΎΡ€ΠΎΠ² с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания
О плагинС

jQuery.Graphviz.SVG

Плагин

jQuery, Π΄Π΅Π»Π°ΡŽΡ‰ΠΈΠΉ Π²Ρ‹Π²ΠΎΠ΄ Graphviz SVG Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΈ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • ΠŸΠΎΠ΄ΡΠ²Π΅Ρ‚ΠΊΠ° ΡƒΠ·Π»ΠΎΠ²/Ρ€Π΅Π±Π΅Ρ€
  • Π£Π²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅/ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅
  • Навигация ΠΏΠΎ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ β€” Π²Ρ‹Π±ΠΎΡ€ связанных ΡƒΠ·Π»ΠΎΠ²
  • ΠŸΡ€ΠΈΡ‡ΡƒΠ΄Π»ΠΈΠ²Ρ‹Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса; Π½Π°Ρ‡Π°Π»ΡŒΠ½Π°Ρ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° поддСрТиваСтся ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ
  • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²ΠΏΠ΅Ρ€Π΅Π΄/Π½Π°Π·Π°Π΄ ΠΏΠΎ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ
О плагинС

Π§Π°Ρ€Ρ‚ΠΈΠ½Π°Ρ‚ΠΎΡ€

Плагин jQuery для прСобразования Ρ‚Π°Π±Π»ΠΈΡ† HTML Π² Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Google Charts.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ всСх Ρ‚ΠΈΠΏΠΎΠ² Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Google Charts β€” посСтитС https://developers.google.com/chart/interactive/docs/gallery
  • Π˜Π·Π²Π»Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ· Ρ‚Π°Π±Π»ΠΈΡ† HTML, элСктронных Ρ‚Π°Π±Π»ΠΈΡ† Google ΠΈ массивов JavaScript
  • ДоступныС Π΄Π°Π½Π½Ρ‹Π΅ β€” использованиС HTML-Ρ‚Π°Π±Π»ΠΈΡ† Π² качСствС источников Π΄Π°Π½Π½Ρ‹Ρ… Π΄Π΅Π»Π°Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹Π΅ доступными для ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ чтСния с экрана ΠΈ поисковых Ρ€ΠΎΠ±ΠΎΡ‚ΠΎΠ²
  • ГСнСрация HTML-Ρ‚Π°Π±Π»ΠΈΡ† ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… источников Π΄Π°Π½Π½Ρ‹Ρ… β€” Π΄Π΅Π»Π°Π΅Ρ‚ доступными Π΄Π°Π½Π½Ρ‹Π΅, ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΈΠ· массивов JS ΠΈ Google Sheets
  • ДоступноС ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ скрытиС HTML-Ρ‚Π°Π±Π»ΠΈΡ†
  • ΠœΠ°Π½ΠΈΠΏΡƒΠ»ΡΡ†ΠΈΠΈ с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ, ΠΈΠ·Π²Π»Π΅Ρ‡Π΅Π½Π½Ρ‹ΠΌΠΈ ΠΈΠ· Ρ‚Π°Π±Π»ΠΈΡ† HTML ΠΈ Google Sheets, с использованиСм массивов JavaScript
  • ВранспонированиС Π΄Π°Π½Π½Ρ‹Ρ… β€” Π·Π°ΠΌΠ΅Π½Π° строк ΠΈ столбцов мСстами
  • ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° экрана β€” Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½
  • Π£ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ΠΌ сторон Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹
  • Π₯удоТСствСнноС Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ β€” ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ смСщСниС Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ β€” ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для уточнСния области, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠΉ Π² geoCharts
  • Настройка Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок ΠΈ Π°Π½Π½ΠΎΡ‚Π°Ρ†ΠΈΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹
  • Настройка всСх ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Google Chart β€” ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹, Ρ†Π²Π΅Ρ‚Π°, Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ Ρ‚. Π΄.
  • Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² событий Google Chart β€” ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ событий ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ Π² ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Π°Ρ…
О плагинС

ZingChart jQuery

ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ ZingChart ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ jQuery. Π‘ΠΎΠ»Π΅Π΅ 35 Ρ‚ΠΈΠΏΠΎΠ² Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.

О плагинС

Ивис

IVIS β€” это Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ для ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ, основанный Π½Π° jQuery ΠΈ HighCharts. Π’ΠΈΠΏΡ‹ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Ρ‚ΠΎΡ‡Π΅Ρ‡Π½Ρ‹Π΅/Ρ‚ΠΎΡ‡Π΅Ρ‡Π½Ρ‹Π΅, Π΄Π²ΡƒΠΌΠ΅Ρ€Π½Ρ‹Π΅ Ρ‚ΠΎΡ‡Π΅Ρ‡Π½Ρ‹Π΅, Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅, гистограммы/столбцы, ΠΊΡ€ΡƒΠ³ΠΎΠ²ΡƒΡŽ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Ρ‚Π΅ΠΏΠ»ΠΎΠ²ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚Ρƒ. Π­Ρ‚ΠΎ ΠΌΠΎΡ‰Π½ΠΎ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π½Π°Π±ΠΎΡ€ΠΎΠ² Π΄Π°Π½Π½Ρ‹Ρ….

О плагинС

IguanaΠ”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°

IguanaCharts β€” это Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π±ΠΈΡ€ΠΆΠ΅Π²Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ HTML5 jQuery.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ
  • ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° истории Π³Ρ€Π°Ρ„ΠΈΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ колСсика ΠΌΡ‹ΡˆΠΈ
  • Π ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Π»ΠΈΠ½ΠΈΠΈ Ρ‚Ρ€Π΅Π½Π΄Π°, Π€ΠΈΠ±ΠΎΠ½Π°Ρ‡Ρ‡ΠΈ, ΡƒΠ³Π»Ρ‹ ΠΈ мноТСство Π΄Ρ€ΡƒΠ³ΠΈΡ… Ρ„ΠΈΠ³ΡƒΡ€
  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ тСхничСского Π°Π½Π°Π»ΠΈΠ·Π°
  • ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ сдСлки Π½Π° Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΈ Ρ‚ΠΎΡ€Π³ΠΎΠ²Π°Ρ‚ΡŒ с Π³Ρ€Π°Ρ„ΠΈΠΊΠ°
  • Установка ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈΠ»ΠΈ полноэкранного Ρ€Π΅ΠΆΠΈΠΌΠ° (Ссли поддСрТиваСтся Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠΌ)
  • ΠœΠ΅Π½ΡΠΉΡ‚Π΅ Ρ‚Π΅ΠΌΡ‹, языки ΠΈ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹ Π½Π° Π»Π΅Ρ‚Ρƒ
  • Π Π΅ΡˆΠΈΡ‚Π΅, Π³Π΄Π΅ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡƒΠ΄Π° Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΡƒΡŽ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ
  • ΠŸΡ€ΠΈ нСобходимости ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹, настроив Ρ‚Π΅ΠΌΡ‹ ΠΈ классы CSS
  • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ/ΡƒΠ΄Π°Π»ΠΈΡ‚ΡŒ/ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΡ‚ΡŒ измСнСния для исслСдований/Ρ‡Π΅Ρ€Ρ‚Π΅ΠΆΠ΅ΠΉ
Плагин

jQuery для создания простых ΠΊΠΎΠ»ΡŒΡ†Π΅Π²Ρ‹Ρ…, гистограмм ΠΈΠ»ΠΈ Π»ΠΈΠ½Π΅ΠΉΠ½Ρ‹Ρ… Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ с ΡƒΠ·Π»Π°ΠΌΠΈ dom.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *