Vizualizácia dát
Michal Dúbravčík
Metódy vizualizácie v prezentácii :
Tabuľky
- využívať hlavičku
<thead>
| ISBN |
Title |
Price |
| 3476896 |
My first HTML |
$53 |
| 2489604 |
My first CSS |
$47 |
<table style="...">
<thead style="background-color:#999;color:#FFF">
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</thead>
<tbody>...
Tabuľky
- možnosť zoradiť podľa stĺpca :
- databázové dotazy cez GET (stlpec ASC/DESC)
- JavaScript
- farebne členený obsah (párne riadky)
- súčasne manuálne :
<tr class="odd"></tr> <tr></tr> <tr class="odd"></tr>
- ďaleká budúcnosť CSS3 : tr:nth-child(odd) { background-color: #99ff99;}
Grafy - Statické obrázkové
- KidsZone - vytvorenie grafu jednorázovo
- Chart API - Google Code - graf cez parametre v URL
http://chart.apis.google.com/chart?chco=0000FF&cht=p3&chd=t:20,30,50&chs=250x100&chl=Good|Normal|Best
Mapy - charakteristika
- väčsina využíva JavaScript (XML,DOM,JSON...)
- vygenerovanie kľúča k jednej doméne
- obmedzenie na počet požiadavok za den (Google - 15000/IP)
- nutná prístupnosť bez registrácie...
- zákaz zobrazovania polohy osôb a vozidiel
Mapy - statické snímky cez URL
<img src="http://maps.google.com/staticmap?center=49.209075,16.606865&zoom=14&size=300x300" alt="mapa Brna" />
Mapy - Google Maps
- center -suradnice stredu mapy
- zoom -približenie
- size -rozlišenie
- format - GIF, JPEG, PNG
- maptype -hybridna,terén,cestná,satelitná
- markers - body na mape
- path - cesta medzi bodmi