Visualizing data on web
by Matjaž Horvat on Jun 01, 2010
- 1,022 views
What technologies to use when visualizing data on web.
What technologies to use when visualizing data on web.
Accessibility
Categories
Tags
More...Upload Details
Uploaded via SlideShare as Apple Keynote
Usage Rights
© All Rights Reserved
Statistics
- Favorites
- 0
- Downloads
- 10
- Comments
- 0
- Embed Views
- Views on SlideShare
- 836
- Total Views
- 1,022
- To so zunanje binarne komponente, ki razširjajo zmogljivosti brskalnika.
- Za razliko od razširitev ne spreminjajo krame, ampak vplivajo predvsem na večpredstavnost in prikazovanje strani.
- Na voljo so v obliki bytecode in tečejo v brskalniku z uporabo JVM.
- Počasni, ker se mora zagnati še JRE.
- Zadolžen za 50% sesutij Firefoxa.
- Porabi veliko sistemskih virov.
- Closed source != hackable != open web != innovation.
- W3C standardi kot nadomestek za plugine.
+ VML: poslan na W3C leta 1998, razvoj ustavljen leta 1998, podprt v IE5+.
+ SVG: v razvoju od leta 1999, podpirajo vsi brskalniki razen IE9-, tudi rasterska grafika in tekst.
- rasterska grafika: canvas: v brskalnikih od leta 2009, del HTML5, ni podprt v IE.
- canvas: lik se samo izriše in ko spreminjamo npr. položaj, moramo ponovno izrisati celotno sceno.
EVENTS: v SVG lahko dogodke obesimo na objekte (like), pri canvas pa moramo uporabiti koordinate.
- jQuery SVG uporablja sintaksto jQuery za delo s SVG (SVG je XML).
- Ne pomaga nam v IE, kjer SVG ni podprt.
- Ima razširitev za risanje grafov.
- Zelo grdi primeri.
- Kjer je mogoče, uporablja SVG, sicer pa Flash.
- Torej v IE in tudi v drugih brskalnikih, če je njihova podpora za SVG manj zmogljiva kot v SVG web.
- Pregleden in dobro dokumentiran API + aktiven razvoj.
- Veliko zelo lepih primerov in demonstracij.
- Odličen za animacije in uporabo dogodkov.
- Plugin za risanje grafov gRaphaël.
- Dela v vseh brskalnikih, ki podpirajo canvas (v IE se poslužuje emulacije excanvas v Javascriptu).
- Preprosta uporaba (vse nastavitve so izbirne).
- Interakcija (povečava in dogodki miške).
- Processing.js je implementacija Processinga v JS z uporabo canvasa, avtorja Johna Resiga.
- Processing.js je kul, ampak le za demo bleeding-edge tehnologij, ker ne deluje v IE.