PHP interaktivni grafi

Interaktivno risanje GRAFOV preko interneta

Interactive graphs
Upam, da vam bo v korist!!!

Vnesi: kolone s podatki, loči jih recimo s '|', primer: 8.2|31 ... do 6 kolon
Izrisan graf lahko kopirate v poljuben urejevalnik slik in ga shranite.

desno zgoraj
desno spodaj
Tekst na grafu lega_x lega_y

Ime grafa:

ime_X_os:
ime_Y_os:
Velikost_X= | Velikost_Y=
|imena kolon leg_x leg_y
|izpis vred Ozadje (HOR | VER)
Barva zgoraj mag
Barva spodaj mag
|debe_crt | deb_stol | vel_mark |
Vpiši ali izberi znak, ki razmejuje kolone

desno zgoraj
desno spodaj
Tip grafa izbereš pod podatki!!!!!
Vnesi_copy podatke (do 6 kolon):
podatek_1 | podatek_2 (glej formate spodaj)

Utez_kolona_1= | Utez_kolona_2=

desno zgoraj
desno spodaj

Pojasnila:
- Utez_kolona_1, Utez_kolona_2 sta različni od 1, če bi podatke v prvih dveh kolonah radi množili z določenim faktorjem.
- v polju za podatke mora biti zadnja vrstica polna s podatkoma (ne sme biti prazne, ne sme se končati z enter ali "\r\n", ker jo program razume kot smer in hitrost z vrednostima 0)

Maksimalna vrednost (DA | NE - ta opcija še ni vključena)
Tip grafa:

- lin_regresija_trend_xy .-
- kvadratna_regresija_xy-
- kubna_regresija_xy .....-
- ozadje
Risanje zgolj funcij f($x) (!!!!)
fun_1
x_meja1 L, D
fun_2
x_meja2 L, D
Funkcije:
exp($x), x na 5 = pow($x,5), ... več v okvirju
abs(), acos(), acosh(), asin(), asinh(), atan(), atan2(), atanh(), base_convert(), bindec(), ceil(), cos(), cosh(), decbin(), dechex(), decoct(), deg2rad(), exp(), expm1(), floor(), fmod(), getrandmax(), hexdec(), hypot(), is_finite(), is_infinite(), is_nan(), lcg_value(), log(), log10(), log1p(), max(), min(), mt_getrandmax(), mt_rand(), mt_srand(), octdec(), pi(), pow(), rad2deg(), rand(), round(), sin(), sinh(), sqrt(), srand(), tan(), tanh()<br> Konst: Constant Description M_E Returns e (approx. 2.718) M_EULER Returns Euler's constant (approx. 0.577) M_LNPI Returns the natural logarithm of PI (approx. 1.144) M_LN2 Returns the natural logarithm of 2 (approx. 0.693) M_LN10 Returns the natural logarithm of 10 (approx. 2.302) M_LOG2E Returns the base-2 logarithm of E (approx. 1.442) M_LOG10E Returns the base-10 logarithm of E (approx. 0.434) M_PI Returns PI (approx. 3.14159) M_PI_2 Returns PI/2 (approx. 1.570) M_PI_4 Returns PI/4 (approx. 0.785) M_1_PI Returns 1/PI (approx. 0.318) M_2_PI Returns 2/PI (approx. 0.636) M_SQRTPI Returns the square root of PI (approx. 1.772) M_2_SQRTPI Returns 2/square root of PI (approx. 1.128) M_SQRT1_2 Returns the square root of 1/2 (approx. 0.707) M_SQRT2 Returns the square root of 2 (approx. 1.414) M_SQRT3 Returns the square root of 3 (approx. 1.732)

spodnjih tipov se ni ...

desno zgoraj
desno spodaj

Posebna aplikacija za risanje vetrovnih rož!!!

a) Interaktivni_GIS_SLO
b) GIS_2_genealogija

Kaj razberemo iz grafov?
Razberemo povezave, odvisnosti med različnimi količinami, potek nekega pojava, količine (več količin: statistične, fizikalne, ekonomske, ..., spremenljivke, itn) glede na čas, kraj, skupino, ..., glede na poljuben atribut.

Teoríja gráfov je veja matematike in računalništva, ki raziskuje lastnosti grafov. Graf je najpreprosteje rečeno množica objektov, reči, ki se imenujejo točke (vozlišča, vozli) in so povezane s povezavami (robovi, vejami).

