User:Milos.nikolic95/sandbox

= Angular i D3 u vizualizaciji velikih podataka = Vizualizacija podataka u Big data može se definisati kao virtuelni prikaz podataka uz pomoć grafikona, crteža i informativne grafike. To je statistički prikaz podataka na najprecizniji način. Postoji mnogo disciplina za prikaz vizualizacije podataka ekvivalentne naprednoj i modernoj vizuelnoj komunikaciji.

Takođe, vizualizacija podataka uključuje kreiranje i umetničku reprezentaciju podataka. Njegova osnovna prednost je što omogućava korisniku da aktivno vidi veze koje nastaju između operativnih uslova i performansi organizacije. Koristeći Angular, omogućava se proširenje obrazaca gde se komponenta precizno vezuje. Upotreba instanci postojećih elemenata u nizu pruža bolje vizuelne prikaze.

Mogućnost vizualizacije podataka na najautentičniji način nije korisno samo razvojnim platformama, već i ljudima. D3 i Angular imaju puno osnovnih procesa kroz koje možete dodavati ili unositi promene u dokument.

D3
D3 je najpoželjnija i opširnija JavaScript biblioteka, što je neverovatno važno za vizuelizaciju podataka. Koristi se za manipulisanje datotekama ili dokumentima koji se zasnivaju na podacima, a zatim ih dovodi na drugačiji nivo uz pomoć HTML-a i drugih platformi. Uglavnom se fokusira na veb standard.

D3 je JavaScript biblioteka otvorenog koda koja pomaže korisnicima pružajući robusne manipulacije dokumentnim modelom objekta (DOM) koji se zasniva na podacima. Takođe omogućava pristup pravilima koja mogu stvoriti željenu vizualizaciju, a transformacija postaje realnija pružanjem oblika i stvaranjem podataka. Višestruki izgledi su opremljeni da transformišu alate za vizuelizaciju podataka u razne druge reprezentativne oblike.

Omogućava prolazak podataka kroz nekoliko prelaznih faza da bi se osigurao vizualni osećaj nakon što se podaci promene. To je stabilna JavaScript biblioteka za proizvodnju dinamičnih i interaktivnih elemenata u Browser-u.

Selection
D3 omogućava izbor elemenata, baš kao i JQuery. U ovoj se metodi podaci povezuju s prvobitno odabranim elementima. Ako se kod pokrene i njegovi čvorovi pregledaju u DOM modelima, rezultat će se pojaviti tamo gde svaki čvor ima improvizovane podatke.

Metoda odabira bira element iz istog dokumenta. D3 koristi udruživanje podataka za naredni proces. Slično kao u JQuery-u, D3 takođe omogućava promenu poziva, jer efikasno može upravljati elementima DOM modela.

Append
Ova metoda uzima argument iz elementa koji želite dodati u podatke, a zatim u zavisnosti od HTML čvora za izabranu stavku vraća novi smer tom čvoru.

Enter
To je krucijalno kada su podaci mnogo više važniji od odgovarajućih DOM elemenata. Enter se takođe koristi kada postoji potreba za dodavanjem stavki u DOM modelu. Ova metoda omogućava korisniku da postavi odabrani tekst napomene ili započne sa trenutnim dokumentom. Vrednost niza prenosi se kao argument. D3 sledi tri osnovne vrste izbora:


 * Postojeći DOM elementi (existing DOM elements)
 * Unesite izbor (enter selection)
 * Izađite iz izbora (exit selection)

D3 je zasnovan na veb dokumentima koji korisniku omogućavaju da transformiše podatke i pruži mu novu platformu uz pomoć HTML, SVG i CSS. Lako je započeti sa D3, a za vizualizaciju bi nam trebao SVG element. Recimo da kreiramo grafikon za prikaz podataka u više nivoa. Da bismo prikazali podatke, prvobitno se mora transformisati oblik i izvršiti potrebno prilagođavanje

Osnovno ažuriranje
D3 sledi obrazac za rad sa odgovarajućim podacima; ovaj obrazac može biti: unesite, ažurirajte, pridružite se i izađite. Ovaj proces je podržan spajanjem podataka sa novim i postojećim podacima, nakon čega sledi redosled unošenja, ažuriranja i uklanjanja podataka.

Jednostavnije je jer obrazac koristi data, append, transition, i exit sa D3. Kombinujući sve uslužne programe sa vizuelnim podacima, D3 obavlja sve potrebne aktivnosti za kreiranje grafikona.

