m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig
m´ert´ekek ( ( (((a Szoftver( metrik´ k ´es min˝os´egmenedzsment x. Adatvizualiz´aci´ o
Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Bod´ o Zal´an Babe¸s–Bolyai Tudom´ anyegyetem Matematika ´ es Informatika Kar
1/81
A m´er´esekt˝ol a vizualiz´aci´oig
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an
m´ er´ esek ⇒ adatok ⇒ adatfeldolgoz´ as (⇒ vizualiz´ aci´ o) ⇒ inform´ aci´ o, k¨ ovetkeztet´ esek (⇒ vizualiz´ aci´ o)
A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Az adatelemz´es folyamata: I adatok begy˝ ujt´ese, m´er´ese I
el˝ ofeldolgoz´as
I
adatok megtiszt´ıt´asa (data cleaning)
I
(statisztikus) adatelemz´es
I
eredm´enyek, k¨ ovetkeztet´esek
I
eredm´enyek k¨ ozl´ese (vizualiz´ aci´ o)
2/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Statisztikus adatelemz´ es 1
M´odszerek: I Mintav´ etelez´es I
I I
I
Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Egyv´altoz´ os elemz´esek: sz´els˝ o- ´es k¨ oz´ep´ert´ekek, sz´ or´as, . . . Hipot´ezisvizsg´alat I
I
mekkora mint´ ara van sz¨ uks´eg (= mennyi m´er´est kell elv´egezzek), hogy a mint´ am reprezentat´ıv legyen, azaz statisztikusan szignifik´ ans
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig
P(hipot´ezis | adatok) =?
Korrel´aci´ o, regresszi´ os m´ odszerek Dimenzi´ ocs¨ okkent´es I
I
feature selection: k¨ ul¨ onb¨ oz˝ o heurisztik´ ak alapj´ an (pl. SVM seg´ıts´eg´evel) feature extraction, feature generation: PCA (f˝ okomponens anal´ızis), MDS (t¨ obbdimenzi´ os sk´ al´ az´ as), ISOMAP, lok´ alisan line´ aris be´ agyaz´ as
1 A lista nem teljes, a sorrend sem relev´ ans. Val´ osz´ı˝ uleg l´ etezik enn´ el jobb felsorol´ asa a m´ odszereknek, kateg´ ori´ aknak. 3/81
I
Adatb´any´aszati m´ odszerek: I
I I I I
Predikci´ os (g´epi tanul´ o m´ odszerek) m´ odszerek: klaszterez´es, s˝ ur˝ us´egbecsl´es, oszt´ alyoz´ as, regresszi´ o Gyakori mint´ azatok ´es asszoci´ aci´ os szab´ alyok kinyer´ese Id˝ osorelemz´es Rangsorol´ as (pl. PageRank) ...
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
4/81
Az adatvizualiz´aci´o r¨ovid t¨ort´enete Forr´ asok: M. Friendly. A brief history of data visualization. Springer-Verlag, Heidelberg, 2006. (k¨ onyvfejezet) http://www.datavis.ca/papers/hbook.pdf M. Friendly. Milestones in the history of thematic cartography, statistical graphics, and data visualization. http://www.math. yorku.ca/SCS/Gallery/milestone/milestone.pdf
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
5/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
A 17. sz´ azad el˝ ott: T´ erk´ epek, illusztr´ aci´ ok, diagramok
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Imola v´aros t´erk´epe (L. da Vinci, 1500 k¨ or¨ ul)
Vitruvius-tanulm´any (L. da Vinci, 1500 k¨ or¨ ul)
6/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1600–1699: M´ er´ esek, elm´ eletek
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
V´arhat´ o ´elettartam a jelenlegi kor f¨ uggv´eny´eben (Christiaan Huygens, 1669)
Az els˝ o meteorol´ ogiai t´erk´ep, amely a szelek ir´any´at ´es er˝ oss´eg´et ´abr´azolja (Edmond Halley, 1686)
7/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
´ grafikai form´ 1700–1799: Uj ak
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Oszlopdiagram, vonaldiagram (William Playfair, 1786)
8/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1800–1849: A modern kor kezdete
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Anglia ´es Wales t´erk´epe ( a ” t´erk´ep, amely megv´altoztatta a vil´agot”) (William Smith, 1801, illetve 1815)
P´arizsi prostitu´altak eloszl´asa (Alexandre Jean Baptiste Parent-Duchatelet, 1836)
9/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1850–1899: Az adat´ abr´ azol´ as aranykora
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Katon´ak elhal´aloz´asi diagramja; a k¨ ul¨ onb¨ oz˝ o sz´ınek k¨ ul¨ onb¨ oz˝ o okokat jelentenek (Florence Nightingale, 1857)
Modern meteorol´ogiai t´erk´ep (Francis Galton, 1861)
10/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1900–1949: A modern s¨ ot´ et kor
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Az egyszer˝ us´eg´er˝ ol ´es k¨ oz´erthet˝ os´eg´er˝ ol elh´ıres¨ ult londoni metr´o t´erk´epe (Henry C. Beck, 1933) 11/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1950–1974: A vizualiz´ aci´ ou ´jj´ asz¨ ulet´ ese
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Rootogram (egyfajta hisztogram, ahol az ´ert´ekek n´egyzetgy¨ ok´et veszik, ´es az elv´art eloszl´ast is felrajzolj´ak) (John W. Tukey, 1965)
Csillagdiagramok (sug´ardiagram) a gyilkoss´agok gyakoris´ag´anak ´abr´azol´as´ara (Siegel et al., 1971)
12/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1975–napjainkig: A sz´ am´ıt´ og´ epes technol´ ogi´ ak
Mi´ert pont 1975? (Nagyon sok innov´aci´ o t¨ ort´ent ebben az ´evben, u ´j szoftverek l´ertehoz´asa, interakt´ıv rendszerek, u ´j paradigm´ak, t¨obbdimenzi´ os ´abr´azol´asok,. . . ) P´eld´ak az elk¨ ovetkez˝ o slide-okon. . .
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
13/81
Diagramt´ıpusok Forr´as: The Data Visualisation Catalogue http://www.datavizcatalogue.com/ Wikipedia
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
14/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
15/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
1. ´Ivdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
arc diagram van k¨ ork¨ or¨ os v´altozata is
I
az ´ıv vastags´aga = a kapcsolat er˝ oss´ege
I
pl. egy¨ uttes el˝ ofordul´asok ´abr´azol´asa
I
T. Saaty, 1964; T. Nicholson, 1968
I
16/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
2. Ter¨ uletgrafikon
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
area graph
I
az ´ert´ekek (´altal´aban id˝ obeni) v´altoz´as´at mutatja adott intervallumon
I
pl. valamilyen trend, tendencia megjelen´ıt´ese
I
William Playfair (sk´ ot m´ern¨ ok, statisztikus), 1786
17/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
3. Oszlop- vagy s´ avdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
bar/column chart
I
lehet f¨ ugg˝ oleges vagy v´ızszintes
I
diszkr´et numerikus ´ert´ekek ¨ osszehasonl´ıt´asa kateg´ ori´ank´ent
I
fontos: 6= hisztogram (a hisztogram folytonos intervallumon lev˝ o ´ert´ekeket ´abr´azol)
I
ugyancsak William Playfair 18/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
4. Dobozdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I
I
box-whisker plot, box plot percentilis/sz´ azal´ ekoszt´ aly = pl. 20-as (20-adik?) percentilis az az ´ert´ek, ami al´a az adatok 20%-a esik; ha egy ´ert´ek az x-edik sz´azal´ekoszt´alyba esik, akkor az nagyobb, mint az adatok x%-a. kvartilis/negyedszint = a gyakoris´agi eloszl´ast n´egy r´eszre osztja: 19/81
I I I
I
Q1 = 0.25-¨ os/els˝ o/als´ o kvartilis Q2 = 0.5-¨ os/m´ asodik/k¨ oz´eps˝ o kvartilis vagy medi´ an Q3 = 0.75-¨ os/harmadik/fels˝ o kvartilis
John W. Tukey, 1969
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
20/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
5. Elmet´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
brainstorm, mind-map
I
osszetartoz´ ¨ o fogalmak diagramja
I
a neve mindent elmond; tudom´anyos ´ır´asokban nem annyira haszn´alatos
I
a szemantikus h´al´ okhoz kapcsol´ odik, ezek pedig az 1950-es ´evekben jelentek meg (Richard H. Richens, 1956) 21/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
6. Bubor´ ekdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
bubble chart
I
2D-ben az x ´es y tengely k´et k¨ ul¨ onb¨ oz˝ o v´altoz´ ot (dimenzi´ot) jel¨ ol, minden bubor´ek pedig egy harmadikat
I
az ´ert´ek a bubor´ek ter¨ ulet´evel ar´anyos
22/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
7. Bubor´ ekt´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
bubble map
I
hasonl´ ok´eppen az el˝ oz˝ oh¨ oz, az ´ert´ek a bubor´ek ter¨ ulet´evel ar´anyos
23/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
8. L¨ oved´ ekgrafikon (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I
bullet graph t¨ obb elemb˝ ol ´ep¨ ul fel: I I
I
I
Feature Measure (f˝ o m´ert´ek) – k¨ oz´epen Comparative Measure (¨ osszehasonl´ıt´ o m´ert´ek) – erre mer˝ oleges vonalka (ha ezt el´ert¨ uk, akkor OK; val´ osz´ın˝ uleg innen ered az elnevez´ese) a k¨ ul¨ onb¨ oz˝ o sz´ınekkel/´ arnyalatokkal sat´ırozott intervallumok kvalitat´ıv tartom´ anyokat jel¨ olnek; pl. ´ atlagos, j´ o, kit˝ un˝ o
Stephen Few (informatikus, statisztikus) nev´ehez f˝ uz˝ odik: http://www.perceptualedge.com/articles/misc/ Bullet_Graph_Design_Spec.pdf 24/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
9. Gyertyagrafikon
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
candlestick chart
I
´arfolyam v´altoz´as´anak szeml´eltet´es´ere haszn´alj´ak
I
´ert´elmez´ese: l´asd a jobb oldali ´abra fels˝ o r´esz´et
I
Munehisa Homma (jap´an rizskeresked˝ o), 18. sz.
25/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
10. H´ urdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
chord diagram hasonl´ o az ´ıvdiagramhoz; az adatok k¨ oz¨ otti kapcsolatokat ´abr´azoljuk egy k¨ or´ıven
I
k¨ ul¨ onbs´eg: az adatok klaszterezhet˝ ok, csoportos´ıthat´ok
I
New York Times, 2007
I
26/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
A Wikiwiz 2011 Data Visualization Challenge gy˝ oztes grafikonja: a Wikipedia k¨ ul¨ onb¨ oz˝ o nyelv˝ u v´altozatai (als´ o r´esz) – k¨ ul¨ onb¨oz˝o orsz´agokb´ ol val´ o k´er´esek (fels˝ o r´esz) (Forr´as: https://en.wikipedia.org/wiki/Chord_diagram)
27/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
11. Choroplet t´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I I
I
choropleth map choro+plet = r´egi´ o/ter¨ ulet + sokas´ag k¨ ul¨ onb¨ oz˝ o sz´ınekkel vagy mint´azatokkal jel¨ olt ter¨ uletek egy t´ertk´epen, melyek k¨ ul¨ onb¨ oz˝ o ´ert´ekeket jel¨ olnek (´atmenetek k´et sz´els˝ o´ert´ek˝ u” sz´ın k¨ ozt, melyeket k¨ onnyen lehet ” ´ertelmezni) Charles Dupin, 1826 28/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
12. K¨ ork¨ or¨ os fat´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
circle packing, circular treemap
I
a fat´erk´ephez (treemap) hasonl´ o (l´asd k´es˝ obb), t´eglalapok helyett k¨ or¨ oket haszn´al
I
hierarchikus csoportos´ıt´as ´abr´azolhat´ o vele
I
treemap: Ben Shneiderman (informatikus), 1990-es ´evek
29/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
13. Kapcsolati t´ erk´ ep, kapcsolatt´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
connection map
30/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Rep¨ ul˝ oj´aratok kapcsolatt´erk´epe (Forr´as: http://www.visualcomplexity.com/vc/blog/?p=505)
31/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
14. S˝ ur˝ us´ eggrafikon
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I I
density plot az adatok eloszl´as´at ´abr´azolja; pontosabb mint a hisztogram s˝ ur˝ us´egf¨ uggv´eny: Z x F (x) = f (t)dt −∞
Z
+∞
f (t)dt
=
P(X ∈ A)
=
−∞
1 Z f (t)dt A 32/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
15. Gy˝ ur˝ udiagram (perecdiagram [Excel], f´ ankdiagram)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
donut chart
I
olyan mint egy k¨ ordiagram (pie chart), aminek kiszedt´ek a k¨ ozep´et
I
az ´ert´ekek a k¨ or´ıvek hossz´aval ar´anyosak (= a bez´art sz¨oggel, a k¨ orcikk ter¨ ulet´evel)
I
k¨ ordiagram: William Playfair 33/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
16. Pontt´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
dot map
I
Armand Joseph Fr`ere de Montizon (ferences szerzetes), 18–19. sz.
34/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
17. M´ atrixdiagram, pontm´ atrix diagram (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
dot matrix chart
I
eloszl´ast, ar´anyokat szeml´eltetnek
I
a k¨ ul¨ onb¨ oz˝ o sz´ınek k¨ ul¨ onb¨ oz˝ o kateg´ ori´akat jel¨ olnek
35/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
18. Hibas´ av grafikon/diagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
error bars
I
a megjelen´ıtett adatok v´altoz´ekonys´ag´at (sz´ or´as´at, konfidenci´aj´at) ´abr´azolj´ak
36/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
19. Folyamat´ abra
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
flowchart
I
Frank ´es Lillian Gilbreth (amerikai ipari m´ern¨ ok, illetve ipari m´ern¨ ok ´es pszichol´ ogus h´azasp´ar), 1921
37/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
20. Folyamt´ erk´ ep (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
flow map
I
a t´erk´ep´eszetben haszn´alt vizualiz´aci´ os modell, objektumok, entit´asok v´andorl´as´at ´abr´azolja egyik helyr˝ ol a m´asikra (pl. migr´aci´ os folyamatok, ´arusz´all´ıt´as, h´al´ ozati csomagok stb.)
I
Charles Joseph Minard (francia ´ep´ıt˝ om´ern¨ ok), 18–19. sz.
38/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
A francia borexport ´abr´azol´asa (1864) (Forr´as: Wikipedia)
39/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
21. Gantt-diagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
Gantt chart
I
k¨ ul¨ onb¨ oz˝ o m˝ uveletek, tev´ekenys´egek id˝ obeni megjelen´ıt´es´ere szolg´al; manaps´ag legt¨ obbsz¨ or a projektmenedzsmentben haszn´alj´ak
I
a nyilak a f¨ ugg˝ os´egeket, a (sat´ırozott) s´avok a befejezetts´egi ” szintet” mutatj´ak, ezeket angolul activity bar-nak nevezik
I
Henry Gantt (amerikai m´ern¨ ok), 1910-es ´evek
40/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
22. H˝ ot´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
heat map
I
a sz´ınek k¨ ul¨ onb¨ oz˝ o ´ert´ekkateg´ ori´akat, intervallumokat jel¨olnek
I
´altal´aban: hideg sz´ınek = alacsony ´ert´ek, meleg sz´ınek = magas ´ert´ek
I
mindig sz¨ uks´eges egy jelmagyar´azat (legend) = milyen sz´ınek milyen ´ert´ekeknek felelnek meg
I
Cormac Kinney (amerikai szoftvertervez˝ o), 1991 41/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Napsug´arz´as ´eves ´atlaga Forr´as: http://www.hotspotenergy.com/ DC-air-conditioner/europe-solar-hours.php
42/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
23. Hisztogram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
histogram
I
adatok eloszl´as´at ´abr´azolja
I
Karl Pearson (angol matematikus), 1891 ( historical ” diagram”)
43/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
24. Kagi-diagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I I I
Kagi chart kereslet ´es k´ın´alat ´abr´azol´as´ara alkalmazz´ak, az ´arfolyam, ´aringadoz´as megjelen´ıt´es´ere shoulder = v´all, waist = der´ek szab´alyok: I
I
I
ha az ´ ar az el˝ oz˝ o v´ all f¨ ol´e emelkedik, akkor vastagg´ a ´es z¨ oldd´e v´ alik (Yang vonal) (= kereslet emelked´ese; a v´ alt´ asn´ al ´erdemes v´ as´ arolni) ha az ´ ar az el˝ oz˝ o der´ek al´ a cs¨ okken, akkor v´ekonny´ a ´es piross´ a v´ alik (Yin vonal) (= a k´ın´ alat n¨ oveked´ese; a v´ alt´ asn´ al ´erdemes eladni)
Jap´an, 1870-es ´evek 44/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
25. Vonaldiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
line graph, line chart
I
´altal´aban trendek megjelen´ıt´es´ere haszn´alatos
I
Francis Hauksbee, Nicolaus Samuel Cruquius, Johann Heinrich Lambert and William Playfair (Wikipedia)
45/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
26. Marimekko-diagram, mozaikdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
Marimekko chart, mosaic plot
I
v´altoz´ op´arok k¨ oz¨ otti adatokat, ar´anyokat szeml´eltetnek
I
Marimekko: 1951-ben alap´ıtott finn lak´astextil, textil ´es divatc´eg
46/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
A zenesz¨ ovegek tematik´aja (Forr´as: Wikipedia)
47/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
27. Halmozott oszlopdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
multiset bar chart
I
´altal´aban k¨ ul¨ onb¨ oz˝ o m´ odszerek ¨ osszehasonl´ıt´as´ara haszn´alj´ak
I
pl. a bal fels˝ o ´abr´an a csoportok jelenthetnek pl. valamilyen g´epi tanul´asi m´ odszert, m´ıg a csoportokon bel¨ uli oszlopok k¨ ul¨ onb¨ oz˝ o adathalmazokat; vagy ugyanez ford´ıtva
48/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
28. H´ al´ ozatdiagram vagy gr´ af
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I
network diagram mi a k¨ ul¨ onbs´eg gr´ af ´es h´ al´ ozat k¨ oz¨ ott? I I
I
sokszor felcser´elhet˝ oen haszn´ alj´ ak a k´et fogalmat h´ al´ ozat = objektumok k¨ oz¨ otti term´eszetes kapcsolatok (pl. szoci´ alis h´ al´ ozat, sz´ am´ıt´ og´epek h´ al´ ozata) gr´ af = elm´eleti modell, a kapcsolatok ´ altal´ aban egy automatiz´ alt folyamat eredm´enyei (pl. v´eletlen gr´ afok) (R. Mihalcea, D. Radev. Graph-based Natural Language Processing and Information Retrieval. Cambridge University Press, 2011.) 49/81
I
Leonhard Euler (sv´ajci matematikus, fizikus, csillag´asz, . . . ), 1736: a k¨ onigsbergi hidak probl´em´aja (K¨ onigsberg most Kalinyingr´ad) – ´at lehet-e menni u ´gy mind a h´et h´ıdon, hogy mindegyiken csak egyszer haladjunk ´at, ´es visszat´erj¨ unk a kiindul´ opontba?
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Az Internet h´al´ ozatdiagramja (2005. janu´ar 15.) (Forr´as: Wikipedia) 50/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
29. Pol´ aris diagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I
I
I
Nightingale rose chart a kateg´ ori´akat azonos m´eret˝ u k¨ orcikkekre osztjuk; az ´abr´azolt ´ert´ekek a ter¨ uletekkel ar´anyosak a k¨ uls˝ o szegmensek nagyobb ter¨ ulete az ´ert´ekek n¨ oveked´es´et ´abr´azolj´ak Florence Nightingale (angol t´arsadalmi reformer, statisztikus, a modern ´apol´as megalap´ıt´ oja), 1858 51/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
30. OHLC grafikon
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
open-high-low-close chart, OHLC chart
I
´arfolyam v´altoz´as´anak ´abr´azol´as´ara haszn´alj´ak
I
minden oszlop n´egy jellemz˝ ovel rendelkezik: nyit´as, z´ar´as, minimum ´es maximum
52/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
31. P´ arhuzamos koordin´ at´ ak
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I I
parallel coordinates plot sokv´altoz´ os diagram: I
I
I I
minden v´ altoz´ ohoz egy k¨ ul¨ on´ all´ o f¨ ugg˝ oleges tengely ´es sk´ ala tartozik a sk´ al´ akat normaliz´ aljuk, hogy azonos kiterjed´es˝ uek (magass´ ag´ uak) legyenek
(h´atr´any: sok adat eset´en t´ ulzottan kusz´av´a v´alhat) Philbert Maurice d’Ocagne (francia m´ern¨ ok, matematikus), 1885 53/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
32. P´ arhuzamos halmazok
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
parallel sets
I
hasonl´ o a p´arhuzamos koordin´at´akhoz
I
minden dimenzi´ o/v´altoz´ o/tengely t¨ obb kateg´ ori´ara van felbontva
I
Robert Kosara (osztr´ak (?) informatikus), 2006: http: //kosara.net/papers/2006/Kosara_TVCG_2006.pdf 54/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Titanic t´ ul´el˝ ok (Forr´as: https://www.jasondavies.com/parallel-sets/)
55/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
33. Piktogram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
pictogram, pictograph
I
gyakoris´ag ´erdekesebb szeml´eltet´ese
56/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
34. K¨ ordiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
pie chart
I
az ´ert´ekek a ter¨ ulettel, k¨ or´ıvvel, sz¨ oggel ar´anyosak
I
Playfair
57/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
35. Korfa
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
population pyramid, age & sex pyramid
I
k´et v´ızszintes hisztogram (f´erfi ´es n˝ o) egym´as mellett
58/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
36. Sug´ ardiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
radar chart
I
t¨ obb v´altoz´ o szerinti ¨ osszehasonl´ıt´as; legt¨ obbsz¨ or arra j´o, hogy l´assuk, mely dimenzi´ ok/v´altoz´ ok a legkisebbek
I
t´ ul sok v´altoz´ o kusz´av´a teheti a grafikont
59/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
37. K¨ ork¨ or¨ os/radi´ alis s´ avdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
radial bar chart
I
s´avdiagram egy k¨ orre rajzolva
I
probl´ema: az interpret´al´asa nem biztos, hogy ´egy´ertelm˝ u; itt nem a s´avok hossza, hanem a sz¨ ogeik ar´anyosak a reprezent´alt ´ert´ekkel
60/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
38. K¨ ork¨ or¨ os/radi´ alis oszlopdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
radial column chart
I
oszlopdiagram a k¨ orre helyezve; hasonl´ o a sug´ardiagramra
61/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
39. Sz´ or´ asdiagram, pontfelh˝ odiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
scatter plot
I
l´atszik az adatok trendje, sz´ or´asa
I
John Herschel (angol polihisztor, matematikus), 18–19. sz.
62/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
40. Kiterjed´ esi/intervallum s´ avdiagram (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
span chart
I
egyfajta s´avdiagram, intervallumok jel¨ ol´es´ere
63/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok
A Dream Theater egy¨ uttes tagjai (Forr´as: Wikipedia)
Tov´ abbi vizualiz´ aci´ os technik´ ak
64/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
41. Id˝ osor spir´ al
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
spiral plot, time series spiral
I
adatok id˝ obeni v´altoz´as´at szeml´elteti
I
az arkhim´ed´eszi spir´alon lehetnek s´avok, pontok, bubor´ekok stb.
I
Carlis & Konstan, 1998 (http://www-users.cs.umn.edu/~carlis/spiral.pdf)
65/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
42. Halmozott ter¨ uletgrafikon
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
stacked area graph
I
t¨ obb ter¨ uletgrafikon egym´asra t´eve
I
egy ter¨ uletgrafikon z´erus´ert´ekei mindig az alatta l´ev˝ o ter¨ uletgrafikon ´ert´ekei lesznek, azaz a k´et grafikon k¨oz¨otti k¨ ul¨ onbs´eget kell n´ezni (l´asd a jobb fels˝ o ´abr´at)
66/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
43. Halmozott s´ avdiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
stacked bar graph
I
hasonl´ o a halmozott oszlopdiagramokhoz; val´ oj´aban ezt is lehetne u ´gy nevezni
I
s´avdiagramok, melyek hasonl´ o elv ment´en ´ep¨ ulnek fel, mint az el˝ oz˝ o halmozott ter¨ uletgrafikonok
67/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
44. Folyamgrafikon (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
stream graph
I
nagyon hasonl´ o a halmozott ter¨ uletgrafikonhoz
I
k¨ ul¨ onbs´eg: itt nincs egy r¨ ogz´ıtett v´ızszintes tengely a legals´o folyamn´al/s´avn´al
I
´atal´aban interpol´alnak a pont k¨ oz¨ ott, hogy a szemnek min´el kellemesebb legyen a folyam
68/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Google Music Timeline (Forr´as: https://research.google.com/bigpicture/music/)
69/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
45. T¨ obbszint˝ u gy˝ ur˝ udiagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
sunburst diagram
I
hierarchikus adatok ´abr´azol´as´ara
I
egy szelet alatti szeletek m´erete lehet azonos vagy ar´anyos adott ´ert´ekkel
70/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
46. Rov´ asdiagram (?)
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
tally chart
I
gyakoris´ag ´erdekesebb szeml´eltet´ese; hasonl´ o a piktogramhoz
I
fels˝ o paleolit (k˝ okorszak)
71/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
47. F´ ak
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
tree diagram
72/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
48. Fat´ erk´ ep
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
treemap
I
hierarchia ´abr´azol´as´ara
I
az ´ert´ek a ter¨ ulettel ar´anyos
73/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
49. Venn-diagram
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
Venn diagram
I
halmazok k¨ oz¨ otti rel´aci´ ok szeml´eltet´es´ere haszn´alatos
I
a halmazokat ´altal´aban k¨ or¨ okkel, k¨ orlapokkal jel¨ olik, de lehet pl. ellipszisekkel is
74/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
50. Sz´ ofelh˝ o
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
I
word cloud
I
a bet˝ u m´erete ar´anyos a reprezent´alt ´ert´ekkel
75/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Pop
Metal Leggyakoribb szavak a zenesz¨ ovegekben (saj´at kutat´as) 76/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
Pop
Metal Leggyakoribb sz´ op´arok (bigramok) a zenesz¨ ovegekben (saj´at kutat´as) 77/81
Tov´abbi vizualiz´aci´os technik´ak Infografika I
I
o¨sszetartoz´ o adatok, inform´aci´ ok, grafikonok egyvelege, mellyel valamit k¨ oz¨ olni akarunk Christoph Scheiner, 1626
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
78/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Informatik´ aban haszn´ alatos diagramok (?)
Bod´ o Zal´ an
Forr´as: Wikimedia Commons, https: //commons.wikimedia.org/wiki/Specific_diagram_types (Megjegyz´es: a lista nem teljes!)
A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok
I
egyed-kapcsolat (entity-relationship) diagram
I
vez´erl´esfolyam-gr´af (control flow graph, CFG)
I
folyamat´abra
I
gr´afok, f´ak, . . . automat´ak Pl. 3-mal oszthat´ o bin´aris sz´amok felismer´ese:
I
0
a
Tov´ abbi vizualiz´ aci´ os technik´ ak
1
1 1
b
0
c
0
79/81
I
adatfolyam gr´af/diagram
I
UML diagramok (http: //www.uml-diagrams.org/uml-25-diagrams.html): use-case, oszt´alydiagram, . . .
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
80/81
I
I
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
m´as software engineering diagramok: architekt´ ura diagram, software context diagram, system flow diagram, state transition diagram, class collaboration diagram, . . .
A m´ er´ esekt˝ ol a vizualiz´ aci´ oig
...
Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete
Bod´ o Zal´ an
Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
81/81
m´ ert´ ekek Szoftvermetrik´ ak ´ es min˝ os´ egmenedzsment
Bod´ o Zal´ an A m´ er´ esekt˝ ol a vizualiz´ aci´ oig Az adatvizualiz´ aci´ o r¨ ovid t¨ ort´ enete Diagramt´ıpusok Tov´ abbi vizualiz´ aci´ os technik´ ak
...
82/81