Visandõpetused

10 eskiisnõuannet ilusa ja hooldatava graafiku jaoks (GIF-i hoiatus!)

Näete kõiki neid pilte ülaltoodud pildil? Hankige need siit või lugege nende kohta siit:

Olen kujundanud palju diagramme. See on jõudnud niikaugele, et tunnen, et väärin andmeteaduste audoktorit või vähemalt minu käe tätoveeringut, millel on kujutatud logaritmiline hajumine.

Kuid ma kahanen.

Diagrammid on andmetoodete lahutamatu osa ja ilus viis teabe kogumite visualiseerimiseks. Mul on tugevad arvamused selle kohta, millal ja kuidas neid tuleks kasutada, kuid see on postitus teisele päevale.

Täna räägime diagrammide kujundamisest nii, et neid oleks mõnus vaadata ja mis kõige tähtsam, et neid oleks lihtne hooldada. Segased edetabelid on täiesti silmist ja keegi ei taha visuaale, mis näeks välja nagu oleks tehtud PowerPointi umbes 1995. aastal või nagu ma seda nimetan, “vanad head ajad”.

Edaspidi on mõned ProTips ™ -id, millega olen jõudnud pärast gazillionide graafikute kujundamist.

1. Kasutage diagrammitelgede ja ruutjoonte joonistamiseks stiile

Kui töötate mõne edetabelit sisaldava toote kallal, siis hakkate ennast lööma, kui klient otsustab, et ta soovib kriipsutatud ruudustikujooni, mitte kindlaid. D’oh. Nüüd pean minema kõik need üles otsima.

Mitte siis, kui need on stiilid! Vaata järgi:

See näitab lihtsalt peamist telge. Stiilid sobivad suurepäraselt ka ruudustikliinidele (need on GIF-is nägemiseks liiga tuhmid).

Peaksin mainima, et ülaltoodud GIF-is on väike mahajäämus, kuna see muudab primaartelje stiili 60+ erineva diagrammi jaoks ühe hooga. Stiilid on parimad

2. Sümboliseerige andmepunkte

Pidades sammu paljude graafikute korraga värskendamise teemaga, aitab andmepunktide sümbolimine kokku hoida kokku üheksateist ja pool aastat - C - pisikeste ringide klõpsamine kogu oma tahvlitel. Seadistage sümbol ja kasutage seda uuesti, kui vajate andmesidepunkti. Kui otsustate maanteel, et soovite, et see oleks õõnes asemel kindel, muutke lihtsalt alussümbolit. See on nii lihtne, et isegi vanaema saaks seda teha!

Pisike ProTip: ärge muutke oma andmepunkte ringideks. Tehke need ruudud 100% ümardatud nurkadega (raadiusega). See teeb selle lihtsalt palju lihtsamaks, kui otsustate tagasi ruutude juurde minna!

3. Diagrammitükkide hõlpsaks sihtimiseks kasutage ühist nimetamismeetodit

Kui sirggraafikus on 10 andmepunkti, kasutage pistikprogrammi nagu RenameIt, et muuta kõigi nende kihi nimi väärtuseks „Data Point”. Ma ei saa isegi teile öelda, kui palju aega see teid säästab.

Siin on üks minu diagrammikihi rühmadest, nii et näete kihtide nimesid:

Kui mul on kunagi vaja muuta kõigi „horisontaalse ruudustiku” pikkust või asukohta, siis ma lihtsalt otsin kihti järgmiselt… kuhu satute… „Horisontaalne ruudustik”! Siis saan Shift + klõpsata loendi üla- ja alaosas, et valida kõik kunsttahvlitel olevad ruudustikud ja muuta nende pikkust / positsiooni. Need väikesed asjad liidavad, ma luban.

4. Rühmitage andmepunktid telgede siltidega

See võib minu lugejaid jagada, kuid ma isiklikult eelistan andmepunktide rühmitamist nende teljesiltidega, eriti kui töötan riba- või tulpdiagrammil. See muudab lihtsalt graafikus kõik selle väärtusega seotud kõik korraga positsioneerimiseks või kustutamiseks. Vaadake allolevat GIF-i, et näha, mida ma mõtlen.

Märkus. Kasutan kogu andmerühma ümber ka piiramiskasti. Vaadake minu teist postitust „5 viisi, kuidas oma visandikööki puhtana hoida”, et näha, miks mulle meeldib köitmiskastide kasutamine.

5. Rühmitage read ja andmepunktid hõlpsaks ümberpaigutamiseks

Kui rääkida rühmitamisest (ei, mitte grupeerimisest), kui teete andmepunktidega graafikuid, siis grupeerige need omavahel, et saaksite neid koos kiiresti teisaldada ja värskendada. See näib triviaalne, kuid ma olen näinud kümneid tasuta graafikute allalaadimist koos ridade ja andmepunktidega, istudes lihtsalt taevakaardil nagu kadunud kutsikad pargis ilma jalutusrihmadeta.

6. Kasutage horisontaalset / vertikaalset jaotust ühtlaste vahedega andmepunktide jaoks

Olgem reaalsed, joondiagrammid on nii valusad. Kuid kui ma avastasin, et saate tipude peal kasutada jaotuse joondamise toiminguid, maksin ära oma koolilaenud, jõudsin keskkooli kohvi järele kiusamiseni ja kaotasin lõpuks selle viimase 10 naela.