"Ordinal" razmere
Ova razmera će preslikati sve diskretne vrednosti u niz različitih vrednosti. Ako je iznos kraći od domena, tada se vrši ponavljanje procesa.

"Band" razmere
Slične su ordinalnim razmerama, ali razlika je u tome što koriste kontinuirani opseg. Takođe, deli celo polje na više brojeva vrednosti u nizu domena. Ova razmera deli ceo raspon na segmente skalirajući njihove troškove.

"Linear" razmere
Linearne razmere (lestvice) obuhvataju brojeve ili datume koji su u kontinuiranom opsegu. To je osa i grafikon. Takođe jedna od najpoželjnijih korišćenih skala u D3.

D3 - ključne osobine
Očigledno je da interaktivna vizuelizacija može dodati impresivniju formu podacima. To omogućava korisniku da odabere određeni skup podataka da bi prikazao podatke na način na koji želi. To efikasno podržava framework D3, a karakteristike D3 su sledeće:


 * Koristi već postojeće konvencije: D3 koristi veb standarde, uglavnom HTML, CSS i SVG. Ova funkcija omogućava brzu implementaciju skripte na svim platformama bez stvarne potrebe bilo koje specifične tehnologije ili bilo kojeg drugog dodatka Browser-u. Uporedo sa njim, D3 takođe omogućava da se pristup (resurs) prikazivanja podataka izjednači ostalim skriptama i framework-ovima. Dodatak se može postaviti na veb stranicu bez ometanja kodiranja, a jedan od najboljih delova D3 je da je neverovatno lagan. D3 može raditi sa bilo kojim od web standarda bez obzira na specifikacije; stoga je brz.
 * D3 je vođen podacima: postavlja se preko podataka; D3 paralelno pruža mogućnost unosa podataka za statistiku i uzimanje podataka sa udaljenih servera. Može se obaviti u više formata i nizova kao što su JSON, CSV i KSML. Pomoću ovih podataka mogu se kreirati razne karte, a velika upotreba tehnologije zasnovane na podacima napaja podatke. D3 omogućava dinamičko generisanje različitih elemenata i tabela bez obzira na formu.
 * D3 je dinamičan: D3 je fleksibilan i dinamičan. Stoga je koristan alat za pružanje aktivnih svojstava u funkcijama. Podaci koji se unose u skriptu mogu brzo transformisati stilove i atribute koji su potrebni za vizualizaciju podataka bilo kog odgovarajućeg skupa podataka.
 * Transformacija, ali ne i reprezentacija: Važno je shvatiti da D3 ne uvodi nijedan oblik vizuelnog predstavljanja, a za razliku od drugih platformi, njegov vokabular grafike potiče direktno iz web standarda. Recimo, korisnici mogu kreirati SVG elemente uz pomoć D3 i oblikovati ih raspoloživim tablicama stilova.
 * Improvizacija u prelazima: Umesto da predstavlja, D3 se fokusira na transformaciju skupova podataka, proširujući ih direktno iz prirodnih u animacije. Vremenom, D3 prelazi istovremeno interpeliraju raspoložive stilove i atribute, a Tweening se može regulisati prirodnim funkcijama.

Politika ulaska u D3 efikasno podržava primitivne sisteme brojeva i brojeva koji su ugrađeni u stringove, zajedno sa složenim vrednostima. Ovo je primer kako izbledeti pozadinu stranice u crnoj boji. Samo transformacijom atributa koda, D3 minimizira korišćenje resursa i omogućava grafičku montažu i složenost u višem okviru. Sekvenciranje komplikovane tranzicije takođe dobija dozvolu sa D3, a ne zamenjuje okvir alata Browser.

Angular
Angular je moćna platforma za izgradnju i razvoj mobilnih i desktop aplikacija. Možemo to nazvati i otvorenom hijerarhijom Framework-a koja je dizajnirana tako da aplikacije pružaju sve potrebne elemente u isto vreme.

To je kombinacija više stvari koje služe kao sastavni blok UI i odgovarajućeg koda. Angular ima ugrađenu krivulju visokog učenja. Angular omogućava programeru da gradi dinamične aplikacije na strani klijenta.

