d3 js tutorial data visualization framework
Овај Водич за Д3.јс објашњава шта је Д3.јс, његове предности, функције, корак-по-корак инсталационог поступка и мноштво практичних примера тако да можете брзо научити Д3.јс:
Овај водич описује како Д3.јс, ЈаваСцрипт библиотека отвореног кода заснована на подацима, може да се користи у визуализацији података помоћу ХТМЛ-а, објектног модела документа (ДОМ), каскадних листова стилова (ЦСС), скалабилне векторске графике (СВГ), платна и ЈаваСцрипт преко веб прегледача.
Коришћењем овог оквира, спољни подаци у КСМЛ, ЦСВ или ЈСОН формату могу се претворити у графиконе, графиконе или више формата визуелизације преко веб сервера.
У овом упутству научићемо све функције из ове ЈаваСцрипт библиотеке и видећемо како их можемо користити за визуализацију података путем веб сервера помоћу веб прегледача.
Почнимо!!
Шта ћете научити:
- Шта је Д3.јс
- Разумевање веб концепата и стандарда
- Разни методи и АПИ-ји из библиотеке Д3.јс
- Закључак
Шта је Д3.јс
Д3.јс је оквир вођен подацима који је лагана ЈаваСцрипт библиотека и захтева мање редова кода, погодног за руковање великим подацима како би се добили интерактивни графикони за визуелизацију података, графикони и геопросторне мапе.
То је ЈаваСцрипт библиотека отвореног кода која се углавном користи за цртање графичке визуелизације манипулисањем ДОМ елементима веб страница за истраживање и анализу података.
Подаци ускладиштени у форматима података попут низа, КСМЛ, ЦСВ и ЈСОН могу се претворити у графиконе, графиконе и на више начина додавањем ХТМЛ елемената, платна или груписањем облика скалабилне векторске графике (СВГ) помоћу ове ЈаваСцрипт библиотеке.
Велики подаци попут записа детаља позива са мобилних и других уређаја, порука, дискусија или твит дневника са платформи друштвених медија као што су Твиттер, Фацебоок, ВхатсАпп, евиденције из тржишних трендова и евиденције информација о трговању могу се претворити у графиконе, графиконе или разне визуелизације помоћу ове ЈаваСцрипт библиотеке.
Од појаве различитих платформи за друштвене мреже као што су Твиттер, Фацебоок и ВхатсАпп, разне комуникације попут твит-а, порука и дневника коментара могу се снимати и претварати у визуелне формате као што су графикони, графикони итд. Да би се разумеле трендовске теме и створило осећање. анализа.
Постаје лако разумети модус операнди групе података о детаљима позива осумњиченог из телекомуникационих торњева и надгледати њихов образац позива у случају умешаности у сумњиве криминалне радње.
На основу промена које се дешавају на берзи, берзански индекс као што је Бомбајска берза (БСЕ), Национална берза (НСЕ), који одражава кретање цена акција, одлучује о расположењу тржишта и води инвеститоре у куповини или продаји залиха.
Д3.јс може да конвертује активности тржишног удела да би створио графиконе или графиконе који могу брзо предвидети вероватноћу тржишних трендова или мобилне податке у облику евиденције детаља позива за истрагу било каквог учешћа осумњичених у злочинима или информације о предиктивној истрази.
Карактеристике Д3.јс
- На основу података: Углавном се користи за истраживање и анализу података и стварање интерактивних графикона, графикона и опсежних начина за визуализацију података у реалном времену.
- ДОМ манипулација: Ово је ЈаваСцрипт библиотека отвореног кода која претвара податке у различите формате визуелизације манипулишући ДОМ елементима.
- Користи Веб стандарде: Користи модел објекта документа (ДОМ), ХТМЛ, листове каскадних стилова (ЦСС), скалабилну векторску графику (СВГ) и платно за стварање формата за визуелизацију података.
- Брзо и интерактивно: Врло је прилагодљив за промену података и може брзо анимирати или трансформисати одабрани ДОМ елемент из једног стања у друго.
- Прикажи динамичке прелазе: Ова библиотека је дизајнирана да створи брзу динамичку транзицију за генерисање брзе визуалне реакције са ДОМ-ом.
Предности употребе Д3.јс
- То је ЈаваСцрипт библиотека отвореног кода која се може користити заједно са другим ЈаваСцрипт оквирима као што су Ангулар.ЈС, Ембер.ЈС или Реацт.
- Ова библиотека је отвореног кода, па се изворном коду могу додати сопствене функције како би се постигли њихови циљеви.
- Обрађује веб стандарде попут ДОМ-а, ХТМЛ-а, ЦСС-а, СВГ-а и платна, па му зато није потребан ниједан други додатак осим прегледача, није му потребан ниједан додатни алат за отклањање грешака или учење.
- Може да створи динамичку трансформацију у реалном времену манипулишући ДОМ елементима, брзо у визуелизацију података без икаквог кашњења.
- Ради на подацима и специјализован је и прикладан за функције визуелизације података садржане у ЈаваСцрипт библиотеци.
Предуслови за учење Д3.јс
- Текст едитор: Уређивач текста као што је Нотепад ++ или Вим потребан је за писање програмског кода попут ХТМЛ-а, ЦСС-а, ЈаваСцрипт-а и њихово интегрисање да би се добио жељени захтев.
- Интернет претраживач: Било који од савремених веб прегледача, као што су Фирефок, Гоогле Цхроме, Сафари, Опера или ИЕ9, треба да буде инсталиран да провери и верификује излаз који се добија након интеграције кода.
- ХТМЛ: Добро разумевање ХТМЛ ознака и структуре помоћи ће да се направи основна веб страница и поравнају елементи како би се визуализација подигла на следећи ниво.
- ЦСС: Каскадни табела стилова (ЦСС) користи се за примену стилова, укључујући дизајн, изглед и величину екрана на веб странице.
- ПРЕСУДА: Снажно разумевање објектног модела документа (ДОМ) је од суштинског значаја јер ће бити лакше знати структуру и садржај веб докумената, приступити ДОМ елементима за Д3.јс ради визуализације података.
- ЈаваСцрипт: Упознавање основа и ЈаваСцрипт објеката је предуслов за учење и примену Д3.јс у нашу апликацију тако да се визуализација података може прегледати на веб серверу.
- Веб сервер: Неопходно је инсталирати веб сервер попут сервера Апацхе Томцат или ИИС (Интернет Информатион Сервицес), тако да се подаци могу екстерно учитати у низ, објекат, КСМЛ, ЦСВ, ЈСОН формате и могу се трансформисати уз помоћ Д3. јс у формате визуелизације, као што су графикони, графикони и геопросторна визуелизација.
Инсталација / подешавање Д3.јс
Да бисмо креирали визуелизацију података на нашим веб страницама, морамо да укључимо Д3.јс у нашу ХТМЛ веб страницу.
То се може учинити на следеће начине:
- Преузмите библиотеку Д3.јс у нашу клијентску машину и укључите путању д3.мин.јс у