• Nie Znaleziono Wyników

15 УДК 621.326

N/A
N/A
Info
Pobierz
Protected

Academic year: 2021

Share "15 УДК 621.326 "

Copied!
1
0
0

Ładowanie.... (Zobacz pełny tekst teraz)

Pobierz teraz ( 1 Stron )

Pełen tekst

(1)

ІІІ Міжнародна студентська науково - технічна конференція

"ПРИРОДНИЧІ ТА ГУМАНІТАРНІ НАУКИ. АКТУАЛЬНІ ПИТАННЯ"

15 УДК 621.326

Радчук М. –ст. гр. СНнм-61

Тернопільський національний технічний університет імені Івана Пулюя ПОРІВНЯННЯ ПОПУЛЯРНИХ БІБЛІОТЕК ДЛЯ ВІЗУАЛІЗАЦІЇ

ГРАФІВ

Науковий керівник: д.т.н., професор Ясній О. П.

Radchuk M.

Ternopil Ivan Pul’uj National Technical University

COMPARISON OF POPULAR LIBRARIES FOR GRAPH VISUALIZATION

Supervisor: professor Yasnij О. P.

Ключові слова: Візуалізація, Бібліотека Keywords: Visualization, Library

У доповіді буде розглянуто найбільш популярні бібліотеки для візуалізації графів D3.js, Chart.js, Vis.js. Всі вони є JavaScript бібліотеками, які будують граф у SVG форматі, оскільки даний формат є легким і відображається однаково чітко незалежно від розширення монітору.

D3.js (або просто D3 для документів, керованих даними) – це бібліотека JavaScript для створення динамічних, інтерактивних візуалізацій даних у веб-браузерах.

Він використовує широко впроваджені стандарти SVG, HTML5 і CSS. Вона є наступником попередньої системи Protovis. На відміну від багатьох інших бібліотек, D3.js забезпечує великий контроль над кінцевим візуальним результатом. Були різні попередні спроби візуалізації даних до веб-браузерів. Бібліотека JavaScript D3.js, вбудована у веб-сторінку HTML, використовує попередньо побудовані функції JavaScript для вибору елементів, створення об’єктів SVG, їх стилізування або додавання до них переходів, динамічних ефектів або підказок. Ці об’єкти також можна широко використовувати за допомогою CSS.

Vis.js – динамічна бібліотека візуалізації на основі браузера. Бібліотека розроблена так, щоб її можна було легко використовувати, обробляти великі обсяги динамічних даних, а також маніпулювати та взаємодіяти з даними. Бібліотека складається з компонентів DataSet, Timeline, Network, Graph2d і Graph3d. Вона дозволяє відображати динамічні, автоматично організовані мережі, створювати повністю налаштовувану, інтерактивну шкалу часу з елементами та діапазонами.

Chart.js - це популярна бібліотека з відкритим кодом, яка допомагає нам створювати дані в веб-додатках. Це дуже настроюється, але налаштування всіх його варіантів залишається проблемою для деяких людей. Chart.js достатньо розумний для побудови осі динамічно на основі даних, які йому передаються.

Література

1. Elijah Meeks. D3.js in Action Data visualization with JavaScript 2nd Edition/

Manning Publications Co., 2017. – 375 с.

2. Three Little Circles [Електронний ресурс] – Режим доступу до ресурсу:

https://bost.ocks.org/mike/circles/.

Cytaty

Pobierz teraz ( PDF - 1 Stron - 306.66 KB )

Powiązane dokumenty

JavaScript promises

– The task of the developer is to define the data necessary to compute a given value – One may think about it as an event-.

JavaScript – part I

– Clear error messages referring to other recently opened documents first – Recreate the error condition and observe the error details. • Sample

Introduction to JavaScript

• Since the JS code is interpreted by the web browser and may be used to modify HTML document it may help reduce the volume of server-side processing, thus:.

JavaScript: Events and DOM

• One of the key assumptions of DOM is that using DOM interfaces web developer can programmatically create or modify the whole document (in particular HTML

Język JavaScript – opis języka (punkt 1), umieszczanie kodu JavaScript w plikach HTML i XHTML (2), przykłady skryptów

Using Navigator objects Navigator object hierarchy document properties: an example JavaScript reflection and HTML layout Key Navigator objects. Navigator's

Temat: Podstawy języka JavaScript- przykłady. Uaktywnienie JavaScript

Używamy funkcji setItem() dla localStorage, aby utworzyć i przechować element danych o nazwie 'name' , ustawiając jego wartość jako wartość zmiennej myName która zawiera

Technologie internetowe client-side na przykładzie języka JavaScript

• test() - zwraca wartość logiczną, składania wyrazReg.test(string) - zwróci wartość true, jeśli wyrażenie wyrazReg pasuje do ciągu string i false w przeciwnym razie. • exec()

Javascript – wstęp

Za każdym razem, jeśli wprowadzimy coś innego niż liczbę lub nic nie wprowadzimy, musi pojawić się informacja: „To nie jest liczba. Spróbuj