Interactive graph
A graphic (such as a chart or diagram) depicting the relationship between two or more variables used, for instance, in visualising scientific data.
Graph (mathematics), is a set of objects called vertices, nodes, or points, some of which may be connected by links variously called edges, lines, or arcs.
In computer science, a graph is a kind of data structure, specifically an abstract data type (ADT), that consists of a set of nodes (also called vertices) and a set of edges that establish relationships (connections) between the nodes. Graph, an abstract data type representing relationships or connections.

Aplikacijo priredil: Zorko Vičar
oktober 2008

NEKATERI PRIMERI VHODNIH PODATKOV ZA RAZLIČNE TIPE GRAFOV:

Podatki za testiranje za različne 
tipe so pod črtkano črto -----------

GRAF 1
- lahko ena ali 6 kolon
-------------------------------
hitrost vet.|smer vet.|kol_3|kol_4|kol_5|kol_6|  
0.5 | 3.3 |  01 | 4.3 |    1.5 | 7.3 
1.4 | 1.5 | 3 | 3.5 | 6.4 | 9.5 
0.9 | 2    | 1.8 | 5 | 4.9 | 5    
0.7 | 5    | 1.5 | 6 | 7.7 | 10    
0.6 | 0.8 | 1.6 | 1.8 | 1.6 | 2.8 
1.7 | 4     | 1.7 | 5 | 2.7 | 9   
1.8 | 1.8 | 4 | 2.8 | 4.8 | 6 
1.1 | 4.3 | 2 | 1.3 | 3.1 | 3.3 
0.7 | 3.2 | 1.7 | 4.2 | 7.7 | 5.2 
1.2 | 4.5 | 2.1 | -4.5 | 3.2 | -3.5

GRAF 2 A
- lahko 3x po dve koloni 
- (moznost izracuna in izrisa reg. premice in kvadratne funkcije)
- in se pov. odstopanja od teoreticne funkcije
- ne izpise imen kolon, ker izpise regresijo
---------------------------------------
x | y
0.3   | 0.3   
1.2   | 1.2    
2      | 2       
7.5   | 7.5   
2.4   | 2.4    
2.1   | 2.1    
7.2   | 7.2    
3.7   | 3.7    
9.2   | 9.2    
3.3   | 3.3    
10.8 | 10.8 
13.1 | 13.1  
13.2 | 13.2

GRAF 2 B
- lahko 3x po dve koloni 
- (moznost izracuna in izrisa reg. premice in kvadratne funkcije)
- in se pov. odstopanja od teoreticne funkcije
- ne izpise imen kolon, ker izpise regresijo
---------------------------------------
hitrost vet.|smer vet.|kol_3|kol_4|kol_5|kol_6|  
1 | 1 |  1 | 2 |    1.5 | 7.3 
2 | 4 | 2| 4 | 6.4 | 9.5 
3 | 9  | 3 | 6 | 4.9 | 5    
4 | 16  | 4 | 8 | 7.7 | 10    
5 | 25 | 5 | 10 | 1.6 | 2.8 
6 | 36  | 6 | 12 | 2.7 | 9   
7 | 49 | 7 | 14 | 4.8 | 6

GRAF 2 C
- lahko 3x po dve koloni 
- (moznost izracuna in izrisa reg. premice in kvadratne funkcije)
- in se pov. odstopanja od teoreticne funkcije
- ne izpise imen kolon, ker izpise regresijo
---------------------------------------
itrost vet.|smer vet.|kol_3|kol_4|kol_5|kol_6|  
1 |	3|     1 | 1 |  1 | 2 |        
2 |	17|     2 | 4 | 2| 4 |        
3 |	53|     3 | 9  | 3 | 6 |      
4 |	123|     4 | 16  | 4 | 8 |    
5 |	239|     5 | 25 | 5 | 10 | 
6 |	413|     6 | 36  | 6 | 12   
7 |	657|     7 | 49 | 7 | 14

GRAF 4 
- prva kolona je na x osi
- druga kolona (vrednosti) so stolpiči 
- vse ostale kolone (do 6) pa so crte
---------------------------------------
x | y | prirastek
jan   | 0.3  | 2.3 
feb   | 1.2   | 6.3 
mar      | 2   | 0.3    
apr   | 7.5   | 0.3
maj   | 2.4    | 2.3
jun   | 2.1    | 1.3
jul   | 7.2    | 6
avg   | 3.7    | 0.4
sep   | 9.2    | 0.9
okt   | 3.3    | 1
nov | 10.8 | 7
dec | 13.1  | 4
LETO | 13.2  | 6.3

