Luonnosoppaat

10 luonnosvinkkiä kauniita ja ylläpidettäviä kaavioita varten (GIF-varoitus!)

Näetkö kaikki nuo kaaviot yllä olevasta kuvasta? Hanki ne täältä tai lue heistä täältä:

Olen suunnitellut paljon kaavioita. Se on saatu siihen pisteeseen, että tunnen ansaitsevan kunniatohtorin datan tietojenkäsittelystä tai ainakin tatuoinnin käsivarrelle, joka kuvaa logaritmista sirontakuvaa.

Mutta minä eroan.

Kaaviot ovat olennainen osa datatuotteita ja kaunis tapa visualisoida tietojoukkoja. Minulla on vahvat mielipiteet siitä, milloin ja miten niitä tulisi käyttää, mutta se on viesti uudelle päivälle.

Tänään puhumme kaavioiden suunnittelusta niin, että ne ovat molemmat miellyttäviä katsoa ja mikä tärkeintä, helppo ylläpitää. Sotkuiset kaaviot ovat täydellinen silmämäärä, eikä kukaan halua visualisointeja, jotka näyttävät siltä kuin ne olisi tehty PowerPoint circa 1995 -sarjassa… tai kuten kutsun sitä, ”vanhat hyvät päivät”.

Tästä eteenpäin on joitain ProTips ™ -tuotteita, jotka olen keksinyt suunnitellut gazillion-kaavioita.

1. Käytä tyylejä kaavion akseleihin ja ristikkoviivoihin

Jos työskentelet tuotteella, jolla on paljon kaavioita, alat potkaista itseäsi, jos asiakas päättää, että hän haluaa katkoviivoitetut ruudukkoviivat kiinteän sijaan. D'oh. Nyt minun on mentävä etsimään kaikki nämä.

Ei, jos ne ovat tyylejä! Tarkista se:

Se näyttää vain pääakselin. Tyylit sopivat hyvin myös ristikkolinjoihin (ne ovat liian haalistuneet näkemään GIF: ssä).

Minun on mainittava, että yllä olevassa GIF-muodossa on pieni viive, koska se muuttaa ensisijaisen akselin tyyliä yli 60 erilaiselle kaaviolle yhdessä rinteessä. Tyylit ovat parhaita

2. Symbolisoi datapisteet

Pitämällä teemaamme päivittää paljon kaavioita kerralla, symboloimalla tietopisteitä säästät noin yhdeksäntoista ja puoli vuotta vietettyä ⌘-napsauttamalla pieniä ympyröitä tauluillasi. Aseta symboli ja käytä sitä uudelleen aina, kun tarvitset datapistettä. Jos päätät tiellä, että haluat sen olevan vankka, ei ontto, vaihda vain perussymboli. Se on niin helppoa, että jopa isoäiti voisi tehdä sen!

Pieni ProTip: Älä tee tietopisteitäsi ympyröiksi. Tee niistä neliöitä, joissa on 100% pyöristetyt kulmat (säde). Se tekee siitä vain paljon helpompaa, jos päätät palata neliöille!

3. Käytä yleistä nimeämiskäytäntöä kohdistaaksesi helposti kaaviopalat

Jos viivakuvaajassa on 10 datapistettä, käytä laajennusta, kuten RenameIt, muuttaaksesi kaikkien niiden tason nimen arvoksi “Data Point”. En voi edes kertoa sinulle kuinka paljon aikaa tämä säästää.

Tässä on katsaus yhteen kaaviokerrosryhmistäni, jotta näet tasojen nimet:

Jos minun on koskaan vaihdettava kaikkien "vaakasuuntaisen ruudukon" pituutta tai sijaintia, teen vain kerroshaun ... olet kiinni ... "vaakasuuntainen ruudukko"! Sitten voin Shift + Napsauta luettelon ylä- ja alareunassa valitaksesi kaikki ruudukkoviivat taitelaudalleni ja muuttaa niiden pituutta / sijaintia. Nämä pienet asiat täyttyvät, lupaan.