Prednosti Angular-a:

 * Modularni dizajn Angular-a olakšava manipulaciju komponentama aplikacije. Takođe, Angular je dobro organizovan i strukturiran, čineći kod čitljivim.
 * Koristi MVC i MV-VM arhitekture.
 * Opremljen je statičkim TypeScript-om. Sve zajedno kod je lakši za održavanje, refaktor i organizovanje.

Sve ove prednosti zajedno pružaju razvojnu platformu bogatu alatima za efikasno stvaranje veb ili desktop aplikacija.

Za grupisanje podataka vizuelna kontrolna tabela je uvek bolji izbor. Većina analitičara više voli panele, jer pružaju bolje metrike za praćenje poslovanja i takođe pomažu u donošenju izbora na osnovu podataka. Kao programeru, potrebno je mnogo napora da ga konfiguriše da bi sledi0 date zahteve.

Kompatibilan za više platformi
Angular je pogodan za razne platforme. To čak omogućava upotrebu sistema i sposobnosti za razvoj aplikacija u AngularJS-u. Ima jednaku i distributivnu efikasnost za potrebe web-a, mobilnih uređaja, kao i za desktop računare.

Maksimalna brzina i performanse
Angular pruža maksimalnu brzinu programerima za veb aplikaciju koju su izgradili i kao i prikazivanje na strani servera. Takođe pruža regulaciju sa skalabilnošću, jer ispunjava zahtev tako što gradi modele podataka na RXJS ili nepromenjivom JS. Ima istu korisnost za ostale modele.

Efikasni alati
Kako je Angular bogat alatima, komponente postaju deklarativnije, a za razvoj se koristi jednostavan template. Takođe proširuje jezik modela sa unapred definisanim elementima i koristi ogroman niz postojećih. Dolazi sa puno drugih funkcija tako da se programeri mogu u potpunosti preusmeriti izgradnji aplikacije, umesto da pokušavaju da dogovore stvari ili da upravljaju kodiranjem. Takođe, omogućava najefikasniju i skalabilniju hijerarhiju koja podržava većinu aplikacija i infrastrukture.

Google grafikoni
To je jedan od najboljih servisa za grafikone koji ne zahteva bilo kakav odnos elemenata sa D3. Umesto toga, koristi Google grafikone da obezbedi transformaciju podataka, a zatim ih prosledi u funkciju crtanja.

Kako učitati podatke u grafikon?
Za učitavanje podataka u odgovarajuće tablice koristi se funkcija poznata kao izvor podataka. Ova usluga podržava protokol Datasource alata grafikona i takođe omogućava korisniku da mu pošalje SQL upit radi preuzimanja tabele ispunjene podacima.

Postoji još jedna web usluga poznata kao fleksibilna tačka koja se koristi kao provajder sa strane klijenta za objedinjavanje podataka iz više izvora podataka. Ove komponente nude i JavaScript konektore da eliminišu zahtev za pisanjem koda za obradu podataka. Ovo takođe uključuje obradu kroz različite tipove grafikona, ali za implementaciju je potrebna neka prilagođena logika.

Google grafikoni u Angular-u
Google Charts je kompatibilan sa Angular-om jer su jedna lista i tabela u opoziciji između sebe. Suprotno tome, kada se kombinuju, to postaje produktivno. Instrumentalna tabla ima efikasnost za promovisanje i poboljšanje komunikacije rezultata analize.

Dodavanje vizualizacije u Angular
Skupovi podataka predstavljaju jezgro svakog razvojnog projekta, a manipulacija ili objedinjavanje skupova zahteva mnogo vremena. Stvari se pogoršavaju kada se podaci promene jer je potrebno iznova prolaziti kroz isti postupak.

Stvaranje vizualizacija za Angular aplikacije nije preterano komplikovano; umesto toga, to se može postići sledećim koracima. Pre svega, mora se instalirati korisnički interfejs u ​​aplikaciji Angular. (To se može učiniti korišćenjem npm) Tada se izvrše sledeći koraci:


 * Importuju se komponente grafikona podataka UI u aplikaciju.
 * Kreiraju se izvori podataka za vezivanje podataka.
 * Konfigurišu se opcije grafikona tako što se prvo podese ose.
 * Grafikon podataka mora imati najmanje jedan niz.
 * Konfigurišu se raspoložive opcije grafikona.
 * Napravi se tabela dodavanjem šifri.

Ovde je važno napomenuti da se ovaj kurs može koristiti i u pojedinačnoj HTML datoteci ako svojstva komponenata nisu postavljena egzaktno.

Category:Big data Category:Angular Category:D3