GRAF 5 
- 2 Y osi
- aplikacija bere samo prva dva stolpca 
- prvi ima y na levi, drugi pa na desni
- tudi enote so drugacne
---------------------------------------
x | y
0.3   | 0.3   
1.2   | 1.2    
2      | 2       
7.5   | 7.5   
2.4   | 2.4    
2.1   | 2.1    
7.2   | 7.2    
3.7   | 3.7    
9.2   | 9.2

GRAF 6 
- enostaven stolpični graf
---------------------------------------
x | y
0.3   | 0.3   
1.2   | 1.2    
2      | 2       
7.5   | 7.5   
2.4   | 2.4    
2.1   | 2.1    
7.2   | 7.2

GRAF 7 
- prva kolona je x os
- ostalih 5 pa druzi v skupine
- recimo primerjava cen po meseceih za razlicna leta
---------------------------------------
hitrost vet.|smer vet.|kol_3|kol_4|kol_5|kol_6|  
0.5 | 3.3 |  01 | 4.3 |    1.5 | 7.3 
1.4 | 1.5 | 3 | 3.5 | 6.4 | 9.5 
0.9 | 2    | 1.8 | 5 | 4.9 | 5    
0.7 | 5    | 1.5 | 6 | 7.7 | 10    
0.6 | 0.8 | 1.6 | 1.8 | 1.6 | 2.8 
1.7 | 4     | 1.7 | 5 | 2.7 | 9   
1.8 | 1.8 | 4 | 2.8 | 4.8 | 6 
1.1 | 4.3 | 2 | 1.3 | 3.1 | 3.3 
0.7 | 3.2 | 1.7 | 4.2 | 7.7 | 5.2

GRAF 8 
- prva kolona so recimo x razredi, rec. stirje
- druga koloma pa vsebuje 4 pare, ki
- vsebujejo min in max vrednost v tem razredu (4*2=8)
- druga kolona ima torej 2x več podatkov
- vrednosti meritev ne smejo biti negativne !!!!!!!!!!
---------------------------------------
hitrost vet.|vred_od_do
0.5 | 3.5 
1.4 | 1.5
1.9 | 2        
2.5 | 5    
    | 4.3  
    | 3.5   
    | 1
    | 3

GRAF 9 
- graf radar,
- prva kolona so rec. smeri, od zgoraj
  in si na grafu sledijo zaporedoma proto levi,
- torej v nasprotni smeri urinih kazalcev,
- poligon(i) znotraj pa so meritve,
- to je lahko tudi vetrovna roža,
- prvi koloni lahko sledi se do 5 kolon meritev
- vrednosti se ne izpisejo !!!!!!!!!
----------------------
hitrost vet.|vred_od_do|d|e|hh|zzz
a1 | 3.5 | 4.5 | 2.5 | 9.5 | 2.5
a2 | 1.5 | 1.5 | 3.5| 8.5 | 6.5
a4 | 2    | 0.5  | 5.5| 3.5  | 10.5      
a6 | 5    | 8.0  | 1.5| 4.0  | 3.5
a10 | 7  | 5    | 0.5 | 9    | 8.5

GRAF 10
- graf zasukan za 90 st
- prva kolona so recimo meseci, druga kolona so številke, 
- ki se izrišejo v horizontalnih "stolpičih"
- ce okljukas ozadje, se 
  izrise pokoncen graf (mala, a ljubka nedoslednost) !!!! 
---------------------------------------
meseci| vsota_padavin
jan | 3.5 
feb | 78.5
mar | 64.2       
apr | 85.9    
maj | 118.3  
jun | 79.1

GRAF 11 A
- naj bo graf dimenzij y_os >= x_os
- polarni graf (sodo st. podatkov, 
  najmanj 6 podatkov, 3-je pari [kot, smer]),
  s tremi pari dobis trikotnik
- spodaj bo nastal 4-kotnik, ker so stirje pari
- vrednosti se ne izpišejo!!!!!!
----------------------------------------
podatki_pol_graf
0 | stopinje
0 | vrednost
15 | 15 stopinj
40 | 40 enot dolga premica pod kot 15st
50 | premica od 40st od 40do70st
70 | vrednost, dol. premice 
75 | premica od 50do75st
40 | vrednost, dol. premice

GRAF 11 B
- naj bo graf dimenzij y_os >= x_os
- polarni graf (sodo st. podatkov, 
  najmanj 6 podatkov, 3-je pari [kot, smer])