4. Ryhmitä datapisteet akselimerkinnöin

Tämä saattaa jakaa lukijani, mutta pidän henkilökohtaisesti parempana ryhmitellä datapisteitä niiden akselimerkinnöin, etenkin jos työskentelen pylväskaaviossa tai sarakkeessa. Se vain tekee siitä, että on paljon helpompaa sijoittaa tai poistaa kaikki siihen arvoon liittyvä kuvaaja kerralla. Katso alla olevasta GIF-tiedostosta, mitä tarkoitan.

Huomaa: Käytän myös rajaavaa laatikkoa koko tietoryhmän ympärillä. Tutustu muihin viesteihini “5 tapaa pitää luonnekeittiösi puhtaana” nähdäkseni miksi haluan käyttää rajaavia laatikoita.

5. Ryhmittele rivit ja tietopisteet helppoon sijoitteluun

Ryhmittelystä (ei, ei haparoinnista) puhuttaessa, jos teet viivakaavioita datapisteillä, ryhmittele ne yhteen, jotta voit siirtää ja päivittää niitä nopeasti yhdessä. Vaikuttaa triviaaliselta, mutta olen nähnyt kymmeniä ilmaisia ​​kaaviolatauksia, joissa on rivejä ja datapisteitä vain istuen tahtoo vaihdelaatikossa kuin kadonneet koiranpennut puistossa ilman hihnat.

6. Käytä vaaka- / pystysuuntaista jakaumaa tasaisesti sijoitettuihin datapisteisiin

Ollaan todellinen, viivakuvaajat tekevät niin tuskallista. Mutta kun huomasin, että voit käyttää jakelun kohdistamistoimenpiteitä yläpisteissä, maksin koululainani, otin yhteyttä lukion kiusaajaan kahviin ja lopulta menetin viimeiset 10 puntaa.

Valitse rivi, jolle haluat tasaisen etäisyyden pisteitä, napsauta työkalurivin Muokkaa (tai paina näppäimistön Enter-painiketta), valitse kaikki kohdat painikkeilla ⌘ + A ja napsauta sitten vaakasuoraa jakelua oikean ruudun yläosassa. Tada! Kaikki kärkisi ovat nyt erotettu toisistaan ​​ja kohdistettu vastaaviin X-akselimerkintöihin (varmista, että ne on jaettu vaakatasossa samalla menetelmällä).

päällä

7. Määritä jokaiselle objektille koon muuttamissääntö

Luonnos 39, joka toimitettiin ominaisuuden kanssa, jota me kaikki odotimme: Sääntöjen koon muuttaminen. Katso Peter Nowellin koon muuttuvan huijaussivun avulla saadaksesi itsesi vauhtiin.

Oletuksena Sketch asettaa jokaisen objektin venytykseksi, mutta tämä aikoo tehdä kaavion asioita kaavioon, jos yrität muuttaa kokoa suoraan portista.

Tässä on joitain perussääntöjä, mutta sinun on todella pelattava sen kanssa itse saadaksesi kaavio, jonka koko muuttuu oikein vääristämättä itse kaaviota:

  • Reunaobjektit tulee kiinnittää reunaan. Tämä sisältää koko Y-akselin, vasemman ja oikean reunan X-akselin tarrat sekä kaksi vasenta ja oikeaa eniten datapistettä, jos teet viivakaaviota. Tämä varmistaa, että reunat pysyvät kiinteinä, kun taas kaiken muun sisällä olevat koot muuttuvat ja kelluvat.
  • Kaavion keskialueella olevien tietojen on todennäköisesti kelluva paikoillaan. Tämä varmistaa, että se ylläpitää suhteelliset etäisyytensä ympäröiviin datapisteisiin ja suojaa niitä venyttämiseltä / vääristymiseltä.
  • Ruudukkorivit tulisi asettaa objektin koon tai venytyksen kokoon. En osaa kertoa miksi, mutta pidän henkilökohtaisesti koon objektin koon muuttamista.