Valige rida, mille jaoks soovite ühtlase vahekaugusega tippe, klõpsake tööriistaribal nuppu Redigeerimine (või vajutage klaviatuuri sisestusklahvi), valige kõik punktid ⌘ + A abil, seejärel klõpsake parema paani ülaosas horisontaalset jaotustegevust. Tada! Kõik teie tipud on nüüd üksteisest ideaalselt eraldatud ja joondatud vastavalt neile sobivatele X-telje märgistele (veenduge, et need oleksid horisontaalselt jaotatud, kasutades sama meetodit).

peal

7. Määrake igale objektile suuruse muutmise reegel

Visand 39, mis on tarnitud funktsiooniga, mida me kõik ootasime: reeglite suuruse muutmine. Vaadake Peter Nowelli pekslehtede suuruse muutmist, et end kiirendada.

Vaikimisi seab Sketch iga objekti väärtuseks Stretch, kuid see teeb teie diagrammile veidraid asju, kui proovite suurust muuta otse väravast.

Siin on mõned põhireeglid, kuid selleks, et saada diagramm, mille suurus on õigesti muutmata, ilma et see ise moonutaks, peate selle lihtsalt ise mängima:

  • Servaobjektid peaksid olema serva külge kinnitatud. See hõlmab kogu Y-telge, vasak- ja parempoolset X-telje silte ning kahte vasak- ja parempoolset andmepunkti, kui teete joonte diagrammi. See tagab, et servad püsivad fikseerituna, samal ajal kui kõik muu sees olev suurus muutub ja hõljub.
  • Kõik diagrammi keskmises osas olevad andmed peavad tõenäoliselt ujuma kohas. See tagab, et see säilitab suhtelise vahemaa ümbritsevate andmepunktide suhtes ja kaitseb neid venimise / moonutamise eest.
  • Ruutvõrgud peaksid olema seatud objekti suuruse muutmiseks või venitamiseks. Ma ei oska öelda, miks, kuid eelistan isiklikult objekti suuruse muutmist.
Vaata, ema! Pole moonutusi! Pange Chart Wizard ™ oma Tinderi profiili.

8. Skaleerige diagramme, kasutades kuvasuhete säilitamiseks ⌘K

Suuruse muutmise reeglid toimivad kõige paremini horisontaalse suuruse muutmisel, kuid aeg-ajalt toimivad need ka vertikaalse suuruse muutmisel. Tavaliselt on see siiski üks või teine.

Kui soovite diagrammi lihtsalt väiksemaks muuta, on parem kasutada diagrammi suuruse muutmiseks klahvi ⌘ + K, selle asemel, et diagramm valida ja selle nurgast suurust muuta, muuta grabiilsed asjad (mis iganes neid nimetatakse ...). See tagab, et kõik, sealhulgas tekst, on skaleeritud. Vt allpool:

9. Valige sujuvate sirgete kõverate jaoks andmepunktid peegelpildiks

Kuidas nad teevad sellised sujuvad, ühtlased kõverad?! - Mina, kolm kuud tagasi

Selle asemel, et pliiatsi tööriistaga võidelda, et joonistada sile, ühtlaselt asetsev kõver, on mul kõige lihtsam joonistada oma tippe peegeldatud käepidemetega. Vaadake allolevat GIF-i ja pange tähele, et klõpsan ja hoian all klahvi Shift, kui lohistan tipu käepidet. Käepideme horisontaalsena hoidmisel jäävad üleminekud tippude vahel kenaks ja võiseks sujuvaks. Pärast tipu asetamist ja käepidemete avamist vabastage tõstuklahv, seejärel klõpsake nuppu-lohistage järgmist tippu, hoides samal ajal klahvi Shift uuesti.

10. Hajutamisgraafiku kiireks genereerimiseks kasutage kritseldamise meetodit

See on mu absoluutne lemmik ja avastasin selle meetodi just nädal tagasi.

Märkus. Kui proovite visuaalseid andmeid oma maketides visualiseerida, ei aita see meetod teid.

Tegelesin hajusa diagrammi kavandamisega ja olin tüdinud andmepunktide dubleerimisest ja nende lohistamisest ümber, et moodustuks haju. Kui soovite aga luua diagrammi, mis näeb välja hajusa graafikuna, et anda dev millelegi viitamiseks, tehti see meetod teie jaoks.

Olgu, minge haarama pliiatsi tööriist visandisse. Vajutage lihtsalt klaviatuuril P-tähte.

Mida kuradit on pliiatsi tööriist?! Ma isegi ei teadnud, et see olemas on. Mul pole aimugi, millal või miks ma kunagi midagi sellist kasutaksin. - Mina, eelmine nädal

Nüüd kritseldage oma lõuendil ringi. Jah, tõesti. Tihedate andmete saamiseks kritseldage sama piirkonna ümber terve hunnik. Ärge unustage aeg-ajalt ringi liikuda diagrammipiirkonnas, et luua mingeid kõrvalisi väärtusi.

Okei, siin on geeniuse osa: andke oma joonele piir ja määrake äärise seadetes ülikerge kriips. Poom. Kohene hajumine. Olete nagu Michael Phelps edetabelites, kui ta asus ujumise asemel andmeteadusesse. Õigeaegne olümpiaviide. Kuum koer!

Minge siit minema, Clippy! Ei, ma ei vaja hajutatud graafikute loomisel teie abi!

Kui see väike visanditrikk on kõik, mis mulle tuule käes tolmu tekitades meelde tuleb, siis suren õnnelik mees.

Seal sul see on. Nüüd olete atesteeritud statistik, matemaatik, andmeteadlane ja graafik. Mine küsi tõstmist. Sa väärid seda.

Armastan teid inimesi. Head visandit!