Izbira elementov v DOM

Bla bla

Prvi odstavek

Drugi odstavek

Za izbiro "gnezdene" strukture:
ena Dva
Tri Štiri

Upravljanje z DOM

Spreminjanje vsebine:

Tretji odstavek

Dodajanje vsebine:

Četrti odstavek

Lastnosti:

D3

jQuery

Povezovanje DOM s podatki 1.

a

b

c

Še dinamično določanje lastnosti na podlagi podatkov
Dinamično obarvajmo besedilo glede na vsebino:

Napaka: tole je napaka

Opozorilo: PAZI!!!

Dogodki - Eventi

Animacije - tranzicije

Povezovanje DOM s podatki 2.

Ena pomembnejših lastnosti D3 poleg povezovanja podatkov z DOM elementi je ustvarjanje novih DOM elementov na podlagi podatkov.

a

b

c

d

V zgornjem primeru potrebujemo popolno usklajenost med DOM strukturo in podatki.
V spodnjem primeru z uporabo ukaza enter() zlepimo strukturo in podatke:

Branje podatkov

Pa pojdimo končno k slikam - SVG in D3

Kvadrat

Črta

Risanje z D3

A si upamo narisat barchart?

Kaj pa čisto pravi razsevni grafikon?