---------------------------------------
podatki_pol_graf2
0
1
10
2
30
25
40
60
50
110
60
160
70
210
75
230
80
260        
85
270
90
280
95
270
100
260
105
230
 110
210
120
160
130
110
140
60         
150
25
170
2
180
1

GRAF 12 
- do 6 kolon meritev se izrise kot kumulativni grafi
-------------------------------------------
hitrost vet.|vred_od_do|d|e|hh|zzz
1 | 3.5 | 4.5 | 2.5 | 9.5 | 2.5
7 | 1.5 | 1.5 | 3.5| 8.5 | 6.5
3.2 | 2    | 0.5  | 5.5| 3.5  | 10.5      
6.2 | 5    | 8.0  | 1.5| 4.0  | 3.5
1 | 7  | 5    | 0.5 | 9    | 8.5

GRAF 13 
- do 6 kolon meritev se izrise kot stolpiči,
- s tem, da se vrednosti nalagajo druga na drugo 
-------------------------------------------
hitrost vet.|vred_od_do|d|e|hh|zzz
1 | 3.5 | 4.5 | 2.5 | 9.5 | 2.5
7 | 1.5 | 1.5 | 3.5| 8.5 | 6.5
3.2 | 2    | 0.5  | 5.5| 3.5  | 10.5      
6.2 | 5    | 8.0  | 1.5| 4.0  | 3.5
1 | 7  | 5    | 0.5 | 9    | 8.5

GRAF 14
- Box and Stock charts
- bere samo prvo kolono
- bere po pet podatkov
- torej mora biti n*5 skupin podatkov
- format je: open,close,min,max,median
-            zacetek, konec, min, max, mediana
    * min < max
    * min < min(open.close)
    * max > max(open,close)
    * open <mediana < close 
- uporabni so za dnevne hode, 
- ponazoritev možnih odstopanj od verjetnih vrednosti
- ne pokaže vrednosti!!!!!!!!!
--------------
nedoločenost
34 |
42
27
45
36
55|
25
14
59
40
15|
40
12
47
23
62|
38
25
65
57
38 |
49
32
64
45

GRAF 15
- povezava s stopnjo regresije 3
- naravna kubna povezava med točkami
- bere prvo in drugo kolono, morajo biti številske 
- vrednosti, v prvi koloni morajo številke naraščati
------------
x | y
5 | 3.5 
15 | 78.5
20 | 64.2       
30 | 85.9    
49 | 118.3  
55 | 79.1

GRAF 16 A
- samo prva kolona
- nariše negativne vrednosti, v okvirju 
- -5 bo levo spodaj
-----------------
globina
5  
15  
20       
30   
49

GRAF 16 B
- samo prva kolona
- nariše jo negativno v okvirju 
- +5 bo levo zgoraj
--------
globina
-5  
-15  
-20       
-30   
-49

GRAF 17 A
- prva kolona je napis na x osi
- druga ima skalo na y levi osi - modra
- tretja pa na y desni osi - rdeča
- tip je recimo primeren za klimatograme
- graf bere prve tri kolone
----------------
mesec |  mes_padavine [mm]| mes_pov_temperatura [°C]
jan    | 30      | -2    
feb    | 80      | -1.5  
mar    | 40.2    | 0    
apr    | 99      | 7     
maj    | 110     | 15    
jun    | 100.3   | 23    
jul    | 90      | 22.1  
avg    | 80.4    | 23.2  
sep    | 110.9   | 15.2  
okt    | 120     | 9     
nov    | 150     |5       
dec    | 100     |1

GRAF 17 B
- prva kolona je napis na x osi
- druga ima skalo na y levi osi - modra
- tretja pa na y desni osi - rdeča
- tip je recimo primeren za klimatograme
- graf bere prve tri kolone
- Climatograph - Portorož
- Temperature (°C)
----------------
Months  |  Monthly average  precipitation (mm)   |  Average air temperature oC
jan      |  48    |  4.6
feb      |  42.8  |  5
mar      |  53    |  8.3
apr      |  65.3  |  12.1
may      |  62.1  |  17.3
jun      |  84.9  |  20.9
jul      |  55.4  |  23
aug      |  88.1  |  22.5
sep      |  122.3 |  17.8
oct      |  119   |  14
nov      |  102.2 |  9.3
dec      |  64.8  |  5.7

GRAF 18
- prvi dve koloni
- balončki modre. zelene in rdeče barve
----------------
mesec| inflacija_proc
1|12
2|23
3|95
4|18
5|65
6|28
7|86
8|44

Nazaja na začetek.