Katso, äiti! Ei vääristymiä! Laita Chart Wizard ™ -sovellus Tinder-profiiliisi.

8. Skaalaa kaavioita ⌘K: n avulla kuvasuhteiden ylläpitämiseksi

Kokonmuutosäännöt toimivat parhaiten vaakakokoonpanossa, mutta ne toimivat toisinaan myös pystysuuntaisen koon muuttamiseksi. Yleensä se on kuitenkin yksi tai toinen.

Jos haluat vain tehdä kaavion pienemmäksi, on parasta käyttää ⌘ + K muuttaaksesi kaavion kokoa sen sijaan, että valitsisit kaavion ja muuttaisit sen kokoa kulmasta muuttaaksesi grabb-asioita (mitä tahansa niitä kutsutaankin ...). Tämä varmistaa, että kaikki skaalataan, myös teksti. Katso alempaa:

9. Aseta datapisteet ”peiliin” tasaisille viivakäyrille

Kuinka ne tekevät niin sileistä, tasaisista käyristä ?! - Minä, kolme kuukautta sitten

Sen sijaan, että taistelisin kynätyökalun avulla piirtääksesi tasaisen, tasaisesti sijoitetun käyrän, pidän helpointa piirtää kärkipisteeni peilattujen kahvojen avulla. Katso alla olevaa GIF-tiedostoa ja huomaa, että napsautin ja pidän Shift-näppäintä vetäessään auki kärjen kahvaa. Pidä kahva vaakasuorana pitäen siirtymät kärkipisteiden välillä mukavasti ja voivojen välillä tasaisena. Kun olet asettanut kärjen ja avannut kahvat, vapauta Shift ja napsauta sitten-vetämällä seuraavaa kärkeä pitämällä Shift-painiketta uudelleen.

10. Luo hajotuskaavio nopeasti “kirjoitus” -menetelmällä

Tämä on ehdoton suosikki, ja löysin juuri tämän menetelmän viikko sitten.

Huomaa: Jos yrität visualisoida todellisia tietoja malleissa, tämä menetelmä ei auta sinua.

Suunnittelin hajotuskaavion suunnittelua ja kyllästyin todella kopioimaan datapisteitä ja vetämään niitä ympäriinsä muodostamaan hajonnan. Jos kuitenkin haluat vain luoda kaavion, joka näyttää hajotuskaavolta antamaan dev-tiedostoa viitteeksi, tämä menetelmä tehtiin sinulle.

Okei, mene napata Lyijykynätyökalu luonnoksessa. Paina vain näppäimistön P-kirjainta.

Mikä helvetti on Pencil Tool ?! En tiennyt edes sitä olevan olemassa. Minulla ei ole aavistustakaan siitä, milloin tai miksi minä koskaan käyttäisin jotain tällaista. - Minä, viime viikolla

Raaputa nyt kankaallasi. Joo todella. Tiivistä tietoa varten kirjoita koko joukko saman alueen ympärille. Älä unohda kääntyä toisinaan kartta-alueen ympäri luodaksesi ulkopuolisia arvoja.

Okei, tässä on nero-osa: Anna linjallesi reuna ja aseta sitten superleveä viiva raja-asetuksiin. Puomi. Välitön sirontakuvio. Olet kuin Michael Phelps -lista, jos hän meni tietojenkäsittelyyn uinnin sijasta. Oikea-aikainen olympiaviite. Kuuma koira!

Poistu täältä, Clippy! Ei, en tarvitse apuasi sirontakaavioiden luomisessa!

Jos tämä pieni Sketch-temppu muistetaan, kun tuulen pölyä, kuolen onnellinen mies.

Siellä se on. Nyt olet sertifioitu tilastotieteilijä, matemaatikko, tietojen tutkija ja kaavailija. Mene kysyä korotusta. Ansaitset sen.

Rakastan sinua ihmisiä. Hyvää luonnostelua!