class: left, top, inverse background-image: url(https://images.unsplash.com/photo-1562447141-5ab151b2638f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80) background-size: cover # .large[{paletteer}] ### An exploration <br>with {flipbookr}<br>and {xaringan} <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> #### .right[[github.com/EmilHvitfeldt/paletteer](https://github.com/EmilHvitfeldt/paletteer)<br>Edited: Gina Reynolds<br>Photo Credit: Hendrik Will in Dafen, Shenzhen, China] --- {paletteer} is a "collection of most color palettes in a single R package." In fact it offers access to palettes from 52 packages in R as well as base R. -- Many of the projects are found on Github. Those repositories are as follows: awhstin/awtools | KKPMW/basetheme | an-bui/calecopal | riatelab/cartography | clauswilke/colorblindr | jacintak/colRoz | katiesaund/DresdenColor | EdwinTh/dutchmasters | nschiett/fishualize | JoeyStanley/futurevisions | aljrico/gameofthrones | gadenbuie/ggpomological | road2stat/ggsci | jrnold/ggthemes | cttobin/ggthemr | ewenme/ghibli | aljrico/harrypotter | lambdamoses/IslamicArt | jaredhuling/jcolors | johannesbjork/LaCroixColoR | tyluRp/lisa | disarm-platform/MapPalettes | EmilHvitfeldt/miscpalettes | katiejolly/nationalparkcolors | m-clark/NineteenEightyR | jkaupp/nord | ropenscilabs/ochRe | frareb/palettesForR | timcdlucas/palettetown | AustralianAntarcticDivision/palr | kwstat/pals | jakelawlor/PNWColors | Nowosad/rcartocolor | alyssafrazee/RSkittleBrewer | thomasp85/scico | business-science/tidyquant | leonawicz/trekcolors | Ryo-N7/tvthemes | hneth/unikn | seasmith/vapeplot | moldach/vapoRwave | sjmgarnier/viridis | m-clark/visibly | sciencificity/werpals | karthik/wesanderson | ndphillips/yarrr --- One of the goals of {paletteer} is providing an interface for consistent use of these palettes. For example, it provides a standard way to use the variety of color/fill scales to ggplot2 plots: - `scale_color_paletteer_d("nord::aurora")` for discrete (categorical) data - `scale_color_paletteer_c("nord::aurora")` for continuous data - `scale_color_paletteer_binned("nord::aurora")` for breaking up continous data -- And fill colors syntax: - `scale_fill_paletteer_d("nord::aurora")` - `scale_fill_paletteer_c("nord::aurora")` - `scale_fill_paletteer_binned("nord::aurora")` In these examples the `aurora` palette is being used from the `nord` package. --- ## Within each package, there may be several palettes. -- Overall, there are 1431 palettes for representing discrete data ... -- ... and 315 for representing continuous data. --- class: split-40 count: false .left-code-names_d-auto[ ```r *paletteer::palettes_d_names ``` ] .right-output-names_d-auto[ ``` package palette length type 1 awtools a_palette 8 qualitative 2 awtools bpalette 16 qualitative 3 awtools gpalette 4 qualitative 4 awtools mpalette 9 qualitative 5 awtools spalette 6 qualitative 6 basetheme brutal 10 sequential 7 basetheme clean 10 sequential 8 basetheme dark 10 sequential 9 basetheme deepblue 10 sequential 10 basetheme default 8 qualitative 11 basetheme ink 10 sequential 12 basetheme minimal 10 sequential 13 basetheme royal 7 sequential 14 basetheme void 10 sequential 15 calecopal sierra1 6 sequential 16 calecopal sierra2 6 sequential 17 calecopal chaparral1 6 sequential 18 calecopal chaparral2 6 sequential 19 calecopal chaparral3 5 sequential 20 calecopal conifer 5 sequential 21 calecopal desert 5 sequential 22 calecopal wetland 5 sequential 23 calecopal oak 5 sequential 24 calecopal kelp1 6 sequential 25 calecopal kelp2 5 sequential 26 calecopal coastaldune1 5 sequential 27 calecopal coastaldune2 5 sequential 28 calecopal superbloom1 5 sequential 29 calecopal superbloom2 5 sequential 30 calecopal superbloom3 6 sequential 31 calecopal sbchannel 5 sequential 32 calecopal lake 5 sequential 33 calecopal fire 5 qualitative 34 calecopal agriculture 5 sequential 35 calecopal bigsur 6 sequential 36 calecopal figmtn 9 sequential 37 colorblindr OkabeIto 8 sequential 38 colorblindr OkabeIto_black 8 sequential 39 colRoz grandis 6 sequential 40 colRoz flavolineata 6 sequential 41 colRoz whitei 6 sequential 42 colRoz picta 6 sequential 43 colRoz virgo 6 sequential 44 colRoz ngadju 6 sequential 45 colRoz c.decresii 6 sequential 46 colRoz c.kingii 5 sequential 47 colRoz e.leuraensis 5 sequential 48 colRoz i.lesueurii 5 sequential 49 colRoz l.boydii 5 sequential 50 colRoz m.horridus 5 sequential 51 colRoz m.horridus2 5 sequential 52 colRoz t.nigrolutea 6 sequential 53 colRoz v.acanthurus 5 sequential 54 colRoz v.pilbarensis 5 sequential 55 colRoz n.levis 6 sequential 56 colRoz s.spinigerus 6 sequential 57 colRoz e.kingii 6 sequential 58 colRoz uluru 7 sequential 59 colRoz shark_bay 6 sequential 60 colRoz sky 6 sequential 61 colRoz desert_sunset 6 sequential 62 colRoz desert_dusk 6 sequential 63 colRoz desert_flood 6 sequential 64 colRoz salt_lake 6 sequential 65 colRoz daintree 5 sequential 66 colRoz spinifex 6 sequential 67 colRoz nq_stream 5 sequential 68 colRoz kimberley 5 sequential 69 colRoz capricorn 6 sequential 70 colRoz p.cincta 6 sequential 71 colRoz c.azureus 6 sequential 72 colRoz m.cyaneus 5 sequential 73 colRoz d.novae 6 sequential 74 colRoz a.ramsayi 6 sequential 75 colRoz n.violacea 6 sequential 76 colRoz xantho 6 sequential 77 colRoz r.aculeatus 6 sequential 78 colRoz p.mitchelli 5 sequential 79 colRoz k.tristis 7 sequential 80 colRoz m.oscellata 6 sequential 81 colRoz a.conica 6 sequential 82 colRoz v.viatica 5 sequential 83 colRoz c.brevi 7 sequential 84 colRoz a.westwoodi 6 sequential 85 colRoz a.plagiata 6 sequential 86 colRoz physalia 6 sequential 87 colRoz c.australasiae 6 sequential 88 colRoz k.scurra 6 sequential 89 colRoz l.vestiens 6 sequential 90 colRoz t.australis 6 sequential 91 colRoz p.breviceps 6 sequential 92 colRoz thylacine 5 sequential 93 dichromat BrowntoBlue.10 10 diverging 94 dichromat BrowntoBlue.12 12 diverging 95 dichromat BluetoDarkOrange.12 12 diverging 96 dichromat BluetoDarkOrange.18 18 diverging 97 dichromat DarkRedtoBlue.12 12 diverging 98 dichromat DarkRedtoBlue.18 18 diverging 99 dichromat BluetoGreen.14 14 diverging 100 dichromat BluetoGray.8 8 diverging 101 dichromat BluetoOrangeRed.14 14 diverging 102 dichromat BluetoOrange.10 10 diverging 103 dichromat BluetoOrange.12 12 diverging 104 dichromat BluetoOrange.8 8 diverging 105 dichromat LightBluetoDarkBlue.10 10 sequential 106 dichromat LightBluetoDarkBlue.7 7 sequential 107 dichromat Categorical.12 12 qualitative 108 dichromat GreentoMagenta.16 16 diverging 109 dichromat SteppedSequential.5 25 sequential 110 dutchmasters milkmaid 13 qualitative 111 dutchmasters pearl_earring 11 qualitative 112 dutchmasters view_of_Delft 12 qualitative 113 dutchmasters little_street 11 qualitative 114 dutchmasters anatomy 7 qualitative 115 dutchmasters staalmeesters 7 qualitative 116 DresdenColor stormfront 6 sequential 117 DresdenColor foolmoon 6 sequential 118 DresdenColor graveperil 6 sequential 119 DresdenColor summerknight 6 sequential 120 DresdenColor deathmasks 6 sequential 121 DresdenColor bloodrites 6 sequential 122 DresdenColor deadbeat 6 sequential 123 DresdenColor provenguilty 6 sequential 124 DresdenColor whitenight 6 sequential 125 DresdenColor smallfavor 6 sequential 126 DresdenColor turncoat 6 sequential 127 DresdenColor changes 6 sequential 128 DresdenColor ghoststory 6 sequential 129 DresdenColor colddays 6 sequential 130 DresdenColor skingame 6 sequential 131 DresdenColor sidejobs 6 sequential 132 DresdenColor briefcases 6 sequential 133 DresdenColor paired 12 sequential 134 fishualize Acanthurus_leucosternon 5 sequential 135 fishualize Acanthurus_olivaceus 5 sequential 136 fishualize Acanthurus_sohal 5 sequential 137 fishualize Acanthurus_triostegus 5 sequential 138 fishualize Antennarius_commerson 5 sequential 139 fishualize Antennarius_multiocellatus 5 sequential 140 fishualize Aulostomus_chinensis 5 sequential 141 fishualize Balistapus_undulatus 5 sequential 142 fishualize Balistoides_conspicillum 5 sequential 143 fishualize Bodianus_pulchellus 5 sequential 144 fishualize Bodianus_rufus 5 sequential 145 fishualize Bryaninops_natans 5 sequential 146 fishualize Callanthias_australis 5 sequential 147 fishualize Centropyge_loricula 5 sequential 148 fishualize Cephalopholis_argus 5 sequential 149 fishualize Chaetodon_ephippium 5 sequential 150 fishualize Chaetodon_larvatus 5 sequential 151 fishualize Chaetodon_pelewensis 5 sequential 152 fishualize Chaetodontoplus_conspicillatus 5 sequential 153 fishualize Chlorurus_microrhinos 5 sequential 154 fishualize Chromis_vanderbilti 5 sequential 155 fishualize Cirrhilabrus_solorensis 5 sequential 156 fishualize Cirrhilabrus_tonozukai 5 sequential 157 fishualize Clepticus_parrae 5 sequential 158 fishualize Coris_gaimard 5 sequential 159 fishualize Coryphaena_hippurus 5 sequential 160 fishualize Elagatis_bipinnulata 5 sequential 161 fishualize Epibulus_insidiator 5 sequential 162 fishualize Epinephelus_fasciatus 5 sequential 163 fishualize Epinephelus_striatus 5 sequential 164 fishualize Etheostoma_barrenense 5 sequential 165 fishualize Etheostoma_spectabile 5 sequential 166 fishualize Exallias_brevis 5 sequential 167 fishualize Gomphosus_varius 5 sequential 168 fishualize Gramma_loreto 5 sequential 169 fishualize Halichoeres_bivittatus 5 sequential 170 fishualize Halichoeres_garnoti 5 sequential 171 fishualize Halichoeres_radiatus 5 sequential 172 fishualize Hemitaurichthys_polylepis 5 sequential 173 fishualize Hexagrammos_lagocephalus 5 sequential 174 fishualize Histiophryne_psychedelica 5 sequential 175 fishualize Holacanthus_ciliaris 5 sequential 176 fishualize Hypoplectrus_puella 5 sequential 177 fishualize Hypsoblennius_invemar 5 sequential 178 fishualize Hypsypops_rubicundus 5 sequential 179 fishualize Lampris_guttatus 5 sequential 180 fishualize Lepomis_megalotis 5 sequential 181 fishualize Lutjanus_sebae 5 sequential 182 fishualize Melichthys_vidua 5 sequential 183 fishualize Naso_lituratus 5 sequential 184 fishualize Nemateleotris_magnifica 5 sequential 185 fishualize Odonus_niger 5 sequential 186 fishualize Oncorhynchus_gorbuscha 5 sequential 187 fishualize Oncorhynchus_keta 5 sequential 188 fishualize Oncorhynchus_kisutch 5 sequential 189 fishualize Oncorhynchus_mykiss 5 sequential 190 fishualize Oncorhynchus_nerka 5 sequential 191 fishualize Oncorhynchus_tshawytscha 5 sequential 192 fishualize Ostorhinchus_angustatus 5 sequential 193 fishualize Ostracion_cubicus 5 sequential 194 fishualize Ostracion_whitleyi 5 sequential 195 fishualize Oxymonacanthus_longirostris 5 sequential 196 fishualize Paracanthurus_hepatus 5 sequential 197 fishualize Parupeneus_insularis 5 sequential 198 fishualize Pomacanthus_imperator 5 sequential 199 fishualize Pomacanthus_xanthometopon 5 sequential 200 fishualize Prionace_glauca 5 sequential 201 fishualize Pseudocheilinus_tetrataenia 5 sequential 202 fishualize Pseudochromis_aldabraensis 5 sequential 203 fishualize Pterois_volitans 5 sequential 204 fishualize Rhinecanthus_assasi 5 sequential 205 fishualize Salmo_salar 5 sequential 206 fishualize Salmo_trutta 5 sequential 207 fishualize Salvelinus_fontinalis 5 sequential 208 fishualize Scarus_ghobban 5 sequential 209 fishualize Scarus_globiceps 5 sequential 210 fishualize Scarus_hoefleri 5 sequential 211 fishualize Scarus_quoyi 5 sequential 212 fishualize Scarus_tricolor 6 sequential 213 fishualize Sparisoma_viride 5 sequential 214 fishualize Stegastes_nigricans 5 sequential 215 fishualize Stethojulis_bandanensis 5 sequential 216 fishualize Synchiropus_splendidus 5 sequential 217 fishualize Taeniura_lymma 5 sequential 218 fishualize Thalassoma_bifasciatum 5 sequential 219 fishualize Thalassoma_hardwicke 5 sequential 220 fishualize Thalassoma_pavo 5 sequential 221 fishualize Trimma_lantana 5 sequential 222 fishualize Valenciennea_strigata 5 sequential 223 fishualize Variola_louti 5 sequential 224 fishualize Zanclus_cornutus 5 sequential 225 fishualize Zebrasoma_velifer 5 sequential 226 ggsci nrc_npg 10 qualitative 227 ggsci default_aaas 10 qualitative 228 ggsci default_nejm 8 qualitative 229 ggsci lanonc_lancet 9 qualitative 230 ggsci default_jama 7 qualitative 231 ggsci default_jco 10 qualitative 232 ggsci default_ucscgb 26 qualitative 233 ggsci category10_d3 10 qualitative 234 ggsci category20_d3 20 qualitative 235 ggsci category20b_d3 20 qualitative 236 ggsci category20c_d3 20 qualitative 237 ggsci default_igv 51 qualitative 238 ggsci alternating_igv 2 qualitative 239 ggsci default_locuszoom 7 qualitative 240 ggsci default_uchicago 9 qualitative 241 ggsci light_uchicago 9 qualitative 242 ggsci dark_uchicago 9 qualitative 243 ggsci hallmarks_dark_cosmic 10 sequential 244 ggsci hallmarks_light_cosmic 10 sequential 245 ggsci signature_substitutions_cosmic 6 sequential 246 ggsci springfield_simpsons 16 qualitative 247 ggsci planetexpress_futurama 12 qualitative 248 ggsci schwifty_rickandmorty 12 qualitative 249 ggsci uniform_startrek 7 qualitative 250 ggsci legacy_tron 7 qualitative 251 ggsci default_gsea 12 diverging 252 ggsci red_material 10 sequential 253 ggsci pink_material 10 sequential 254 ggsci purple_material 10 sequential 255 ggsci deep-purple_material 10 sequential 256 ggsci indigo_material 10 sequential 257 ggsci blue_material 10 sequential 258 ggsci light-blue_material 10 sequential 259 ggsci cyan_material 10 sequential 260 ggsci teal_material 10 sequential 261 ggsci green_material 10 sequential 262 ggsci light-green_material 10 sequential 263 ggsci lime_material 10 sequential 264 ggsci yellow_material 10 sequential 265 ggsci amber_material 10 sequential 266 ggsci orange_material 10 sequential 267 ggsci deep-orange_material 10 sequential 268 ggsci brown_material 10 sequential 269 ggsci grey_material 10 sequential 270 ggsci blue-grey_material 10 sequential 271 ggpomological pomological_base 7 qualitative 272 ggpomological pomological_palette 9 qualitative 273 ggthemes calc 12 qualitative 274 ggthemes manyeys 19 sequential 275 ggthemes gdoc 10 sequential 276 ggthemes fivethirtyeight 6 qualitative 277 ggthemes colorblind 8 qualitative 278 ggthemes Tableau 10 10 sequential 279 ggthemes Tableau 20 20 sequential 280 ggthemes Color Blind 10 sequential 281 ggthemes Seattle Grays 5 sequential 282 ggthemes Traffic 9 sequential 283 ggthemes Miller Stone 11 sequential 284 ggthemes Superfishel Stone 10 sequential 285 ggthemes Nuriel Stone 9 sequential 286 ggthemes Jewel Bright 9 sequential 287 ggthemes Summer 8 sequential 288 ggthemes Winter 10 sequential 289 ggthemes Green-Orange-Teal 12 sequential 290 ggthemes Red-Blue-Brown 12 sequential 291 ggthemes Purple-Pink-Gray 12 sequential 292 ggthemes Hue Circle 19 sequential 293 ggthemes Classic 10 10 sequential 294 ggthemes Classic 10 Medium 10 sequential 295 ggthemes Classic 10 Light 10 sequential 296 ggthemes Classic 20 20 sequential 297 ggthemes Classic Gray 5 5 sequential 298 ggthemes Classic Color Blind 10 sequential 299 ggthemes Classic Traffic Light 9 sequential 300 ggthemes Classic Purple-Gray 6 6 sequential 301 ggthemes Classic Purple-Gray 12 12 sequential 302 ggthemes Classic Green-Orange 6 6 sequential 303 ggthemes Classic Green-Orange 12 12 sequential 304 ggthemes Classic Blue-Red 6 6 sequential 305 ggthemes Classic Blue-Red 12 12 sequential 306 ggthemes Classic Cyclic 13 sequential 307 ggthemes few_Light 9 sequential 308 ggthemes few_Medium 9 sequential 309 ggthemes few_Dark 9 sequential 310 ggthemes excel_Atlas 6 sequential 311 ggthemes excel_Badge 6 sequential 312 ggthemes excel_Berlin 6 sequential 313 ggthemes excel_Celestial 6 sequential 314 ggthemes excel_Crop 6 sequential 315 ggthemes excel_Depth 6 sequential 316 ggthemes excel_Droplet 6 sequential 317 ggthemes excel_Facet 6 sequential 318 ggthemes excel_Feathered 6 sequential 319 ggthemes excel_Gallery 6 sequential 320 ggthemes excel_Headlines 6 sequential 321 ggthemes excel_Integral 6 sequential 322 ggthemes excel_Ion_Boardroom 6 sequential 323 ggthemes excel_Ion 6 sequential 324 ggthemes excel_Madison 6 sequential 325 ggthemes excel_Main_Event 6 sequential 326 ggthemes excel_Mesh 6 sequential 327 ggthemes excel_Office_Theme 6 sequential 328 ggthemes excel_Organic 6 sequential 329 ggthemes excel_Parallax 6 sequential 330 ggthemes excel_Parcel 6 sequential 331 ggthemes excel_Retrospect 6 sequential 332 ggthemes excel_Savon 6 sequential 333 ggthemes excel_Slice 6 sequential 334 ggthemes excel_Vapor_Trail 6 sequential 335 ggthemes excel_View 6 sequential 336 ggthemes excel_Wisp 6 sequential 337 ggthemes excel_Wood_Type 6 sequential 338 ggthemes excel_Aspect 6 sequential 339 ggthemes excel_Blue_Green 6 sequential 340 ggthemes excel_Blue_II 6 sequential 341 ggthemes excel_Blue_Warm 6 sequential 342 ggthemes excel_Blue 6 sequential 343 ggthemes excel_Grayscale 6 sequential 344 ggthemes excel_Green_Yellow 6 sequential 345 ggthemes excel_Green 6 sequential 346 ggthemes excel_Marquee 6 sequential 347 ggthemes excel_Median 6 sequential 348 ggthemes excel_Office_2007-2010 6 sequential 349 ggthemes excel_Orange_Red 6 sequential 350 ggthemes excel_Orange 6 sequential 351 ggthemes excel_Paper 6 sequential 352 ggthemes excel_Red_Orange 6 sequential 353 ggthemes excel_Red_Violet 6 sequential 354 ggthemes excel_Red 6 sequential 355 ggthemes excel_Slipstream 6 sequential 356 ggthemes excel_Violet_II 6 sequential 357 ggthemes excel_Violet 6 sequential 358 ggthemes excel_Yellow_Orange 6 sequential 359 ggthemes excel_Yellow 6 sequential 360 ggthemes wsj_rgby 4 qualitative 361 ggthemes wsj_red_green 2 qualitative 362 ggthemes wsj_black_green 4 qualitative 363 ggthemes wsj_dem_rep 3 qualitative 364 ggthemes wsj_colors6 6 qualitative 365 ggthemes stata_s2color 15 sequential 366 ggthemes stata_s1rcolor 15 sequential 367 ggthemes stata_s1color 15 sequential 368 ggthemes stata_mono 15 sequential 369 ggthemes stata_economist 15 sequential 370 ggthemes hc_default 10 qualitative 371 ggthemes hc_darkunica 11 qualitative 372 ggthemes hc_bg 5 sequential 373 ggthemes hc_fg 12 sequential 374 ggthemr flat 9 sequential 375 ggthemr flat dark 9 sequential 376 ggthemr dust 9 sequential 377 ggthemr light 9 qualitative 378 ggthemr earth 9 sequential 379 ggthemr fresh 9 sequential 380 ggthemr chalk 7 sequential 381 ggthemr lilac 11 sequential 382 ggthemr carrot 9 sequential 383 ggthemr pale 10 sequential 384 ggthemr copper 11 sequential 385 ggthemr grape 9 sequential 386 ggthemr greyscale 9 sequential 387 ggthemr sky 6 sequential 388 ggthemr solarized 7 sequential 389 ggthemr grass 7 sequential 390 ggthemr sea 11 sequential 391 ggthemr camoflauge 7 sequential 392 ghibli MarnieLight1 7 qualitative 393 ghibli MarnieMedium1 7 qualitative 394 ghibli MarnieDark1 7 qualitative 395 ghibli MarnieLight2 7 qualitative 396 ghibli MarnieMedium2 7 qualitative 397 ghibli MarnieDark2 7 qualitative 398 ghibli PonyoLight 7 qualitative 399 ghibli PonyoMedium 7 qualitative 400 ghibli PonyoDark 7 qualitative 401 ghibli LaputaLight 7 qualitative 402 ghibli LaputaMedium 7 qualitative 403 ghibli LaputaDark 7 qualitative 404 ghibli MononokeLight 7 qualitative 405 ghibli MononokeMedium 7 qualitative 406 ghibli MononokeDark 7 qualitative 407 ghibli SpiritedLight 7 qualitative 408 ghibli SpiritedMedium 7 qualitative 409 ghibli SpiritedDark 7 qualitative 410 ghibli YesterdayLight 7 qualitative 411 ghibli YesterdayMedium 7 qualitative 412 ghibli YesterdayDark 7 qualitative 413 ghibli KikiLight 7 qualitative 414 ghibli KikiMedium 7 qualitative 415 ghibli KikiDark 7 qualitative 416 ghibli TotoroLight 7 qualitative 417 ghibli TotoroMedium 7 qualitative 418 ghibli TotoroDark 7 qualitative 419 grDevices blues9 9 sequential 420 IslamicArt shiraz 12 sequential 421 IslamicArt samarqand 12 sequential 422 IslamicArt samarqand2 4 sequential 423 IslamicArt shiraz2 12 sequential 424 IslamicArt abu_dhabi 13 sequential 425 IslamicArt istanbul 8 sequential 426 IslamicArt istanbul2 11 sequential 427 IslamicArt istanbul3 8 sequential 428 IslamicArt konya 8 sequential 429 IslamicArt jerusalem 9 sequential 430 IslamicArt fes 8 sequential 431 IslamicArt fes2 9 sequential 432 IslamicArt alhambra 6 sequential 433 IslamicArt cordoba 8 sequential 434 IslamicArt damascus 9 sequential 435 IslamicArt ottoman 5 sequential 436 jcolors default 5 qualitative 437 jcolors pal2 5 qualitative 438 jcolors pal3 5 qualitative 439 jcolors pal4 6 qualitative 440 jcolors pal5 6 qualitative 441 jcolors pal6 8 qualitative 442 jcolors pal7 8 qualitative 443 jcolors pal8 12 qualitative 444 jcolors pal9 6 qualitative 445 jcolors pal10 10 sequential 446 jcolors pal11 12 sequential 447 jcolors pal12 13 sequential 448 jcolors rainbow 9 qualitative 449 LaCroixColoR PassionFruit 6 qualitative 450 LaCroixColoR Mango 6 qualitative 451 LaCroixColoR Pure 6 qualitative 452 LaCroixColoR Lime 6 qualitative 453 LaCroixColoR Lemon 6 qualitative 454 LaCroixColoR Orange 6 qualitative 455 LaCroixColoR Berry 6 qualitative 456 LaCroixColoR CranRaspberry 6 qualitative 457 LaCroixColoR Pamplemousse 6 qualitative 458 LaCroixColoR PeachPear 6 qualitative 459 LaCroixColoR Coconut 6 qualitative 460 LaCroixColoR Apricot 6 qualitative 461 LaCroixColoR Tangerine 7 qualitative 462 LaCroixColoR KeyLime 5 qualitative 463 LaCroixColoR PommeBaya 5 qualitative 464 LaCroixColoR CeriseLimon 6 qualitative 465 LaCroixColoR PinaFraise 6 qualitative 466 LaCroixColoR KiwiSandia 7 qualitative 467 LaCroixColoR MelonPomelo 6 qualitative 468 LaCroixColoR MurePepino 6 qualitative 469 LaCroixColoR paired 14 qualitative 470 lisa JosefAlbers 5 sequential 471 lisa JosefAlbers_1 5 sequential 472 lisa GretchenAlbrecht 5 sequential 473 lisa BillyApple 5 sequential 474 lisa PerArnoldi 5 sequential 475 lisa MiltonAvery 5 sequential 476 lisa MiltonAvery_1 5 sequential 477 lisa HilmaafKlint 5 sequential 478 lisa Jean-MichelBasquiat 5 sequential 479 lisa Jean-MichelBasquiat_1 5 sequential 480 lisa MaxBeckmann 5 sequential 481 lisa FernandoBotero 5 sequential 482 lisa SandroBotticelli 5 sequential 483 lisa SandroBotticelli_1 5 sequential 484 lisa PieterBruegel 5 sequential 485 lisa JackBush 5 sequential 486 lisa JackBush_1 5 sequential 487 lisa MaryCassatt 5 sequential 488 lisa PaulCézanne 5 sequential 489 lisa MarcChagall 5 sequential 490 lisa C.M.Coolidge 5 sequential 491 lisa SalvadorDali 5 sequential 492 lisa SalvadorDali_1 5 sequential 493 lisa LeonardodaVinci 5 sequential 494 lisa GeneDavis 5 sequential 495 lisa GiorgiodeChirico 5 sequential 496 lisa GiorgiodeChirico_1 5 sequential 497 lisa EdgarDegas 5 sequential 498 lisa RobertDelaunay 5 sequential 499 lisa RobertDelaunay_1 5 sequential 500 lisa CharlesDemuth 5 sequential 501 lisa RichardDiebenkorn 5 sequential 502 lisa OttoDix 5 sequential 503 lisa OttoDix_1 5 sequential 504 lisa MarcelDuchamp 5 sequential 505 lisa AlbrechtDürer 5 sequential 506 lisa MaxErnst 5 sequential 507 lisa M.C.Escher 5 sequential 508 lisa PaulFeeley 5 sequential 509 lisa LorserFeitelson 5 sequential 510 lisa HelenFrankenthaler 5 sequential 511 lisa LucianFreud 5 sequential 512 lisa TerryFrost 5 sequential 513 lisa PaulGauguin 5 sequential 514 lisa RupprechtGeiger 5 sequential 515 lisa HansHofmann 5 sequential 516 lisa KatsushikaHokusai 5 sequential 517 lisa WinslowHomer 5 sequential 518 lisa EdwardHopper 5 sequential 519 lisa RobertIndiana 5 sequential 520 lisa JamesJean 5 sequential 521 lisa JasperJohns 5 sequential 522 lisa FridaKahlo 5 sequential 523 lisa WassilyKandinsky 5 sequential 524 lisa WassilyKandinsky_1 5 sequential 525 lisa WassilyKandinsky_2 5 sequential 526 lisa PaulKlee 5 sequential 527 lisa PaulKlee_1 5 sequential 528 lisa YvesKlein 5 sequential 529 lisa GustavKlimt 5 sequential 530 lisa JeffKoons 5 sequential 531 lisa LeeKrasner 5 sequential 532 lisa JacobLawrence 5 sequential 533 lisa JacobLawrence_1 5 sequential 534 lisa SolLeWitt 5 sequential 535 lisa RoyLichtenstein 5 sequential 536 lisa RoyLichtenstein_1 5 sequential 537 lisa RoyLichtenstein_2 5 sequential 538 lisa KazimirMalevich 5 sequential 539 lisa ÉdouardManet 5 sequential 540 lisa ReneMagritte 5 sequential 541 lisa ReneMagritte_1 5 sequential 542 lisa Masaccio 5 sequential 543 lisa Michelangelo 5 sequential 544 lisa JoanMiró 5 sequential 545 lisa AmedeoModigliani 5 sequential 546 lisa PietMondrian 5 sequential 547 lisa ClaudeMonet 5 sequential 548 lisa ClaudeMonet_1 5 sequential 549 lisa ClaudeMonet_2 5 sequential 550 lisa EdvardMunch 5 sequential 551 lisa EdvardMunch_1 5 sequential 552 lisa BarnettNewman 5 sequential 553 lisa KennethNoland 5 sequential 554 lisa GeorgiaO'Keeffe 5 sequential 555 lisa ClaesOldenburg 5 sequential 556 lisa PabloPicasso 5 sequential 557 lisa PabloPicasso_1 5 sequential 558 lisa JacksonPollock 5 sequential 559 lisa Prince 5 sequential 560 lisa JohnQuidor 5 sequential 561 lisa MelRamos 5 sequential 562 lisa OdilonRedon 5 sequential 563 lisa Rembrandt 5 sequential 564 lisa Pierre-AugusteRenoir 5 sequential 565 lisa Pierre-AugusteRenoir_1 5 sequential 566 lisa BridgetRiley 5 sequential 567 lisa JamesRosenquist 5 sequential 568 lisa MarkRothko 5 sequential 569 lisa MarkRothko_1 5 sequential 570 lisa JohnSingerSargent 5 sequential 571 lisa JohnSingerSargent_1 5 sequential 572 lisa JohnSingerSargent_2 5 sequential 573 lisa OskarSchlemmer 5 sequential 574 lisa GeorgesSeurat 5 sequential 575 lisa SandySkoglund 5 sequential 576 lisa PavelTchelitchew 5 sequential 577 lisa J.M.W.Turner 5 sequential 578 lisa CyTwombly 5 sequential 579 lisa JohannJacobUlrich 5 sequential 580 lisa TheovanDoesburg 5 sequential 581 lisa TheovanDoesburg_1 5 sequential 582 lisa JanvanEyck 5 sequential 583 lisa VincentvanGogh 5 sequential 584 lisa VincentvanGogh_1 5 sequential 585 lisa VincentvanGogh_2 5 sequential 586 lisa RemediosVaro 5 sequential 587 lisa DiegoVelázquez 5 sequential 588 lisa JohannesVermeer 5 sequential 589 lisa JohannesVermeer_1 5 sequential 590 lisa AndyWarhol 5 sequential 591 lisa AndyWarhol_1 5 sequential 592 lisa AndyWarhol_2 5 sequential 593 lisa AndyWarhol_3 5 sequential 594 lisa GrantWood 5 sequential 595 lisa FrancescoXanto 5 sequential 596 lisa JackYoungerman 5 sequential 597 lisa KarlZerbe 5 sequential 598 nationalparkcolors SmokyMountains 6 sequential 599 nationalparkcolors RockyMountains 5 sequential 600 nationalparkcolors Yellowstone 6 sequential 601 nationalparkcolors Arches 6 sequential 602 nationalparkcolors ArcticGates 6 sequential 603 nationalparkcolors MtMckinley 6 sequential 604 nationalparkcolors GeneralGrant 8 sequential 605 nationalparkcolors Hawaii 5 sequential 606 nationalparkcolors CraterLake 7 sequential 607 nationalparkcolors Saguaro 6 sequential 608 nationalparkcolors GrandTeton 5 sequential 609 nationalparkcolors BryceCanyon 5 sequential 610 nationalparkcolors MtRainier 5 sequential 611 nationalparkcolors Badlands 5 sequential 612 nationalparkcolors Redwoods 5 sequential 613 nationalparkcolors Everglades 5 sequential 614 nationalparkcolors Voyageurs 5 sequential 615 nationalparkcolors BlueRidgePkwy 6 sequential 616 nationalparkcolors Denali 5 sequential 617 nationalparkcolors GreatBasin 6 sequential 618 nationalparkcolors ChannelIslands 6 sequential 619 nationalparkcolors Yosemite 5 sequential 620 nationalparkcolors Acadia 6 sequential 621 nationalparkcolors DeathValley 6 sequential 622 nationalparkcolors Zion 5 sequential 623 NineteenEightyR cobra 6 qualitative 624 NineteenEightyR electronic_night 5 qualitative 625 NineteenEightyR hotpink 5 qualitative 626 NineteenEightyR malibu 5 qualitative 627 NineteenEightyR miami1 5 qualitative 628 NineteenEightyR miami2 5 qualitative 629 NineteenEightyR seventies_aint_done_yet 5 qualitative 630 NineteenEightyR sonny 5 qualitative 631 NineteenEightyR sunset1 5 qualitative 632 NineteenEightyR sunset2 5 qualitative 633 NineteenEightyR sunset3 5 qualitative 634 NineteenEightyR youngturqs 12 qualitative 635 nord polarnight 4 sequential 636 nord snowstorm 3 sequential 637 nord frost 4 qualitative 638 nord aurora 5 qualitative 639 nord lumina 5 qualitative 640 nord mountain_forms 5 qualitative 641 nord silver_mine 5 diverging 642 nord lake_superior 6 qualitative 643 nord victory_bonds 5 qualitative 644 nord halifax_harbor 6 sequential 645 nord moose_pond 8 qualitative 646 nord algoma_forest 7 qualitative 647 nord rocky_mountain 6 qualitative 648 nord red_mountain 8 qualitative 649 nord baie_mouton 7 diverging 650 nord afternoon_prarie 9 qualitative 651 ochRe namatjira_qual 8 qualitative 652 ochRe namatjira_div 8 qualitative 653 ochRe mccrea 11 qualitative 654 ochRe parliament 8 qualitative 655 ochRe tasmania 7 qualitative 656 ochRe nolan_ned 5 qualitative 657 ochRe winmar 7 qualitative 658 ochRe olsen_qual 6 qualitative 659 ochRe olsen_seq 14 qualitative 660 ochRe williams_pilbara 7 qualitative 661 ochRe healthy_reef 9 qualitative 662 ochRe emu_woman_paired 18 qualitative 663 ochRe galah 6 qualitative 664 ochRe lorikeet 6 qualitative 665 ochRe dead_reef 6 qualitative 666 ochRe jumping_frog 5 qualitative 667 palettetown bulbasaur 13 qualitative 668 palettetown ivysaur 13 qualitative 669 palettetown venusaur 14 qualitative 670 palettetown charmander 13 qualitative 671 palettetown charmeleon 12 qualitative 672 palettetown charizard 14 qualitative 673 palettetown squirtle 14 qualitative 674 palettetown wartortle 13 qualitative 675 palettetown blastoise 14 qualitative 676 palettetown caterpie 12 qualitative 677 palettetown metapod 5 qualitative 678 palettetown butterfree 13 qualitative 679 palettetown weedle 11 qualitative 680 palettetown kakuna 8 qualitative 681 palettetown beedrill 14 qualitative 682 palettetown pidgey 12 qualitative 683 palettetown pidgeotto 13 qualitative 684 palettetown pidgeot 14 qualitative 685 palettetown rattata 13 qualitative 686 palettetown raticate 13 qualitative 687 palettetown spearow 15 qualitative 688 palettetown fearow 12 qualitative 689 palettetown ekans 12 qualitative 690 palettetown arbok 10 qualitative 691 palettetown pikachu 10 qualitative 692 palettetown raichu 14 qualitative 693 palettetown sandshrew 10 qualitative 694 palettetown sandslash 13 qualitative 695 palettetown nidoranf 11 qualitative 696 palettetown nidorina 13 qualitative 697 palettetown nidoqueen 13 qualitative 698 palettetown nidoranm 10 qualitative 699 palettetown nidorino 12 qualitative 700 palettetown nidoking 11 qualitative 701 palettetown clefairy 13 qualitative 702 palettetown clefable 12 qualitative 703 palettetown vulpix 13 qualitative 704 palettetown ninetales 7 qualitative 705 palettetown jigglypuff 11 qualitative 706 palettetown wigglytuff 12 qualitative 707 palettetown zubat 11 qualitative 708 palettetown golbat 11 qualitative 709 palettetown oddish 10 qualitative 710 palettetown gloom 14 qualitative 711 palettetown vileplume 13 qualitative 712 palettetown paras 12 qualitative 713 palettetown parasect 11 qualitative 714 palettetown venonat 14 qualitative 715 palettetown venomoth 11 qualitative 716 palettetown diglett 4 qualitative 717 palettetown dugtrio 12 qualitative 718 palettetown meowth 13 qualitative 719 palettetown persian 12 qualitative 720 palettetown psyduck 10 qualitative 721 palettetown golduck 13 qualitative 722 palettetown mankey 14 qualitative 723 palettetown primeape 15 qualitative 724 palettetown growlithe 11 qualitative 725 palettetown arcanine 14 qualitative 726 palettetown poliwag 11 qualitative 727 palettetown poliwhirl 9 qualitative 728 palettetown poliwrath 9 qualitative 729 palettetown abra 8 qualitative 730 palettetown kadabra 14 qualitative 731 palettetown alakazam 12 qualitative 732 palettetown machop 13 qualitative 733 palettetown machoke 13 qualitative 734 palettetown machamp 13 qualitative 735 palettetown bellsprout 13 qualitative 736 palettetown weepinbell 14 qualitative 737 palettetown victreebel 14 qualitative 738 palettetown tentacool 14 qualitative 739 palettetown tentacruel 14 qualitative 740 palettetown geodude 6 qualitative 741 palettetown graveler 6 qualitative 742 palettetown golem 12 qualitative 743 palettetown ponyta 11 qualitative 744 palettetown rapidash 11 qualitative 745 palettetown slowpoke 12 qualitative 746 palettetown slowbro 13 qualitative 747 palettetown magnemite 14 qualitative 748 palettetown magneton 14 qualitative 749 palettetown farfetch'd 14 qualitative 750 palettetown doduo 9 qualitative 751 palettetown dodrio 15 qualitative 752 palettetown seel 11 qualitative 753 palettetown dewgong 7 qualitative 754 palettetown grimer 9 qualitative 755 palettetown muk 8 qualitative 756 palettetown shellder 9 qualitative 757 palettetown cloyster 9 qualitative 758 palettetown gastly 8 qualitative 759 palettetown haunter 10 qualitative 760 palettetown gengar 10 qualitative 761 palettetown onix 6 qualitative 762 palettetown drowzee 9 qualitative 763 palettetown hypno 9 qualitative 764 palettetown krabby 10 qualitative 765 palettetown kingler 10 qualitative 766 palettetown voltorb 9 qualitative 767 palettetown electrode 10 qualitative 768 palettetown exeggcute 9 qualitative 769 palettetown exeggutor 14 qualitative 770 palettetown cubone 13 qualitative 771 palettetown marowak 14 qualitative 772 palettetown hitmonlee 12 qualitative 773 palettetown hitmonchan 13 qualitative 774 palettetown lickitung 9 qualitative 775 palettetown koffing 12 qualitative 776 palettetown weezing 13 qualitative 777 palettetown rhyhorn 8 qualitative 778 palettetown rhydon 11 qualitative 779 palettetown chansey 9 qualitative 780 palettetown tangela 9 qualitative 781 palettetown kangaskhan 14 qualitative 782 palettetown horsea 10 qualitative 783 palettetown seadra 10 qualitative 784 palettetown goldeen 11 qualitative 785 palettetown seaking 12 qualitative 786 palettetown staryu 12 qualitative 787 palettetown starmie 12 qualitative 788 palettetown mr. mime 12 qualitative 789 palettetown scyther 12 qualitative 790 palettetown jynx 15 qualitative 791 palettetown electabuzz 10 qualitative 792 palettetown magmar 12 qualitative 793 palettetown pinsir 9 qualitative 794 palettetown tauros 13 qualitative 795 palettetown magikarp 13 qualitative 796 palettetown gyarados 15 qualitative 797 palettetown lapras 15 qualitative 798 palettetown ditto 6 qualitative 799 palettetown eevee 9 qualitative 800 palettetown vaporeon 15 qualitative 801 palettetown jolteon 11 qualitative 802 palettetown flareon 10 qualitative 803 palettetown porygon 11 qualitative 804 palettetown omanyte 12 qualitative 805 palettetown omastar 12 qualitative 806 palettetown kabuto 11 qualitative 807 palettetown kabutops 9 qualitative 808 palettetown aerodactyl 7 qualitative 809 palettetown snorlax 14 qualitative 810 palettetown articuno 12 qualitative 811 palettetown zapdos 10 qualitative 812 palettetown moltres 14 qualitative 813 palettetown dratini 9 qualitative 814 palettetown dragonair 12 qualitative 815 palettetown dragonite 13 qualitative 816 palettetown mewtwo 9 qualitative 817 palettetown mew 6 qualitative 818 palettetown chikorita 11 qualitative 819 palettetown bayleef 14 qualitative 820 palettetown meganium 14 qualitative 821 palettetown cyndaquil 13 qualitative 822 palettetown quilava 14 qualitative 823 palettetown typhlosion 14 qualitative 824 palettetown totodile 11 qualitative 825 palettetown croconaw 13 qualitative 826 palettetown feraligatr 14 qualitative 827 palettetown sentret 12 qualitative 828 palettetown furret 11 qualitative 829 palettetown hoothoot 13 qualitative 830 palettetown noctowl 13 qualitative 831 palettetown ledyba 12 qualitative 832 palettetown ledian 14 qualitative 833 palettetown spinarak 14 qualitative 834 palettetown ariados 14 qualitative 835 palettetown crobat 9 qualitative 836 palettetown chinchou 13 qualitative 837 palettetown lanturn 14 qualitative 838 palettetown pichu 11 qualitative 839 palettetown cleffa 11 qualitative 840 palettetown igglybuff 9 qualitative 841 palettetown togepi 12 qualitative 842 palettetown togetic 11 qualitative 843 palettetown natu 14 qualitative 844 palettetown xatu 15 qualitative 845 palettetown mareep 14 qualitative 846 palettetown flaaffy 13 qualitative 847 palettetown ampharos 12 qualitative 848 palettetown bellossom 13 qualitative 849 palettetown marill 10 qualitative 850 palettetown azumarill 10 qualitative 851 palettetown sudowoodo 11 qualitative 852 palettetown politoed 14 qualitative 853 palettetown hoppip 10 qualitative 854 palettetown skiploom 11 qualitative 855 palettetown jumpluff 13 qualitative 856 palettetown aipom 12 qualitative 857 palettetown sunkern 13 qualitative 858 palettetown sunflora 12 qualitative 859 palettetown yanma 11 qualitative 860 palettetown wooper 9 qualitative 861 palettetown quagsire 9 qualitative 862 palettetown espeon 9 qualitative 863 palettetown umbreon 10 qualitative 864 palettetown murkrow 12 qualitative 865 palettetown slowking 13 qualitative 866 palettetown misdreavus 13 qualitative 867 palettetown unown 5 qualitative 868 palettetown wobbuffet 8 qualitative 869 palettetown girafarig 13 qualitative 870 palettetown pineco 5 qualitative 871 palettetown forretress 10 qualitative 872 palettetown dunsparce 13 qualitative 873 palettetown gligar 12 qualitative 874 palettetown steelix 7 qualitative 875 palettetown snubbull 12 qualitative 876 palettetown granbull 11 qualitative 877 palettetown qwilfish 12 qualitative 878 palettetown scizor 11 qualitative 879 palettetown shuckle 12 qualitative 880 palettetown heracross 11 qualitative 881 palettetown sneasel 14 qualitative 882 palettetown teddiursa 12 qualitative 883 palettetown ursaring 13 qualitative 884 palettetown slugma 9 qualitative 885 palettetown magcargo 12 qualitative 886 palettetown swinub 9 qualitative 887 palettetown piloswine 12 qualitative 888 palettetown corsola 9 qualitative 889 palettetown remoraid 9 qualitative 890 palettetown octillery 12 qualitative 891 palettetown delibird 13 qualitative 892 palettetown mantine 13 qualitative 893 palettetown skarmory 12 qualitative 894 palettetown houndour 11 qualitative 895 palettetown houndoom 12 qualitative 896 palettetown kingdra 12 qualitative 897 palettetown phanpy 9 qualitative 898 palettetown donphan 13 qualitative 899 palettetown porygon2 12 qualitative 900 palettetown stantler 12 qualitative 901 palettetown smeargle 12 qualitative 902 palettetown tyrogue 12 qualitative 903 palettetown hitmontop 12 qualitative 904 palettetown smoochum 12 qualitative 905 palettetown elekid 9 qualitative 906 palettetown magby 10 qualitative 907 palettetown miltank 15 qualitative 908 palettetown blissey 9 qualitative 909 palettetown raikou 13 qualitative 910 palettetown entei 14 qualitative 911 palettetown suicune 14 qualitative 912 palettetown larvitar 9 qualitative 913 palettetown pupitar 9 qualitative 914 palettetown tyranitar 11 qualitative 915 palettetown lugia 9 qualitative 916 palettetown ho-oh 13 qualitative 917 palettetown celebi 11 qualitative 918 palettetown treecko 14 qualitative 919 palettetown grovyle 14 qualitative 920 palettetown sceptile 13 qualitative 921 palettetown torchic 12 qualitative 922 palettetown combusken 14 qualitative 923 palettetown blaziken 14 qualitative 924 palettetown mudkip 14 qualitative 925 palettetown marshtomp 14 qualitative 926 palettetown swampert 14 qualitative 927 palettetown poochyena 14 qualitative 928 palettetown mightyena 11 qualitative 929 palettetown zigzagoon 14 qualitative 930 palettetown linoone 11 qualitative 931 palettetown wurmple 13 qualitative 932 palettetown silcoon 9 qualitative 933 palettetown beautifly 13 qualitative 934 palettetown cascoon 8 qualitative 935 palettetown dustox 14 qualitative 936 palettetown lotad 13 qualitative 937 palettetown lombre 12 qualitative 938 palettetown ludicolo 15 qualitative 939 palettetown seedot 11 qualitative 940 palettetown nuzleaf 14 qualitative 941 palettetown shiftry 13 qualitative 942 palettetown taillow 15 qualitative 943 palettetown swellow 15 qualitative 944 palettetown wingull 14 qualitative 945 palettetown pelipper 15 qualitative 946 palettetown ralts 11 qualitative 947 palettetown kirlia 13 qualitative 948 palettetown gardevoir 12 qualitative 949 palettetown surskit 12 qualitative 950 palettetown masquerain 14 qualitative 951 palettetown shroomish 11 qualitative 952 palettetown breloom 15 qualitative 953 palettetown slakoth 14 qualitative 954 palettetown vigoroth 15 qualitative 955 palettetown slaking 14 qualitative 956 palettetown nincada 15 qualitative 957 palettetown ninjask 13 qualitative 958 palettetown shedinja 10 qualitative 959 palettetown whismur 12 qualitative 960 palettetown loudred 14 qualitative 961 palettetown exploud 15 qualitative 962 palettetown makuhita 12 qualitative 963 palettetown hariyama 15 qualitative 964 palettetown azurill 11 qualitative 965 palettetown nosepass 11 qualitative 966 palettetown skitty 11 qualitative 967 palettetown delcatty 15 qualitative 968 palettetown sableye 13 qualitative 969 palettetown mawile 14 qualitative 970 palettetown aron 9 qualitative 971 palettetown lairon 12 qualitative 972 palettetown aggron 12 qualitative 973 palettetown meditite 13 qualitative 974 palettetown medicham 13 qualitative 975 palettetown electrike 10 qualitative 976 palettetown manectric 13 qualitative 977 palettetown plusle 10 qualitative 978 palettetown minun 13 qualitative 979 palettetown volbeat 15 qualitative 980 palettetown illumise 15 qualitative 981 palettetown roselia 15 qualitative 982 palettetown gulpin 11 qualitative 983 palettetown swalot 14 qualitative 984 palettetown carvanha 13 qualitative 985 palettetown sharpedo 14 qualitative 986 palettetown wailmer 15 qualitative 987 palettetown wailord 13 qualitative 988 palettetown numel 15 qualitative 989 palettetown camerupt 13 qualitative 990 palettetown torkoal 12 qualitative 991 palettetown spoink 13 qualitative 992 palettetown grumpig 15 qualitative 993 palettetown spinda 10 qualitative 994 palettetown trapinch 10 qualitative 995 palettetown vibrava 14 qualitative 996 palettetown flygon 15 qualitative 997 palettetown cacnea 14 qualitative 998 palettetown cacturne 12 qualitative 999 palettetown swablu 12 qualitative 1000 palettetown altaria 12 qualitative 1001 palettetown zangoose 15 qualitative 1002 palettetown seviper 14 qualitative 1003 palettetown lunatone 14 qualitative 1004 palettetown solrock 14 qualitative 1005 palettetown barboach 12 qualitative 1006 palettetown whiscash 15 qualitative 1007 palettetown corphish 13 qualitative 1008 palettetown crawdaunt 15 qualitative 1009 palettetown baltoy 7 qualitative 1010 palettetown claydol 12 qualitative 1011 palettetown lileep 12 qualitative 1012 palettetown cradily 12 qualitative 1013 palettetown anorith 14 qualitative 1014 palettetown armaldo 14 qualitative 1015 palettetown feebas 13 qualitative 1016 palettetown milotic 14 qualitative 1017 palettetown castform 9 qualitative 1018 palettetown kecleon 15 qualitative 1019 palettetown shuppet 12 qualitative 1020 palettetown banette 12 qualitative 1021 palettetown duskull 13 qualitative 1022 palettetown dusclops 11 qualitative 1023 palettetown tropius 15 qualitative 1024 palettetown chimecho 13 qualitative 1025 palettetown absol 11 qualitative 1026 palettetown wynaut 11 qualitative 1027 palettetown snorunt 15 qualitative 1028 palettetown glalie 13 qualitative 1029 palettetown spheal 12 qualitative 1030 palettetown sealeo 15 qualitative 1031 palettetown walrein 12 qualitative 1032 palettetown clamperl 14 qualitative 1033 palettetown huntail 14 qualitative 1034 palettetown gorebyss 12 qualitative 1035 palettetown relicanth 13 qualitative 1036 palettetown luvdisc 9 qualitative 1037 palettetown bagon 11 qualitative 1038 palettetown shelgon 12 qualitative 1039 palettetown salamence 13 qualitative 1040 palettetown beldum 10 qualitative 1041 palettetown metang 13 qualitative 1042 palettetown metagross 13 qualitative 1043 palettetown regirock 13 qualitative 1044 palettetown regice 10 qualitative 1045 palettetown registeel 13 qualitative 1046 palettetown latias 14 qualitative 1047 palettetown latios 14 qualitative 1048 palettetown kyogre 14 qualitative 1049 palettetown groudon 14 qualitative 1050 palettetown rayquaza 12 qualitative 1051 palettetown jirachi 12 qualitative 1052 palettetown deoxys 14 qualitative 1053 palettetown teamrocket 6 qualitative 1054 palettetown starterspairs 6 qualitative 1055 palettetown startersDark 6 qualitative 1056 pals alphabet 26 qualitative 1057 pals alphabet2 26 qualitative 1058 pals glasbey 32 qualitative 1059 pals kelly 22 qualitative 1060 pals polychrome 36 qualitative 1061 pals stepped 24 qualitative 1062 pals tol 12 qualitative 1063 pals watlington 16 qualitative 1064 Polychrome alphabet 26 qualitative 1065 Polychrome dark 24 qualitative 1066 Polychrome glasbey 32 qualitative 1067 Polychrome green.armytage 26 qualitative 1068 Polychrome kelly 22 qualitative 1069 Polychrome light 24 qualitative 1070 Polychrome palette36 36 qualitative 1071 MapPalettes green_machine 5 sequential 1072 MapPalettes bruiser 5 sequential 1073 MapPalettes tealberry_pie 5 sequential 1074 MapPalettes the_joker 5 sequential 1075 MapPalettes sunset 5 qualitative 1076 MapPalettes irish_flag 5 sequential 1077 miscpalettes dreaming 8 qualitative 1078 miscpalettes jojo 8 qualitative 1079 miscpalettes beach 8 qualitative 1080 miscpalettes waterfall 8 qualitative 1081 miscpalettes sunset 8 qualitative 1082 miscpalettes bright 16 qualitative 1083 miscpalettes grayscale 16 sequential 1084 miscpalettes excel 16 qualitative 1085 miscpalettes light 10 qualitative 1086 miscpalettes pastel 16 qualitative 1087 miscpalettes earthTones 16 qualitative 1088 miscpalettes semiTransparent 16 qualitative 1089 miscpalettes berry 11 qualitative 1090 miscpalettes chocolate 10 qualitative 1091 miscpalettes fire 10 qualitative 1092 miscpalettes seaGreen 10 qualitative 1093 miscpalettes brightPastel 15 qualitative 1094 palettesForR Android 15 sequential 1095 palettesForR Bears 256 sequential 1096 palettesForR Bgold 256 sequential 1097 palettesForR Blues 256 sequential 1098 palettesForR Borders 256 sequential 1099 palettesForR Browns 22 sequential 1100 palettesForR Caramel 256 sequential 1101 palettesForR Cascade 256 sequential 1102 palettesForR China 256 sequential 1103 palettesForR Coldfire 256 sequential 1104 palettesForR Cool 8 sequential 1105 palettesForR Cranes 256 sequential 1106 palettesForR Dark 256 sequential 1107 palettesForR Default 23 sequential 1108 palettesForR Echo 27 sequential 1109 palettesForR Ega 240 sequential 1110 palettesForR Firecode 256 sequential 1111 palettesForR Gold 102 sequential 1112 palettesForR Gray 256 sequential 1113 palettesForR Grayblue 256 sequential 1114 palettesForR Grays 31 sequential 1115 palettesForR GrayViolet 256 sequential 1116 palettesForR Greens 256 sequential 1117 palettesForR Hilite 170 sequential 1118 palettesForR Inkscape 431 sequential 1119 palettesForR Khaki 156 sequential 1120 palettesForR LaTeX 136 sequential 1121 palettesForR Lights 25 sequential 1122 palettesForR MATLAB 73 sequential 1123 palettesForR Muted 78 sequential 1124 palettesForR Named 448 sequential 1125 palettesForR News3 256 sequential 1126 palettesForR Op2 256 sequential 1127 palettesForR Paintjet 16 sequential 1128 palettesForR Pastels 18 sequential 1129 palettesForR Plasma 256 sequential 1130 palettesForR Reds 177 sequential 1131 palettesForR Royal 222 sequential 1132 palettesForR SVG 139 sequential 1133 palettesForR Tango 29 sequential 1134 palettesForR Topographic 191 sequential 1135 palettesForR Visibone 336 sequential 1136 palettesForR Volcano 256 sequential 1137 palettesForR Warm 7 sequential 1138 palettesForR Web 216 sequential 1139 palettesForR WebHex 216 sequential 1140 palettesForR WebSafe22 22 sequential 1141 palettesForR Windows 31 sequential 1142 PNWColors Starfish 7 sequential 1143 PNWColors Shuksan 8 sequential 1144 PNWColors Bay 5 sequential 1145 PNWColors Winter 5 sequential 1146 PNWColors Lake 8 sequential 1147 PNWColors Sunset 7 sequential 1148 PNWColors Shuksan2 5 sequential 1149 PNWColors Cascades 6 sequential 1150 PNWColors Sailboat 6 sequential 1151 PNWColors Moth 5 sequential 1152 PNWColors Spring 6 sequential 1153 PNWColors Mushroom 6 sequential 1154 PNWColors Sunset2 5 sequential 1155 PNWColors Anemone 7 sequential 1156 rcartocolor ag_Sunset 7 sequential 1157 rcartocolor ag_GrnYl 7 sequential 1158 rcartocolor Tropic 7 diverging 1159 rcartocolor Temps 7 diverging 1160 rcartocolor TealRose 7 diverging 1161 rcartocolor Geyser 7 diverging 1162 rcartocolor Fall 7 diverging 1163 rcartocolor Earth 7 diverging 1164 rcartocolor ArmyRose 7 diverging 1165 rcartocolor Vivid 12 qualitative 1166 rcartocolor Safe 12 qualitative 1167 rcartocolor Prism 12 qualitative 1168 rcartocolor Pastel 12 qualitative 1169 rcartocolor Bold 12 qualitative 1170 rcartocolor Antique 12 qualitative 1171 rcartocolor TealGrn 7 sequential 1172 rcartocolor Teal 7 sequential 1173 rcartocolor SunsetDark 7 sequential 1174 rcartocolor Sunset 7 sequential 1175 rcartocolor RedOr 7 sequential 1176 rcartocolor PurpOr 7 sequential 1177 rcartocolor Purp 7 sequential 1178 rcartocolor PinkYl 7 sequential 1179 rcartocolor Peach 7 sequential 1180 rcartocolor OrYel 7 sequential 1181 rcartocolor Mint 7 sequential 1182 rcartocolor Magenta 7 sequential 1183 rcartocolor Emrld 7 sequential 1184 rcartocolor DarkMint 7 sequential 1185 rcartocolor BurgYl 7 sequential 1186 rcartocolor Burg 7 sequential 1187 rcartocolor BrwnYl 7 sequential 1188 rcartocolor BluYl 7 sequential 1189 rcartocolor BluGrn 7 sequential 1190 RColorBrewer BrBG 11 diverging 1191 RColorBrewer PiYG 11 diverging 1192 RColorBrewer PRGn 11 diverging 1193 RColorBrewer PuOr 11 diverging 1194 RColorBrewer RdBu 11 diverging 1195 RColorBrewer RdGy 11 diverging 1196 RColorBrewer RdYlBu 11 diverging 1197 RColorBrewer RdYlGn 11 diverging 1198 RColorBrewer Spectral 11 diverging 1199 RColorBrewer Accent 8 qualitative 1200 RColorBrewer Dark2 8 qualitative 1201 RColorBrewer Paired 12 qualitative 1202 RColorBrewer Pastel1 9 qualitative 1203 RColorBrewer Pastel2 8 qualitative 1204 RColorBrewer Set1 9 qualitative 1205 RColorBrewer Set2 8 qualitative 1206 RColorBrewer Set3 12 qualitative 1207 RColorBrewer Blues 9 sequential 1208 RColorBrewer BuGn 9 sequential 1209 RColorBrewer BuPu 9 sequential 1210 RColorBrewer GnBu 9 sequential 1211 RColorBrewer Greens 9 sequential 1212 RColorBrewer Greys 9 sequential 1213 RColorBrewer Oranges 9 sequential 1214 RColorBrewer OrRd 9 sequential 1215 RColorBrewer PuBu 9 sequential 1216 RColorBrewer PuBuGn 9 sequential 1217 RColorBrewer PuRd 9 sequential 1218 RColorBrewer Purples 9 sequential 1219 RColorBrewer RdPu 9 sequential 1220 RColorBrewer Reds 9 sequential 1221 RColorBrewer YlGn 9 sequential 1222 RColorBrewer YlGnBu 9 sequential 1223 RColorBrewer YlOrBr 9 sequential 1224 RColorBrewer YlOrRd 9 sequential 1225 Redmonder dPBIYlBu 11 diverging 1226 Redmonder dPBIYlPu 11 diverging 1227 Redmonder dPBIPuGn 11 diverging 1228 Redmonder dPBIPuOr 11 diverging 1229 Redmonder dPBIRdBu 11 diverging 1230 Redmonder dPBIRdGy 11 diverging 1231 Redmonder dPBIRdGn 11 diverging 1232 Redmonder qMSOStd 10 qualitative 1233 Redmonder qMSO12 8 qualitative 1234 Redmonder qMSO15 8 qualitative 1235 Redmonder qMSOBuWarm 8 qualitative 1236 Redmonder qMSOBu 8 qualitative 1237 Redmonder qMSOBu2 8 qualitative 1238 Redmonder qMSOBuGn 8 qualitative 1239 Redmonder qMSOGn 8 qualitative 1240 Redmonder qMSOGnYl 8 qualitative 1241 Redmonder qMSOYl 8 qualitative 1242 Redmonder qMSOYlOr 8 qualitative 1243 Redmonder qMSOOr 8 qualitative 1244 Redmonder qMSOOrRd 8 qualitative 1245 Redmonder qMSORdOr 8 qualitative 1246 Redmonder qMSORd 8 qualitative 1247 Redmonder qMSORdPu 8 qualitative 1248 Redmonder qMSOPu 8 qualitative 1249 Redmonder qMSOPu2 8 qualitative 1250 Redmonder qMSOMed 8 qualitative 1251 Redmonder qMSOPap 8 qualitative 1252 Redmonder qMSOMrq 8 qualitative 1253 Redmonder qMSOSlp 8 qualitative 1254 Redmonder qMSOAsp 8 qualitative 1255 Redmonder qPBI 8 qualitative 1256 Redmonder sPBIGn 9 sequential 1257 Redmonder sPBIGy1 9 sequential 1258 Redmonder sPBIRd 9 sequential 1259 Redmonder sPBIYl 9 sequential 1260 Redmonder sPBIGy2 9 sequential 1261 Redmonder sPBIBu 9 sequential 1262 Redmonder sPBIOr 9 sequential 1263 Redmonder sPBIPu 9 sequential 1264 Redmonder sPBIYlGn 9 sequential 1265 Redmonder sPBIRdPu 9 sequential 1266 RSkittleBrewer original 5 qualitative 1267 RSkittleBrewer tropical 5 qualitative 1268 RSkittleBrewer wildberry 5 qualitative 1269 RSkittleBrewer M&M 6 qualitative 1270 RSkittleBrewer smarties 8 qualitative 1271 tidyquant tq_light 12 qualitative 1272 tidyquant tq_dark 12 qualitative 1273 tidyquant tq_green 12 qualitative 1274 trekcolors andorian 9 sequential 1275 trekcolors bajoran 6 sequential 1276 trekcolors borg 9 sequential 1277 trekcolors breen 8 sequential 1278 trekcolors breen2 9 sequential 1279 trekcolors dominion 7 sequential 1280 trekcolors enara 9 sequential 1281 trekcolors enara2 4 sequential 1282 trekcolors ferengi 9 sequential 1283 trekcolors gorn 9 sequential 1284 trekcolors iconian 9 sequential 1285 trekcolors klingon 9 sequential 1286 trekcolors lcars_series 31 sequential 1287 trekcolors lcars_2357 9 sequential 1288 trekcolors lcars_2369 8 sequential 1289 trekcolors lcars_2375 8 sequential 1290 trekcolors lcars_2379 8 sequential 1291 trekcolors lcars_alt 17 sequential 1292 trekcolors lcars_first_contact 8 sequential 1293 trekcolors lcars_nemesis 10 sequential 1294 trekcolors lcars_nx01 6 sequential 1295 trekcolors lcars_29c 8 sequential 1296 trekcolors lcars_23c 7 sequential 1297 trekcolors lcars_red_alert 8 sequential 1298 trekcolors lcars_cardassian 21 sequential 1299 trekcolors romulan 9 sequential 1300 trekcolors romulan2 9 sequential 1301 trekcolors starfleet 3 sequential 1302 trekcolors starfleet2 6 sequential 1303 trekcolors tholian 9 sequential 1304 trekcolors terran 9 sequential 1305 trekcolors ufp 9 sequential 1306 trekcolors red_alert 6 sequential 1307 trekcolors yellow_alert 6 sequential 1308 trekcolors black_alert 5 sequential 1309 tvthemes attackOnTitan 8 sequential 1310 tvthemes FireNation 8 sequential 1311 tvthemes AirNomads 7 sequential 1312 tvthemes EarthKingdom 9 sequential 1313 tvthemes WaterTribe 8 sequential 1314 tvthemes bigHero6 8 sequential 1315 tvthemes Regular 10 sequential 1316 tvthemes Dark 9 sequential 1317 tvthemes gravityFalls 14 sequential 1318 tvthemes Day 8 sequential 1319 tvthemes Dusk 8 sequential 1320 tvthemes Night 8 sequential 1321 tvthemes kimPossible 12 sequential 1322 tvthemes parksAndRec 10 sequential 1323 tvthemes rickAndMorty 9 sequential 1324 tvthemes simpsons 10 sequential 1325 tvthemes spongeBob 9 sequential 1326 tvthemes Stark 9 sequential 1327 tvthemes Stannis 7 sequential 1328 tvthemes Lannister 6 sequential 1329 tvthemes Tyrell 9 sequential 1330 tvthemes Targaryen 5 sequential 1331 tvthemes Martell 8 sequential 1332 tvthemes Tully 6 sequential 1333 tvthemes Greyjoy 6 sequential 1334 tvthemes Manderly 7 sequential 1335 tvthemes Arryn 7 sequential 1336 unikn pal_unikn 11 sequential 1337 unikn pal_unikn_web 10 sequential 1338 unikn pal_unikn_ppt 10 sequential 1339 unikn pal_unikn_light 10 sequential 1340 unikn pal_unikn_dark 10 sequential 1341 unikn pal_unikn_pair 16 sequential 1342 unikn pal_unikn_pref 9 sequential 1343 unikn pal_seeblau 5 sequential 1344 unikn pal_peach 5 sequential 1345 unikn pal_grau 5 sequential 1346 unikn pal_petrol 5 sequential 1347 unikn pal_seegruen 5 sequential 1348 unikn pal_karpfenblau 5 sequential 1349 unikn pal_pinky 5 sequential 1350 unikn pal_bordeaux 5 sequential 1351 unikn pal_signal 3 sequential 1352 vapeplot vaporwave 14 sequential 1353 vapeplot cool 5 sequential 1354 vapeplot crystal_pepsi 4 sequential 1355 vapeplot mallsoft 6 sequential 1356 vapeplot jazzcup 5 sequential 1357 vapeplot sunset 5 qualitative 1358 vapeplot macplus 6 sequential 1359 vapeplot seapunk 5 sequential 1360 vapoRwave avanti 5 sequential 1361 vapoRwave cool 5 sequential 1362 vapoRwave crystalPepsi 4 sequential 1363 vapoRwave floralShoppe 8 sequential 1364 vapoRwave hotlineBling 8 sequential 1365 vapoRwave hyperBubble 7 sequential 1366 vapoRwave jazzCup 5 sequential 1367 vapoRwave jwz 8 sequential 1368 vapoRwave macPlus 6 sequential 1369 vapoRwave mallSoft 6 sequential 1370 vapoRwave newRetro 9 sequential 1371 vapoRwave seaPunk 5 sequential 1372 vapoRwave sunSet 5 sequential 1373 vapoRwave vapoRwave 11 sequential 1374 werpals cinderella 5 sequential 1375 werpals monet 6 sequential 1376 werpals small_world 6 sequential 1377 werpals alice 6 sequential 1378 werpals pan 6 sequential 1379 werpals when_i_was_your_age 6 sequential 1380 werpals firefly 7 sequential 1381 werpals uyuni 10 sequential 1382 werpals okavango 10 sequential 1383 werpals lakelouise 10 sequential 1384 werpals provence 10 sequential 1385 werpals halong 10 sequential 1386 werpals vatnajokull 10 sequential 1387 werpals arashiyama 10 sequential 1388 werpals mountcook 10 sequential 1389 werpals benagil 10 sequential 1390 werpals bryce 10 sequential 1391 werpals jozi 10 sequential 1392 wesanderson BottleRocket1 7 qualitative 1393 wesanderson BottleRocket2 5 qualitative 1394 wesanderson Rushmore1 5 qualitative 1395 wesanderson Rushmore 5 qualitative 1396 wesanderson Royal1 4 qualitative 1397 wesanderson Royal2 5 qualitative 1398 wesanderson Zissou1 5 qualitative 1399 wesanderson Darjeeling1 5 qualitative 1400 wesanderson Darjeeling2 5 qualitative 1401 wesanderson Chevalier1 4 qualitative 1402 wesanderson FantasticFox1 5 qualitative 1403 wesanderson Moonrise1 4 qualitative 1404 wesanderson Moonrise2 4 qualitative 1405 wesanderson Moonrise3 5 qualitative 1406 wesanderson Cavalcanti1 5 qualitative 1407 wesanderson GrandBudapest1 4 qualitative 1408 wesanderson GrandBudapest2 4 qualitative 1409 wesanderson IsleofDogs1 6 qualitative 1410 wesanderson IsleofDogs2 5 qualitative 1411 yarrr basel 10 qualitative 1412 yarrr pony 9 qualitative 1413 yarrr xmen 8 qualitative 1414 yarrr decision 6 qualitative 1415 yarrr southpark 6 qualitative 1416 yarrr google 4 qualitative 1417 yarrr eternal 7 qualitative 1418 yarrr evildead 6 qualitative 1419 yarrr usualsuspects 7 qualitative 1420 yarrr ohbrother 7 qualitative 1421 yarrr appletv 6 qualitative 1422 yarrr brave 5 qualitative 1423 yarrr bugs 5 qualitative 1424 yarrr cars 5 qualitative 1425 yarrr nemo 5 qualitative 1426 yarrr rat 5 qualitative 1427 yarrr up 5 qualitative 1428 yarrr espresso 5 qualitative 1429 yarrr ipod 7 qualitative 1430 yarrr info 9 qualitative 1431 yarrr info2 14 qualitative ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% * group_by(package) ``` ] .right-output-names_d-auto[ ``` # A tibble: 1,431 x 4 # Groups: package [43] package palette length type <chr> <chr> <int> <chr> 1 awtools a_palette 8 qualitative 2 awtools bpalette 16 qualitative 3 awtools gpalette 4 qualitative 4 awtools mpalette 9 qualitative 5 awtools spalette 6 qualitative 6 basetheme brutal 10 sequential 7 basetheme clean 10 sequential 8 basetheme dark 10 sequential 9 basetheme deepblue 10 sequential 10 basetheme default 8 qualitative # … with 1,421 more rows ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% * count() ``` ] .right-output-names_d-auto[ ``` # A tibble: 43 x 2 # Groups: package [43] package n <chr> <int> 1 awtools 5 2 basetheme 9 3 calecopal 22 4 colorblindr 2 5 colRoz 54 6 dichromat 17 7 DresdenColor 18 8 dutchmasters 6 9 fishualize 92 10 ggpomological 2 # … with 33 more rows ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% * pull() ``` ] .right-output-names_d-auto[ ``` [1] 5 9 22 2 54 17 18 6 92 2 45 101 18 27 1 16 13 21 128 [20] 6 17 25 12 16 16 48 389 8 14 7 34 35 41 5 3 35 27 16 [39] 8 14 18 19 21 ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% * sum() ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% sum() *paletteer::palettes_c_names ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ``` package palette type 1 gameofthrones baratheon sequential 2 gameofthrones greyjoy sequential 3 gameofthrones jon_snow sequential 4 gameofthrones lannister sequential 5 gameofthrones martell sequential 6 gameofthrones stark sequential 7 gameofthrones stark2 sequential 8 gameofthrones targaryen sequential 9 gameofthrones targaryen2 sequential 10 gameofthrones tully sequential 11 gameofthrones tyrell sequential 12 gameofthrones white_walkers sequential 13 gameofthrones wildfire sequential 14 gameofthrones margaery sequential 15 gameofthrones daenerys sequential 16 gameofthrones game_of_thrones sequential 17 ggthemes Blue-Green Sequential sequential 18 ggthemes Blue Light sequential 19 ggthemes Orange Light sequential 20 ggthemes Blue sequential 21 ggthemes Orange sequential 22 ggthemes Green sequential 23 ggthemes Red sequential 24 ggthemes Purple sequential 25 ggthemes Brown sequential 26 ggthemes Gray sequential 27 ggthemes Gray Warm sequential 28 ggthemes Blue-Teal sequential 29 ggthemes Orange-Gold sequential 30 ggthemes Green-Gold sequential 31 ggthemes Red-Gold sequential 32 ggthemes Classic Green sequential 33 ggthemes Classic Gray sequential 34 ggthemes Classic Blue sequential 35 ggthemes Classic Red sequential 36 ggthemes Classic Orange sequential 37 ggthemes Classic Area Red sequential 38 ggthemes Classic Area Green sequential 39 ggthemes Classic Area-Brown sequential 40 ggthemes Orange-Blue Diverging diverging 41 ggthemes Red-Green Diverging diverging 42 ggthemes Green-Blue Diverging diverging 43 ggthemes Red-Blue Diverging diverging 44 ggthemes Red-Black Diverging diverging 45 ggthemes Gold-Purple Diverging diverging 46 ggthemes Red-Green-Gold Diverging diverging 47 ggthemes Sunset-Sunrise Diverging diverging 48 ggthemes Orange-Blue-White Diverging diverging 49 ggthemes Red-Green-White Diverging diverging 50 ggthemes Green-Blue-White Diverging diverging 51 ggthemes Red-Blue-White Diverging diverging 52 ggthemes Red-Black-White Diverging diverging 53 ggthemes Orange-Blue Light Diverging diverging 54 ggthemes Temperature Diverging diverging 55 ggthemes Classic Red-Green diverging 56 ggthemes Classic Red-Blue diverging 57 ggthemes Classic Red-Black diverging 58 ggthemes Classic Area Red-Green diverging 59 ggthemes Classic Orange-Blue diverging 60 ggthemes Classic Green-Blue diverging 61 ggthemes Classic Red-White-Green diverging 62 ggthemes Classic Red-White-Black diverging 63 ggthemes Classic Orange-White-Blue diverging 64 ggthemes Classic Red-White-Black Light diverging 65 ggthemes Classic Orange-White-Blue Light diverging 66 ggthemes Classic Red-White-Green Light diverging 67 ggthemes Classic Red-Green Light diverging 68 grDevices rainbow sequential 69 grDevices heat.colors sequential 70 grDevices terrain.colors sequential 71 grDevices topo.colors sequential 72 grDevices cm.colors diverging 73 grDevices Pastel 1 qualitative 74 grDevices Dark 2 qualitative 75 grDevices Dark 3 qualitative 76 grDevices Set 2 qualitative 77 grDevices Set 3 qualitative 78 grDevices Warm qualitative 79 grDevices Cold qualitative 80 grDevices Harmonic qualitative 81 grDevices Dynamic qualitative 82 grDevices Grays sequential 83 grDevices Light Grays sequential 84 grDevices Blues 2 sequential 85 grDevices Blues 3 sequential 86 grDevices Purples 2 sequential 87 grDevices Purples 3 sequential 88 grDevices Reds 2 sequential 89 grDevices Reds 3 sequential 90 grDevices Greens 2 sequential 91 grDevices Greens 3 sequential 92 grDevices Oslo sequential 93 grDevices Purple-Blue sequential 94 grDevices Red-Purple sequential 95 grDevices Red-Blue sequential 96 grDevices Purple-Orange sequential 97 grDevices Purple-Yellow sequential 98 grDevices Blue-Yellow sequential 99 grDevices Green-Yellow sequential 100 grDevices Red-Yellow sequential 101 grDevices Heat sequential 102 grDevices Heat 2 sequential 103 grDevices Terrain sequential 104 grDevices Terrain 2 sequential 105 grDevices Viridis sequential 106 grDevices Plasma sequential 107 grDevices Inferno sequential 108 grDevices Dark Mint sequential 109 grDevices Mint sequential 110 grDevices BluGrn sequential 111 grDevices Teal sequential 112 grDevices TealGrn sequential 113 grDevices Emrld sequential 114 grDevices BluYl sequential 115 grDevices ag_GrnYl sequential 116 grDevices Peach sequential 117 grDevices PinkYl sequential 118 grDevices Burg sequential 119 grDevices BurgYl sequential 120 grDevices RedOr sequential 121 grDevices OrYel sequential 122 grDevices Purp sequential 123 grDevices PurpOr sequential 124 grDevices Sunset sequential 125 grDevices Magenta sequential 126 grDevices SunsetDark sequential 127 grDevices ag_Sunset sequential 128 grDevices BrwnYl sequential 129 grDevices YlOrRd sequential 130 grDevices YlOrBr sequential 131 grDevices OrRd sequential 132 grDevices Oranges sequential 133 grDevices YlGn sequential 134 grDevices YlGnBu sequential 135 grDevices Reds sequential 136 grDevices RdPu sequential 137 grDevices PuRd sequential 138 grDevices Purples sequential 139 grDevices PuBuGn sequential 140 grDevices PuBu sequential 141 grDevices Greens sequential 142 grDevices BuGn sequential 143 grDevices GnBu sequential 144 grDevices BuPu sequential 145 grDevices Blues sequential 146 grDevices Lajolla sequential 147 grDevices Turku sequential 148 grDevices Blue-Red diverging 149 grDevices Blue-Red 2 diverging 150 grDevices Blue-Red 3 diverging 151 grDevices Red-Green diverging 152 grDevices Purple-Green diverging 153 grDevices Purple-Brown diverging 154 grDevices Green-Brown diverging 155 grDevices Blue-Yellow 2 diverging 156 grDevices Blue-Yellow 3 diverging 157 grDevices Green-Orange diverging 158 grDevices Cyan-Magenta diverging 159 grDevices Tropic diverging 160 grDevices Broc diverging 161 grDevices Cork diverging 162 grDevices Vik diverging 163 grDevices Berlin diverging 164 grDevices Lisbon diverging 165 grDevices Tofino diverging 166 grDevices ArmyRose diverging 167 grDevices Earth diverging 168 grDevices Fall diverging 169 grDevices Geyser diverging 170 grDevices TealRose diverging 171 grDevices Temps diverging 172 grDevices PuOr diverging 173 grDevices RdBu diverging 174 grDevices RdGy diverging 175 grDevices PiYG diverging 176 grDevices PRGn diverging 177 grDevices BrBG diverging 178 grDevices RdYlBu diverging 179 grDevices RdYlGn diverging 180 grDevices Spectral diverging 181 grDevices Zissou 1 diverging 182 grDevices Cividis diverging 183 harrypotter slytherin sequential 184 harrypotter gryffindor sequential 185 harrypotter hufflepuff sequential 186 harrypotter ravenclaw sequential 187 harrypotter ravenclaw2 sequential 188 harrypotter lunalovegood sequential 189 harrypotter dracomalfoy sequential 190 harrypotter ronweasley sequential 191 harrypotter ronweasley2 sequential 192 harrypotter harrypotter sequential 193 harrypotter hermionegranger sequential 194 harrypotter always sequential 195 harrypotter mischief sequential 196 harrypotter sprout sequential 197 harrypotter newtscamander sequential 198 oompaBase redscale sequential 199 oompaBase greenscale sequential 200 oompaBase bluescale sequential 201 oompaBase blueyellow diverging 202 oompaBase cyanyellow diverging 203 oompaBase redgreen diverging 204 oompaBase jetColors sequential 205 oompaBase greyscale sequential 206 palr bathy_deep_pal sequential 207 palr chl_pal sequential 208 palr ice_pal sequential 209 palr sst_pal sequential 210 pals coolwarm diverging 211 pals warmcool diverging 212 pals jet sequential 213 pals parula sequential 214 pals cubicyf sequential 215 pals isol sequential 216 pals cubicl sequential 217 pals linearl sequential 218 pals linearlhot sequential 219 pals ocean.algae sequential 220 pals ocean.deep sequential 221 pals ocean.dense sequential 222 pals ocean.gray sequential 223 pals ocean.haline sequential 224 pals ocean.ice sequential 225 pals ocean.matter sequential 226 pals ocean.oxy sequential 227 pals ocean.phase sequential 228 pals ocean.solar sequential 229 pals ocean.thermal sequential 230 pals ocean.turbid sequential 231 pals ocean.balance diverging 232 pals ocean.curl diverging 233 pals ocean.delta diverging 234 pals ocean.amp sequential 235 pals ocean.speed sequential 236 pals ocean.tempo sequential 237 pals kovesi.cyclic_grey_15_85_c0 sequential 238 pals kovesi.cyclic_grey_15_85_c0_s25 sequential 239 pals kovesi.cyclic_mrybm_35_75_c68 sequential 240 pals kovesi.cyclic_mrybm_35_75_c68_s25 sequential 241 pals kovesi.cyclic_mygbm_30_95_c78 sequential 242 pals kovesi.cyclic_mygbm_30_95_c78_s25 sequential 243 pals kovesi.cyclic_wrwbw_40_90_c42 sequential 244 pals kovesi.cyclic_wrwbw_40_90_c42_s25 sequential 245 pals kovesi.diverging_isoluminant_cjm_75_c23 diverging 246 pals kovesi.diverging_isoluminant_cjm_75_c24 diverging 247 pals kovesi.diverging_isoluminant_cjo_70_c25 diverging 248 pals kovesi.diverging_linear_bjr_30_55_c53 diverging 249 pals kovesi.diverging_linear_bjy_30_90_c45 diverging 250 pals kovesi.diverging_rainbow_bgymr_45_85_c67 sequential 251 pals kovesi.diverging_bkr_55_10_c35 diverging 252 pals kovesi.diverging_bky_60_10_c30 diverging 253 pals kovesi.diverging_bwr_40_95_c42 diverging 254 pals kovesi.diverging_bwr_55_98_c37 diverging 255 pals kovesi.diverging_cwm_80_100_c22 diverging 256 pals kovesi.diverging_gkr_60_10_c40 diverging 257 pals kovesi.diverging_gwr_55_95_c38 diverging 258 pals kovesi.diverging_gwv_55_95_c39 diverging 259 pals kovesi.isoluminant_cgo_70_c39 sequential 260 pals kovesi.isoluminant_cgo_80_c38 sequential 261 pals kovesi.isoluminant_cm_70_c39 sequential 262 pals kovesi.linear_bgy_10_95_c74 sequential 263 pals kovesi.linear_bgyw_15_100_c67 sequential 264 pals kovesi.linear_bgyw_15_100_c68 sequential 265 pals kovesi.linear_blue_5_95_c73 sequential 266 pals kovesi.linear_blue_95_50_c20 sequential 267 pals kovesi.linear_bmw_5_95_c86 sequential 268 pals kovesi.linear_bmw_5_95_c89 sequential 269 pals kovesi.linear_bmy_10_95_c71 sequential 270 pals kovesi.linear_bmy_10_95_c78 sequential 271 pals kovesi.linear_gow_60_85_c27 sequential 272 pals kovesi.linear_gow_65_90_c35 sequential 273 pals kovesi.linear_green_5_95_c69 sequential 274 pals kovesi.linear_grey_0_100_c0 sequential 275 pals kovesi.linear_grey_10_95_c0 sequential 276 pals kovesi.linear_kry_5_95_c72 sequential 277 pals kovesi.linear_kry_5_98_c75 sequential 278 pals kovesi.linear_kryw_5_100_c64 sequential 279 pals kovesi.linear_kryw_5_100_c67 sequential 280 pals kovesi.linear_ternary_blue_0_44_c57 sequential 281 pals kovesi.linear_ternary_green_0_46_c42 sequential 282 pals kovesi.linear_ternary_red_0_50_c52 sequential 283 pals kovesi.rainbow_bgyr_35_85_c72 sequential 284 pals kovesi.rainbow_bgyr_35_85_c73 sequential 285 pals kovesi.rainbow_bgyrm_35_85_c69 sequential 286 pals kovesi.rainbow_bgyrm_35_85_c71 sequential 287 scico acton sequential 288 scico bamako sequential 289 scico batlow sequential 290 scico berlin diverging 291 scico bilbao sequential 292 scico broc diverging 293 scico buda sequential 294 scico cork diverging 295 scico davos sequential 296 scico devon sequential 297 scico grayC sequential 298 scico hawaii sequential 299 scico imola sequential 300 scico lajolla sequential 301 scico lapaz sequential 302 scico lisbon diverging 303 scico nuuk diverging 304 scico oleron sequential 305 scico oslo sequential 306 scico roma diverging 307 scico tofino diverging 308 scico tokyo sequential 309 scico turku sequential 310 scico vik diverging 311 viridis viridis sequential 312 viridis inferno sequential 313 viridis magma sequential 314 viridis plasma sequential 315 viridis cividis sequential ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% sum() paletteer::palettes_c_names %>% * group_by(package) ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ``` # A tibble: 315 x 3 # Groups: package [9] package palette type <chr> <chr> <chr> 1 gameofthrones baratheon sequential 2 gameofthrones greyjoy sequential 3 gameofthrones jon_snow sequential 4 gameofthrones lannister sequential 5 gameofthrones martell sequential 6 gameofthrones stark sequential 7 gameofthrones stark2 sequential 8 gameofthrones targaryen sequential 9 gameofthrones targaryen2 sequential 10 gameofthrones tully sequential # … with 305 more rows ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% sum() paletteer::palettes_c_names %>% group_by(package) %>% * count() ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ``` # A tibble: 9 x 2 # Groups: package [9] package n <chr> <int> 1 gameofthrones 16 2 ggthemes 51 3 grDevices 115 4 harrypotter 15 5 oompaBase 8 6 palr 4 7 pals 77 8 scico 24 9 viridis 5 ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% sum() paletteer::palettes_c_names %>% group_by(package) %>% count() %>% * pull() ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ``` [1] 16 51 115 15 8 4 77 24 5 ``` ] --- class: split-40 count: false .left-code-names_d-auto[ ```r paletteer::palettes_d_names %>% group_by(package) %>% count() %>% pull() %>% sum() paletteer::palettes_c_names %>% group_by(package) %>% count() %>% pull() %>% * sum() ``` ] .right-output-names_d-auto[ ``` [1] 1431 ``` ``` [1] 315 ``` ] <style> .left-code-names_d-auto { color: #777; width: 38%; height: 92%; float: left; font-size: 80% } .right-output-names_d-auto { width: 60%; float: right; padding-left: 1%; } </style> --- class: inverse, center, middle ## Usage w/ ggplot2: scale_color_paletteer_d -- discrete (categorical) scales --- class: split-40 count: false .left-code-palettes_d-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = continent) + geom_point() + scale_color_paletteer_d("nord::aurora") ``` ] .right-output-palettes_d-rotate[ <img src="paletteer_files/figure-html/palettes_d_rotate_1_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_d-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = continent) + geom_point() + * scale_color_paletteer_d("basetheme::ink") ``` ] .right-output-palettes_d-rotate[ <img src="paletteer_files/figure-html/palettes_d_rotate_2_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_d-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = continent) + geom_point() + * scale_color_paletteer_d("basetheme::ink") ``` ] .right-output-palettes_d-rotate[ <img src="paletteer_files/figure-html/palettes_d_rotate_3_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_d-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = continent) + geom_point() + * scale_color_paletteer_d("LaCroixColoR::Orange") ``` ] .right-output-palettes_d-rotate[ <img src="paletteer_files/figure-html/palettes_d_rotate_4_output-1.png" width="432" /> ] <style> .left-code-palettes_d-rotate { color: #777; width: 59%; height: 92%; float: left; font-size: 80% } .right-output-palettes_d-rotate { width: 40%; float: right; padding-left: 1%; } </style> --- class: inverse, center, middle ## Usage w/ ggplot2: scale_color_paletteer_c -- continuous scales --- class: split-40 count: false .left-code-palettes_c-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + scale_color_paletteer_c("grDevices::Purple-Blue") ``` ] .right-output-palettes_c-rotate[ <img src="paletteer_files/figure-html/palettes_c_rotate_1_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_c-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_c("pals::kovesi.rainbow_bgyr_35_85_c73") ``` ] .right-output-palettes_c-rotate[ <img src="paletteer_files/figure-html/palettes_c_rotate_2_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_c-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_c("ggthemes::Red-Gold") ``` ] .right-output-palettes_c-rotate[ <img src="paletteer_files/figure-html/palettes_c_rotate_3_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_c-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_c("scico::devon") ``` ] .right-output-palettes_c-rotate[ <img src="paletteer_files/figure-html/palettes_c_rotate_4_output-1.png" width="432" /> ] <style> .left-code-palettes_c-rotate { color: #777; width: 59%; height: 92%; float: left; font-size: 80% } .right-output-palettes_c-rotate { width: 40%; float: right; padding-left: 1%; } </style> --- class: inverse, center, middle ## Usage w/ ggplot2: scale_color_paletteer_binned -- binned continuous scales --- class: split-40 count: false .left-code-palettes_binned-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + scale_color_paletteer_binned("grDevices::Purple-Blue") ``` ] .right-output-palettes_binned-rotate[ <img src="paletteer_files/figure-html/palettes_binned_rotate_1_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_binned-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_binned("pals::kovesi.rainbow_bgyr_35_85_c73") ``` ] .right-output-palettes_binned-rotate[ <img src="paletteer_files/figure-html/palettes_binned_rotate_2_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_binned-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_binned("ggthemes::Red-Gold") ``` ] .right-output-palettes_binned-rotate[ <img src="paletteer_files/figure-html/palettes_binned_rotate_3_output-1.png" width="432" /> ] --- class: split-40 count: false .left-code-palettes_binned-rotate[ ```r library(gapminder) library(paletteer) gapminder %>% filter(year == 2007) %>% ggplot(data = .) + aes(x = gdpPercap) + aes(y = lifeExp) + aes(color = lifeExp) + geom_point(size = 3, alpha = .7) + * scale_color_paletteer_binned("scico::devon") ``` ] .right-output-palettes_binned-rotate[ <img src="paletteer_files/figure-html/palettes_binned_rotate_4_output-1.png" width="432" /> ] <style> .left-code-palettes_binned-rotate { color: #777; width: 59%; height: 92%; float: left; font-size: 80% } .right-output-palettes_binned-rotate { width: 40%; float: right; padding-left: 1%; } </style> --- class: inverse, center, middle ## Just the scales: discrete -- Displays the first three scales from every package in {paletteer} -- This is ~ 150 out of ~ 1400 --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r pal <- paletteer_d("awtools::a_palette") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rahmjxuair .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rahmjxuair .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rahmjxuair .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rahmjxuair .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rahmjxuair .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rahmjxuair .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rahmjxuair .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rahmjxuair .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rahmjxuair .gt_column_spanner_outer:first-child { padding-left: 0; } #rahmjxuair .gt_column_spanner_outer:last-child { padding-right: 0; } #rahmjxuair .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rahmjxuair .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rahmjxuair .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rahmjxuair .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rahmjxuair .gt_from_md > :first-child { margin-top: 0; } #rahmjxuair .gt_from_md > :last-child { margin-bottom: 0; } #rahmjxuair .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rahmjxuair .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rahmjxuair .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rahmjxuair .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rahmjxuair .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rahmjxuair .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rahmjxuair .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rahmjxuair .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rahmjxuair .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rahmjxuair .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rahmjxuair .gt_sourcenote { font-size: 90%; padding: 4px; } #rahmjxuair .gt_left { text-align: left; } #rahmjxuair .gt_center { text-align: center; } #rahmjxuair .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rahmjxuair .gt_font_normal { font-weight: normal; } #rahmjxuair .gt_font_bold { font-weight: bold; } #rahmjxuair .gt_font_italic { font-style: italic; } #rahmjxuair .gt_super { font-size: 65%; } #rahmjxuair .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rahmjxuair" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #2A363B; color: #FFFFFF;">#2A363BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #019875; color: #FFFFFF;">#019875FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99B898; color: #000000;">#99B898FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FECEA8; color: #000000;">#FECEA8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF847C; color: #000000;">#FF847CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E84A5F; color: #FFFFFF;">#E84A5FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0392B; color: #FFFFFF;">#C0392BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #96281B; color: #FFFFFF;">#96281BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("awtools::bpalette") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #zpethdkife .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #zpethdkife .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zpethdkife .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #zpethdkife .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #zpethdkife .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zpethdkife .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zpethdkife .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #zpethdkife .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #zpethdkife .gt_column_spanner_outer:first-child { padding-left: 0; } #zpethdkife .gt_column_spanner_outer:last-child { padding-right: 0; } #zpethdkife .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #zpethdkife .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #zpethdkife .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #zpethdkife .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #zpethdkife .gt_from_md > :first-child { margin-top: 0; } #zpethdkife .gt_from_md > :last-child { margin-bottom: 0; } #zpethdkife .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #zpethdkife .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #zpethdkife .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zpethdkife .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #zpethdkife .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zpethdkife .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #zpethdkife .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zpethdkife .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zpethdkife .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #zpethdkife .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zpethdkife .gt_sourcenote { font-size: 90%; padding: 4px; } #zpethdkife .gt_left { text-align: left; } #zpethdkife .gt_center { text-align: center; } #zpethdkife .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #zpethdkife .gt_font_normal { font-weight: normal; } #zpethdkife .gt_font_bold { font-weight: bold; } #zpethdkife .gt_font_italic { font-style: italic; } #zpethdkife .gt_super { font-size: 65%; } #zpethdkife .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="zpethdkife" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C62828; color: #FFFFFF;">#C62828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F44336; color: #FFFFFF;">#F44336FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C27B0; color: #FFFFFF;">#9C27B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #673AB7; color: #FFFFFF;">#673AB7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3F51B5; color: #FFFFFF;">#3F51B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2196F3; color: #000000;">#2196F3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #29B6F6; color: #000000;">#29B6F6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #006064; color: #FFFFFF;">#006064FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009688; color: #FFFFFF;">#009688FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4CAF50; color: #000000;">#4CAF50FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BC34A; color: #000000;">#8BC34AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFEB3B; color: #000000;">#FFEB3BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9800; color: #000000;">#FF9800FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #795548; color: #FFFFFF;">#795548FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9E9E9E; color: #000000;">#9E9E9EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #607D8B; color: #FFFFFF;">#607D8BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("awtools::gpalette") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #aicachtesp .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #aicachtesp .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aicachtesp .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #aicachtesp .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #aicachtesp .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aicachtesp .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aicachtesp .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #aicachtesp .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #aicachtesp .gt_column_spanner_outer:first-child { padding-left: 0; } #aicachtesp .gt_column_spanner_outer:last-child { padding-right: 0; } #aicachtesp .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #aicachtesp .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #aicachtesp .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #aicachtesp .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #aicachtesp .gt_from_md > :first-child { margin-top: 0; } #aicachtesp .gt_from_md > :last-child { margin-bottom: 0; } #aicachtesp .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #aicachtesp .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #aicachtesp .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aicachtesp .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #aicachtesp .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aicachtesp .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #aicachtesp .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aicachtesp .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aicachtesp .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #aicachtesp .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aicachtesp .gt_sourcenote { font-size: 90%; padding: 4px; } #aicachtesp .gt_left { text-align: left; } #aicachtesp .gt_center { text-align: center; } #aicachtesp .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #aicachtesp .gt_font_normal { font-weight: normal; } #aicachtesp .gt_font_bold { font-weight: bold; } #aicachtesp .gt_font_italic { font-style: italic; } #aicachtesp .gt_super { font-size: 65%; } #aicachtesp .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="aicachtesp" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #D6D6D6; color: #000000;">#D6D6D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ADADAD; color: #000000;">#ADADADFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #707070; color: #FFFFFF;">#707070FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #333333; color: #FFFFFF;">#333333FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("basetheme::brutal") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #fnezayrubw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #fnezayrubw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fnezayrubw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #fnezayrubw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #fnezayrubw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fnezayrubw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fnezayrubw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #fnezayrubw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #fnezayrubw .gt_column_spanner_outer:first-child { padding-left: 0; } #fnezayrubw .gt_column_spanner_outer:last-child { padding-right: 0; } #fnezayrubw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #fnezayrubw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #fnezayrubw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #fnezayrubw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #fnezayrubw .gt_from_md > :first-child { margin-top: 0; } #fnezayrubw .gt_from_md > :last-child { margin-bottom: 0; } #fnezayrubw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #fnezayrubw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #fnezayrubw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fnezayrubw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #fnezayrubw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fnezayrubw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #fnezayrubw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fnezayrubw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fnezayrubw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #fnezayrubw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fnezayrubw .gt_sourcenote { font-size: 90%; padding: 4px; } #fnezayrubw .gt_left { text-align: left; } #fnezayrubw .gt_center { text-align: center; } #fnezayrubw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #fnezayrubw .gt_font_normal { font-weight: normal; } #fnezayrubw .gt_font_bold { font-weight: bold; } #fnezayrubw .gt_font_italic { font-style: italic; } #fnezayrubw .gt_super { font-size: 65%; } #fnezayrubw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="fnezayrubw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #303643; color: #FFFFFF;">#303643FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BF616A; color: #000000;">#BF616AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8FA87A; color: #000000;">#8FA87AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5E81AC; color: #000000;">#5E81ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66CDAA; color: #000000;">#66CDAAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D070B9; color: #000000;">#D070B9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7D202; color: #000000;">#E7D202FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BCC3CE; color: #000000;">#BCC3CEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F49538; color: #000000;">#F49538FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7D5329; color: #FFFFFF;">#7D5329FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("basetheme::clean") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #obogjabmhw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #obogjabmhw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #obogjabmhw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #obogjabmhw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #obogjabmhw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #obogjabmhw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #obogjabmhw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #obogjabmhw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #obogjabmhw .gt_column_spanner_outer:first-child { padding-left: 0; } #obogjabmhw .gt_column_spanner_outer:last-child { padding-right: 0; } #obogjabmhw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #obogjabmhw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #obogjabmhw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #obogjabmhw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #obogjabmhw .gt_from_md > :first-child { margin-top: 0; } #obogjabmhw .gt_from_md > :last-child { margin-bottom: 0; } #obogjabmhw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #obogjabmhw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #obogjabmhw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #obogjabmhw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #obogjabmhw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #obogjabmhw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #obogjabmhw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #obogjabmhw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #obogjabmhw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #obogjabmhw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #obogjabmhw .gt_sourcenote { font-size: 90%; padding: 4px; } #obogjabmhw .gt_left { text-align: left; } #obogjabmhw .gt_center { text-align: center; } #obogjabmhw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #obogjabmhw .gt_font_normal { font-weight: normal; } #obogjabmhw .gt_font_bold { font-weight: bold; } #obogjabmhw .gt_font_italic { font-style: italic; } #obogjabmhw .gt_super { font-size: 65%; } #obogjabmhw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="obogjabmhw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #4D4D4D; color: #FFFFFF;">#4D4D4DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F15854; color: #000000;">#F15854FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #60BD68; color: #000000;">#60BD68FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5DA5DA; color: #000000;">#5DA5DAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66E3D9; color: #000000;">#66E3D9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B276B2; color: #000000;">#B276B2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DECF3F; color: #000000;">#DECF3FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B4B4B4; color: #000000;">#B4B4B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FAA43A; color: #000000;">#FAA43AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8D4B08; color: #FFFFFF;">#8D4B08FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("basetheme::dark") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #qjxscqgncb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #qjxscqgncb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qjxscqgncb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #qjxscqgncb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #qjxscqgncb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qjxscqgncb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qjxscqgncb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #qjxscqgncb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #qjxscqgncb .gt_column_spanner_outer:first-child { padding-left: 0; } #qjxscqgncb .gt_column_spanner_outer:last-child { padding-right: 0; } #qjxscqgncb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #qjxscqgncb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #qjxscqgncb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #qjxscqgncb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #qjxscqgncb .gt_from_md > :first-child { margin-top: 0; } #qjxscqgncb .gt_from_md > :last-child { margin-bottom: 0; } #qjxscqgncb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #qjxscqgncb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #qjxscqgncb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qjxscqgncb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #qjxscqgncb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qjxscqgncb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #qjxscqgncb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qjxscqgncb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qjxscqgncb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #qjxscqgncb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qjxscqgncb .gt_sourcenote { font-size: 90%; padding: 4px; } #qjxscqgncb .gt_left { text-align: left; } #qjxscqgncb .gt_center { text-align: center; } #qjxscqgncb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #qjxscqgncb .gt_font_normal { font-weight: normal; } #qjxscqgncb .gt_font_bold { font-weight: bold; } #qjxscqgncb .gt_font_italic { font-style: italic; } #qjxscqgncb .gt_super { font-size: 65%; } #qjxscqgncb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="qjxscqgncb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #BAC1BF; color: #000000;">#BAC1BFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ED2939; color: #FFFFFF;">#ED2939FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66C84D; color: #000000;">#66C84DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3870C2; color: #FFFFFF;">#3870C2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #40E0D0; color: #000000;">#40E0D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC0FCD; color: #FFFFFF;">#FC0FCDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2D63B; color: #000000;">#F2D63BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #777B7E; color: #FFFFFF;">#777B7EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2A83B; color: #000000;">#F2A83BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8A6842; color: #FFFFFF;">#8A6842FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("calecopal::sierra1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dkqvesukvh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dkqvesukvh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dkqvesukvh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dkqvesukvh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dkqvesukvh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dkqvesukvh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dkqvesukvh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dkqvesukvh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dkqvesukvh .gt_column_spanner_outer:first-child { padding-left: 0; } #dkqvesukvh .gt_column_spanner_outer:last-child { padding-right: 0; } #dkqvesukvh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dkqvesukvh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dkqvesukvh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dkqvesukvh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dkqvesukvh .gt_from_md > :first-child { margin-top: 0; } #dkqvesukvh .gt_from_md > :last-child { margin-bottom: 0; } #dkqvesukvh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dkqvesukvh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dkqvesukvh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dkqvesukvh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dkqvesukvh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dkqvesukvh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dkqvesukvh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dkqvesukvh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dkqvesukvh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dkqvesukvh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dkqvesukvh .gt_sourcenote { font-size: 90%; padding: 4px; } #dkqvesukvh .gt_left { text-align: left; } #dkqvesukvh .gt_center { text-align: center; } #dkqvesukvh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dkqvesukvh .gt_font_normal { font-weight: normal; } #dkqvesukvh .gt_font_bold { font-weight: bold; } #dkqvesukvh .gt_font_italic { font-style: italic; } #dkqvesukvh .gt_super { font-size: 65%; } #dkqvesukvh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dkqvesukvh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #BD973D; color: #000000;">#BD973DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5F5C29; color: #FFFFFF;">#5F5C29FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3B7D6E; color: #FFFFFF;">#3B7D6EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5792CC; color: #000000;">#5792CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4D5B75; color: #FFFFFF;">#4D5B75FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #262E43; color: #FFFFFF;">#262E43FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("calecopal::sierra2") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #fsjgccvjgc .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #fsjgccvjgc .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fsjgccvjgc .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #fsjgccvjgc .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #fsjgccvjgc .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fsjgccvjgc .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fsjgccvjgc .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #fsjgccvjgc .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #fsjgccvjgc .gt_column_spanner_outer:first-child { padding-left: 0; } #fsjgccvjgc .gt_column_spanner_outer:last-child { padding-right: 0; } #fsjgccvjgc .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #fsjgccvjgc .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #fsjgccvjgc .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #fsjgccvjgc .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #fsjgccvjgc .gt_from_md > :first-child { margin-top: 0; } #fsjgccvjgc .gt_from_md > :last-child { margin-bottom: 0; } #fsjgccvjgc .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #fsjgccvjgc .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #fsjgccvjgc .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fsjgccvjgc .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #fsjgccvjgc .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fsjgccvjgc .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #fsjgccvjgc .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fsjgccvjgc .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fsjgccvjgc .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #fsjgccvjgc .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fsjgccvjgc .gt_sourcenote { font-size: 90%; padding: 4px; } #fsjgccvjgc .gt_left { text-align: left; } #fsjgccvjgc .gt_center { text-align: center; } #fsjgccvjgc .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #fsjgccvjgc .gt_font_normal { font-weight: normal; } #fsjgccvjgc .gt_font_bold { font-weight: bold; } #fsjgccvjgc .gt_font_italic { font-style: italic; } #fsjgccvjgc .gt_super { font-size: 65%; } #fsjgccvjgc .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="fsjgccvjgc" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FDD989; color: #000000;">#FDD989FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BAD57; color: #000000;">#8BAD57FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #516238; color: #FFFFFF;">#516238FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4CA2B0; color: #000000;">#4CA2B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5A8B92; color: #000000;">#5A8B92FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #395B5F; color: #FFFFFF;">#395B5FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("calecopal::chaparral1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mqxzluwuxt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mqxzluwuxt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mqxzluwuxt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mqxzluwuxt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mqxzluwuxt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mqxzluwuxt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mqxzluwuxt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mqxzluwuxt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mqxzluwuxt .gt_column_spanner_outer:first-child { padding-left: 0; } #mqxzluwuxt .gt_column_spanner_outer:last-child { padding-right: 0; } #mqxzluwuxt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mqxzluwuxt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mqxzluwuxt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mqxzluwuxt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mqxzluwuxt .gt_from_md > :first-child { margin-top: 0; } #mqxzluwuxt .gt_from_md > :last-child { margin-bottom: 0; } #mqxzluwuxt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mqxzluwuxt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mqxzluwuxt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mqxzluwuxt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mqxzluwuxt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mqxzluwuxt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mqxzluwuxt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mqxzluwuxt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mqxzluwuxt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mqxzluwuxt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mqxzluwuxt .gt_sourcenote { font-size: 90%; padding: 4px; } #mqxzluwuxt .gt_left { text-align: left; } #mqxzluwuxt .gt_center { text-align: center; } #mqxzluwuxt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mqxzluwuxt .gt_font_normal { font-weight: normal; } #mqxzluwuxt .gt_font_bold { font-weight: bold; } #mqxzluwuxt .gt_font_italic { font-style: italic; } #mqxzluwuxt .gt_super { font-size: 65%; } #mqxzluwuxt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mqxzluwuxt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #DCC27A; color: #000000;">#DCC27AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B0B9BE; color: #000000;">#B0B9BEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #63605F; color: #FFFFFF;">#63605FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #985E5C; color: #FFFFFF;">#985E5CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AEBFA8; color: #000000;">#AEBFA8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F19B34; color: #000000;">#F19B34FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("colorblindr::OkabeIto") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #jjwiodljix .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #jjwiodljix .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jjwiodljix .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #jjwiodljix .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #jjwiodljix .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jjwiodljix .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jjwiodljix .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #jjwiodljix .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #jjwiodljix .gt_column_spanner_outer:first-child { padding-left: 0; } #jjwiodljix .gt_column_spanner_outer:last-child { padding-right: 0; } #jjwiodljix .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #jjwiodljix .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #jjwiodljix .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #jjwiodljix .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #jjwiodljix .gt_from_md > :first-child { margin-top: 0; } #jjwiodljix .gt_from_md > :last-child { margin-bottom: 0; } #jjwiodljix .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #jjwiodljix .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #jjwiodljix .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jjwiodljix .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #jjwiodljix .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jjwiodljix .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #jjwiodljix .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jjwiodljix .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jjwiodljix .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #jjwiodljix .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jjwiodljix .gt_sourcenote { font-size: 90%; padding: 4px; } #jjwiodljix .gt_left { text-align: left; } #jjwiodljix .gt_center { text-align: center; } #jjwiodljix .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #jjwiodljix .gt_font_normal { font-weight: normal; } #jjwiodljix .gt_font_bold { font-weight: bold; } #jjwiodljix .gt_font_italic { font-style: italic; } #jjwiodljix .gt_super { font-size: 65%; } #jjwiodljix .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="jjwiodljix" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E69F00; color: #000000;">#E69F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #56B4E9; color: #000000;">#56B4E9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009E73; color: #FFFFFF;">#009E73FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0E442; color: #000000;">#F0E442FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0072B2; color: #FFFFFF;">#0072B2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D55E00; color: #FFFFFF;">#D55E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC79A7; color: #000000;">#CC79A7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999999; color: #000000;">#999999FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("colorblindr::OkabeIto_black") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ajhbbpcpkq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ajhbbpcpkq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ajhbbpcpkq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ajhbbpcpkq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ajhbbpcpkq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ajhbbpcpkq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ajhbbpcpkq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ajhbbpcpkq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ajhbbpcpkq .gt_column_spanner_outer:first-child { padding-left: 0; } #ajhbbpcpkq .gt_column_spanner_outer:last-child { padding-right: 0; } #ajhbbpcpkq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ajhbbpcpkq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ajhbbpcpkq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ajhbbpcpkq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ajhbbpcpkq .gt_from_md > :first-child { margin-top: 0; } #ajhbbpcpkq .gt_from_md > :last-child { margin-bottom: 0; } #ajhbbpcpkq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ajhbbpcpkq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ajhbbpcpkq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ajhbbpcpkq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ajhbbpcpkq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ajhbbpcpkq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ajhbbpcpkq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ajhbbpcpkq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ajhbbpcpkq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ajhbbpcpkq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ajhbbpcpkq .gt_sourcenote { font-size: 90%; padding: 4px; } #ajhbbpcpkq .gt_left { text-align: left; } #ajhbbpcpkq .gt_center { text-align: center; } #ajhbbpcpkq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ajhbbpcpkq .gt_font_normal { font-weight: normal; } #ajhbbpcpkq .gt_font_bold { font-weight: bold; } #ajhbbpcpkq .gt_font_italic { font-style: italic; } #ajhbbpcpkq .gt_super { font-size: 65%; } #ajhbbpcpkq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ajhbbpcpkq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E69F00; color: #000000;">#E69F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #56B4E9; color: #000000;">#56B4E9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009E73; color: #FFFFFF;">#009E73FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0E442; color: #000000;">#F0E442FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0072B2; color: #FFFFFF;">#0072B2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D55E00; color: #FFFFFF;">#D55E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC79A7; color: #000000;">#CC79A7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("colRoz::grandis") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #zibgeoforb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #zibgeoforb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zibgeoforb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #zibgeoforb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #zibgeoforb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zibgeoforb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zibgeoforb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #zibgeoforb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #zibgeoforb .gt_column_spanner_outer:first-child { padding-left: 0; } #zibgeoforb .gt_column_spanner_outer:last-child { padding-right: 0; } #zibgeoforb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #zibgeoforb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #zibgeoforb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #zibgeoforb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #zibgeoforb .gt_from_md > :first-child { margin-top: 0; } #zibgeoforb .gt_from_md > :last-child { margin-bottom: 0; } #zibgeoforb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #zibgeoforb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #zibgeoforb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zibgeoforb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #zibgeoforb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zibgeoforb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #zibgeoforb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zibgeoforb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zibgeoforb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #zibgeoforb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zibgeoforb .gt_sourcenote { font-size: 90%; padding: 4px; } #zibgeoforb .gt_left { text-align: left; } #zibgeoforb .gt_center { text-align: center; } #zibgeoforb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #zibgeoforb .gt_font_normal { font-weight: normal; } #zibgeoforb .gt_font_bold { font-weight: bold; } #zibgeoforb .gt_font_italic { font-style: italic; } #zibgeoforb .gt_super { font-size: 65%; } #zibgeoforb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="zibgeoforb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #911B1B; color: #FFFFFF;">#911B1BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #985775; color: #FFFFFF;">#985775FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BAAE94; color: #000000;">#BAAE94FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE7184; color: #000000;">#DE7184FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #74892E; color: #FFFFFF;">#74892EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9A6E; color: #000000;">#FF9A6EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("colRoz::flavolineata") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rkqxqzirjq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rkqxqzirjq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rkqxqzirjq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rkqxqzirjq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rkqxqzirjq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rkqxqzirjq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rkqxqzirjq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rkqxqzirjq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rkqxqzirjq .gt_column_spanner_outer:first-child { padding-left: 0; } #rkqxqzirjq .gt_column_spanner_outer:last-child { padding-right: 0; } #rkqxqzirjq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rkqxqzirjq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rkqxqzirjq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rkqxqzirjq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rkqxqzirjq .gt_from_md > :first-child { margin-top: 0; } #rkqxqzirjq .gt_from_md > :last-child { margin-bottom: 0; } #rkqxqzirjq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rkqxqzirjq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rkqxqzirjq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rkqxqzirjq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rkqxqzirjq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rkqxqzirjq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rkqxqzirjq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rkqxqzirjq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rkqxqzirjq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rkqxqzirjq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rkqxqzirjq .gt_sourcenote { font-size: 90%; padding: 4px; } #rkqxqzirjq .gt_left { text-align: left; } #rkqxqzirjq .gt_center { text-align: center; } #rkqxqzirjq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rkqxqzirjq .gt_font_normal { font-weight: normal; } #rkqxqzirjq .gt_font_bold { font-weight: bold; } #rkqxqzirjq .gt_font_italic { font-style: italic; } #rkqxqzirjq .gt_super { font-size: 65%; } #rkqxqzirjq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rkqxqzirjq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #573333; color: #FFFFFF;">#573333FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0C5BE; color: #000000;">#E0C5BEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDD41A; color: #000000;">#FDD41AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D3AD64; color: #000000;">#D3AD64FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7A5D55; color: #FFFFFF;">#7A5D55FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE5C00; color: #FFFFFF;">#DE5C00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("colRoz::whitei") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #snknpmgrgv .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #snknpmgrgv .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #snknpmgrgv .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #snknpmgrgv .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #snknpmgrgv .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #snknpmgrgv .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #snknpmgrgv .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #snknpmgrgv .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #snknpmgrgv .gt_column_spanner_outer:first-child { padding-left: 0; } #snknpmgrgv .gt_column_spanner_outer:last-child { padding-right: 0; } #snknpmgrgv .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #snknpmgrgv .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #snknpmgrgv .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #snknpmgrgv .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #snknpmgrgv .gt_from_md > :first-child { margin-top: 0; } #snknpmgrgv .gt_from_md > :last-child { margin-bottom: 0; } #snknpmgrgv .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #snknpmgrgv .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #snknpmgrgv .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #snknpmgrgv .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #snknpmgrgv .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #snknpmgrgv .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #snknpmgrgv .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #snknpmgrgv .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #snknpmgrgv .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #snknpmgrgv .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #snknpmgrgv .gt_sourcenote { font-size: 90%; padding: 4px; } #snknpmgrgv .gt_left { text-align: left; } #snknpmgrgv .gt_center { text-align: center; } #snknpmgrgv .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #snknpmgrgv .gt_font_normal { font-weight: normal; } #snknpmgrgv .gt_font_bold { font-weight: bold; } #snknpmgrgv .gt_font_italic { font-style: italic; } #snknpmgrgv .gt_super { font-size: 65%; } #snknpmgrgv .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="snknpmgrgv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E5A430; color: #000000;">#E5A430FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C7210; color: #FFFFFF;">#9C7210FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D7A8B8; color: #000000;">#D7A8B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BAB24F; color: #000000;">#BAB24FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #392821; color: #FFFFFF;">#392821FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B391B; color: #FFFFFF;">#9B391BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dichromat::BrowntoBlue.10") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #kwenybjadn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #kwenybjadn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kwenybjadn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #kwenybjadn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #kwenybjadn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kwenybjadn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kwenybjadn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #kwenybjadn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #kwenybjadn .gt_column_spanner_outer:first-child { padding-left: 0; } #kwenybjadn .gt_column_spanner_outer:last-child { padding-right: 0; } #kwenybjadn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #kwenybjadn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #kwenybjadn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #kwenybjadn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #kwenybjadn .gt_from_md > :first-child { margin-top: 0; } #kwenybjadn .gt_from_md > :last-child { margin-bottom: 0; } #kwenybjadn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #kwenybjadn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #kwenybjadn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kwenybjadn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #kwenybjadn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kwenybjadn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #kwenybjadn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kwenybjadn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kwenybjadn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #kwenybjadn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kwenybjadn .gt_sourcenote { font-size: 90%; padding: 4px; } #kwenybjadn .gt_left { text-align: left; } #kwenybjadn .gt_center { text-align: center; } #kwenybjadn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #kwenybjadn .gt_font_normal { font-weight: normal; } #kwenybjadn .gt_font_bold { font-weight: bold; } #kwenybjadn .gt_font_italic { font-style: italic; } #kwenybjadn .gt_super { font-size: 65%; } #kwenybjadn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="kwenybjadn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #663000; color: #FFFFFF;">#663000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #996136; color: #FFFFFF;">#996136FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC9B7A; color: #000000;">#CC9B7AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D9AF98; color: #000000;">#D9AF98FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2DACE; color: #000000;">#F2DACEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCFDFF; color: #000000;">#CCFDFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99F8FF; color: #000000;">#99F8FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66F0FF; color: #000000;">#66F0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #33E4FF; color: #000000;">#33E4FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00AACC; color: #000000;">#00AACCFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dichromat::BrowntoBlue.12") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #avthbjcnvd .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #avthbjcnvd .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #avthbjcnvd .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #avthbjcnvd .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #avthbjcnvd .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #avthbjcnvd .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #avthbjcnvd .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #avthbjcnvd .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #avthbjcnvd .gt_column_spanner_outer:first-child { padding-left: 0; } #avthbjcnvd .gt_column_spanner_outer:last-child { padding-right: 0; } #avthbjcnvd .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #avthbjcnvd .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #avthbjcnvd .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #avthbjcnvd .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #avthbjcnvd .gt_from_md > :first-child { margin-top: 0; } #avthbjcnvd .gt_from_md > :last-child { margin-bottom: 0; } #avthbjcnvd .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #avthbjcnvd .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #avthbjcnvd .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #avthbjcnvd .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #avthbjcnvd .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #avthbjcnvd .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #avthbjcnvd .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #avthbjcnvd .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #avthbjcnvd .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #avthbjcnvd .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #avthbjcnvd .gt_sourcenote { font-size: 90%; padding: 4px; } #avthbjcnvd .gt_left { text-align: left; } #avthbjcnvd .gt_center { text-align: center; } #avthbjcnvd .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #avthbjcnvd .gt_font_normal { font-weight: normal; } #avthbjcnvd .gt_font_bold { font-weight: bold; } #avthbjcnvd .gt_font_italic { font-style: italic; } #avthbjcnvd .gt_super { font-size: 65%; } #avthbjcnvd .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="avthbjcnvd" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #331A00; color: #FFFFFF;">#331A00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #663000; color: #FFFFFF;">#663000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #996136; color: #FFFFFF;">#996136FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC9B7A; color: #000000;">#CC9B7AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D9AF98; color: #000000;">#D9AF98FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2DACE; color: #000000;">#F2DACEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCFDFF; color: #000000;">#CCFDFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99F8FF; color: #000000;">#99F8FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66F0FF; color: #000000;">#66F0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #33E4FF; color: #000000;">#33E4FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00AACC; color: #000000;">#00AACCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007A99; color: #FFFFFF;">#007A99FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dichromat::BluetoDarkOrange.12") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #newmnmijyy .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #newmnmijyy .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #newmnmijyy .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #newmnmijyy .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #newmnmijyy .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #newmnmijyy .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #newmnmijyy .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #newmnmijyy .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #newmnmijyy .gt_column_spanner_outer:first-child { padding-left: 0; } #newmnmijyy .gt_column_spanner_outer:last-child { padding-right: 0; } #newmnmijyy .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #newmnmijyy .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #newmnmijyy .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #newmnmijyy .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #newmnmijyy .gt_from_md > :first-child { margin-top: 0; } #newmnmijyy .gt_from_md > :last-child { margin-bottom: 0; } #newmnmijyy .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #newmnmijyy .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #newmnmijyy .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #newmnmijyy .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #newmnmijyy .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #newmnmijyy .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #newmnmijyy .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #newmnmijyy .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #newmnmijyy .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #newmnmijyy .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #newmnmijyy .gt_sourcenote { font-size: 90%; padding: 4px; } #newmnmijyy .gt_left { text-align: left; } #newmnmijyy .gt_center { text-align: center; } #newmnmijyy .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #newmnmijyy .gt_font_normal { font-weight: normal; } #newmnmijyy .gt_font_bold { font-weight: bold; } #newmnmijyy .gt_font_italic { font-style: italic; } #newmnmijyy .gt_super { font-size: 65%; } #newmnmijyy .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="newmnmijyy" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #1F8F99; color: #FFFFFF;">#1F8F99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #52C4CC; color: #000000;">#52C4CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99FAFF; color: #000000;">#99FAFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B2FCFF; color: #000000;">#B2FCFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCFEFF; color: #000000;">#CCFEFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6FFFF; color: #000000;">#E6FFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFE6CC; color: #000000;">#FFE6CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFCA99; color: #000000;">#FFCA99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFAD66; color: #000000;">#FFAD66FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF8F33; color: #000000;">#FF8F33FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC5800; color: #FFFFFF;">#CC5800FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #994000; color: #FFFFFF;">#994000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("DresdenColor::stormfront") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #drdvzeohbz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #drdvzeohbz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #drdvzeohbz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #drdvzeohbz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #drdvzeohbz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #drdvzeohbz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #drdvzeohbz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #drdvzeohbz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #drdvzeohbz .gt_column_spanner_outer:first-child { padding-left: 0; } #drdvzeohbz .gt_column_spanner_outer:last-child { padding-right: 0; } #drdvzeohbz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #drdvzeohbz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #drdvzeohbz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #drdvzeohbz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #drdvzeohbz .gt_from_md > :first-child { margin-top: 0; } #drdvzeohbz .gt_from_md > :last-child { margin-bottom: 0; } #drdvzeohbz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #drdvzeohbz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #drdvzeohbz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #drdvzeohbz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #drdvzeohbz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #drdvzeohbz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #drdvzeohbz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #drdvzeohbz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #drdvzeohbz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #drdvzeohbz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #drdvzeohbz .gt_sourcenote { font-size: 90%; padding: 4px; } #drdvzeohbz .gt_left { text-align: left; } #drdvzeohbz .gt_center { text-align: center; } #drdvzeohbz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #drdvzeohbz .gt_font_normal { font-weight: normal; } #drdvzeohbz .gt_font_bold { font-weight: bold; } #drdvzeohbz .gt_font_italic { font-style: italic; } #drdvzeohbz .gt_super { font-size: 65%; } #drdvzeohbz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="drdvzeohbz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #F3CB66; color: #000000;">#F3CB66FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CB9060; color: #000000;">#CB9060FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D5B09A; color: #000000;">#D5B09AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A59587; color: #000000;">#A59587FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #544142; color: #FFFFFF;">#544142FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #030504; color: #FFFFFF;">#030504FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("DresdenColor::foolmoon") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dnfipqewnr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dnfipqewnr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dnfipqewnr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dnfipqewnr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dnfipqewnr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dnfipqewnr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dnfipqewnr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dnfipqewnr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dnfipqewnr .gt_column_spanner_outer:first-child { padding-left: 0; } #dnfipqewnr .gt_column_spanner_outer:last-child { padding-right: 0; } #dnfipqewnr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dnfipqewnr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dnfipqewnr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dnfipqewnr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dnfipqewnr .gt_from_md > :first-child { margin-top: 0; } #dnfipqewnr .gt_from_md > :last-child { margin-bottom: 0; } #dnfipqewnr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dnfipqewnr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dnfipqewnr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dnfipqewnr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dnfipqewnr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dnfipqewnr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dnfipqewnr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dnfipqewnr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dnfipqewnr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dnfipqewnr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dnfipqewnr .gt_sourcenote { font-size: 90%; padding: 4px; } #dnfipqewnr .gt_left { text-align: left; } #dnfipqewnr .gt_center { text-align: center; } #dnfipqewnr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dnfipqewnr .gt_font_normal { font-weight: normal; } #dnfipqewnr .gt_font_bold { font-weight: bold; } #dnfipqewnr .gt_font_italic { font-style: italic; } #dnfipqewnr .gt_super { font-size: 65%; } #dnfipqewnr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dnfipqewnr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #532026; color: #FFFFFF;">#532026FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BA141E; color: #FFFFFF;">#BA141EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E2E3E7; color: #000000;">#E2E3E7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #61829C; color: #FFFFFF;">#61829CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #354C6A; color: #FFFFFF;">#354C6AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #050505; color: #FFFFFF;">#050505FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("DresdenColor::graveperil") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #bbvkvgetbb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #bbvkvgetbb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #bbvkvgetbb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #bbvkvgetbb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #bbvkvgetbb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #bbvkvgetbb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #bbvkvgetbb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #bbvkvgetbb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #bbvkvgetbb .gt_column_spanner_outer:first-child { padding-left: 0; } #bbvkvgetbb .gt_column_spanner_outer:last-child { padding-right: 0; } #bbvkvgetbb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #bbvkvgetbb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #bbvkvgetbb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #bbvkvgetbb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #bbvkvgetbb .gt_from_md > :first-child { margin-top: 0; } #bbvkvgetbb .gt_from_md > :last-child { margin-bottom: 0; } #bbvkvgetbb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #bbvkvgetbb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #bbvkvgetbb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #bbvkvgetbb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #bbvkvgetbb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #bbvkvgetbb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #bbvkvgetbb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #bbvkvgetbb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #bbvkvgetbb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #bbvkvgetbb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #bbvkvgetbb .gt_sourcenote { font-size: 90%; padding: 4px; } #bbvkvgetbb .gt_left { text-align: left; } #bbvkvgetbb .gt_center { text-align: center; } #bbvkvgetbb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #bbvkvgetbb .gt_font_normal { font-weight: normal; } #bbvkvgetbb .gt_font_bold { font-weight: bold; } #bbvkvgetbb .gt_font_italic { font-style: italic; } #bbvkvgetbb .gt_super { font-size: 65%; } #bbvkvgetbb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="bbvkvgetbb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C7341E; color: #FFFFFF;">#C7341EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EC9C3E; color: #000000;">#EC9C3EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DDD2B5; color: #000000;">#DDD2B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B9AA7F; color: #000000;">#B9AA7FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #936E4C; color: #FFFFFF;">#936E4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #40382E; color: #FFFFFF;">#40382EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dutchmasters::milkmaid") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #nwgawrekss .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #nwgawrekss .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nwgawrekss .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #nwgawrekss .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #nwgawrekss .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nwgawrekss .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nwgawrekss .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #nwgawrekss .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #nwgawrekss .gt_column_spanner_outer:first-child { padding-left: 0; } #nwgawrekss .gt_column_spanner_outer:last-child { padding-right: 0; } #nwgawrekss .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #nwgawrekss .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #nwgawrekss .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #nwgawrekss .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #nwgawrekss .gt_from_md > :first-child { margin-top: 0; } #nwgawrekss .gt_from_md > :last-child { margin-bottom: 0; } #nwgawrekss .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #nwgawrekss .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #nwgawrekss .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nwgawrekss .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #nwgawrekss .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nwgawrekss .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #nwgawrekss .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nwgawrekss .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nwgawrekss .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #nwgawrekss .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nwgawrekss .gt_sourcenote { font-size: 90%; padding: 4px; } #nwgawrekss .gt_left { text-align: left; } #nwgawrekss .gt_center { text-align: center; } #nwgawrekss .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #nwgawrekss .gt_font_normal { font-weight: normal; } #nwgawrekss .gt_font_bold { font-weight: bold; } #nwgawrekss .gt_font_italic { font-style: italic; } #nwgawrekss .gt_super { font-size: 65%; } #nwgawrekss .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="nwgawrekss" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #48211A; color: #FFFFFF;">#48211AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #376597; color: #FFFFFF;">#376597FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #537270; color: #FFFFFF;">#537270FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #556246; color: #FFFFFF;">#556246FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #928F6B; color: #000000;">#928F6BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCAF69; color: #000000;">#CCAF69FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECE5D3; color: #000000;">#ECE5D3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #104A8A; color: #FFFFFF;">#104A8AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C5AC8E; color: #000000;">#C5AC8EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #889F95; color: #000000;">#889F95FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C4728; color: #FFFFFF;">#7C4728FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00295D; color: #FFFFFF;">#00295DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D9B196; color: #000000;">#D9B196FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dutchmasters::pearl_earring") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gtouepttch .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gtouepttch .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gtouepttch .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gtouepttch .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gtouepttch .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gtouepttch .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gtouepttch .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gtouepttch .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gtouepttch .gt_column_spanner_outer:first-child { padding-left: 0; } #gtouepttch .gt_column_spanner_outer:last-child { padding-right: 0; } #gtouepttch .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gtouepttch .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gtouepttch .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gtouepttch .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gtouepttch .gt_from_md > :first-child { margin-top: 0; } #gtouepttch .gt_from_md > :last-child { margin-bottom: 0; } #gtouepttch .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gtouepttch .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gtouepttch .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gtouepttch .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gtouepttch .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gtouepttch .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gtouepttch .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gtouepttch .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gtouepttch .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gtouepttch .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gtouepttch .gt_sourcenote { font-size: 90%; padding: 4px; } #gtouepttch .gt_left { text-align: left; } #gtouepttch .gt_center { text-align: center; } #gtouepttch .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gtouepttch .gt_font_normal { font-weight: normal; } #gtouepttch .gt_font_bold { font-weight: bold; } #gtouepttch .gt_font_italic { font-style: italic; } #gtouepttch .gt_super { font-size: 65%; } #gtouepttch .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gtouepttch" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #A65141; color: #FFFFFF;">#A65141FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7CDC2; color: #000000;">#E7CDC2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80A0C7; color: #000000;">#80A0C7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #394165; color: #FFFFFF;">#394165FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FCF9F0; color: #000000;">#FCF9F0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B1934A; color: #000000;">#B1934AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA258; color: #000000;">#DCA258FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #100F14; color: #FFFFFF;">#100F14FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8B9DAF; color: #000000;">#8B9DAFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEDA9D; color: #000000;">#EEDA9DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8DCCF; color: #000000;">#E8DCCFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("dutchmasters::view_of_Delft") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xtioawuksj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xtioawuksj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xtioawuksj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xtioawuksj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xtioawuksj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xtioawuksj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xtioawuksj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xtioawuksj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xtioawuksj .gt_column_spanner_outer:first-child { padding-left: 0; } #xtioawuksj .gt_column_spanner_outer:last-child { padding-right: 0; } #xtioawuksj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xtioawuksj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xtioawuksj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xtioawuksj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xtioawuksj .gt_from_md > :first-child { margin-top: 0; } #xtioawuksj .gt_from_md > :last-child { margin-bottom: 0; } #xtioawuksj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xtioawuksj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xtioawuksj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xtioawuksj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xtioawuksj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xtioawuksj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xtioawuksj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xtioawuksj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xtioawuksj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xtioawuksj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xtioawuksj .gt_sourcenote { font-size: 90%; padding: 4px; } #xtioawuksj .gt_left { text-align: left; } #xtioawuksj .gt_center { text-align: center; } #xtioawuksj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xtioawuksj .gt_font_normal { font-weight: normal; } #xtioawuksj .gt_font_bold { font-weight: bold; } #xtioawuksj .gt_font_italic { font-style: italic; } #xtioawuksj .gt_super { font-size: 65%; } #xtioawuksj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xtioawuksj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #78A8D1; color: #000000;">#78A8D1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D5BF98; color: #000000;">#D5BF98FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3C78F; color: #000000;">#E3C78FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDF9F8; color: #000000;">#FDF9F8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #867D6C; color: #000000;">#867D6CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A04437; color: #FFFFFF;">#A04437FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AF7366; color: #000000;">#AF7366FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EFBF6A; color: #000000;">#EFBF6AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8E7C56; color: #FFFFFF;">#8E7C56FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CDD4E4; color: #000000;">#CDD4E4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8B6C4F; color: #FFFFFF;">#8B6C4FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B4B7B9; color: #000000;">#B4B7B9FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("fishualize::Acanthurus_leucosternon") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gwltpbkiym .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gwltpbkiym .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gwltpbkiym .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gwltpbkiym .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gwltpbkiym .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gwltpbkiym .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gwltpbkiym .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gwltpbkiym .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gwltpbkiym .gt_column_spanner_outer:first-child { padding-left: 0; } #gwltpbkiym .gt_column_spanner_outer:last-child { padding-right: 0; } #gwltpbkiym .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gwltpbkiym .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gwltpbkiym .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gwltpbkiym .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gwltpbkiym .gt_from_md > :first-child { margin-top: 0; } #gwltpbkiym .gt_from_md > :last-child { margin-bottom: 0; } #gwltpbkiym .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gwltpbkiym .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gwltpbkiym .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gwltpbkiym .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gwltpbkiym .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gwltpbkiym .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gwltpbkiym .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gwltpbkiym .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gwltpbkiym .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gwltpbkiym .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gwltpbkiym .gt_sourcenote { font-size: 90%; padding: 4px; } #gwltpbkiym .gt_left { text-align: left; } #gwltpbkiym .gt_center { text-align: center; } #gwltpbkiym .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gwltpbkiym .gt_font_normal { font-weight: normal; } #gwltpbkiym .gt_font_bold { font-weight: bold; } #gwltpbkiym .gt_font_italic { font-style: italic; } #gwltpbkiym .gt_super { font-size: 65%; } #gwltpbkiym .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gwltpbkiym" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #071140; color: #FFFFFF;">#071140FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0E34B2; color: #FFFFFF;">#0E34B2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #207CF5; color: #FFFFFF;">#207CF5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9EC8FF; color: #000000;">#9EC8FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBFB53; color: #000000;">#FBFB53FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("fishualize::Acanthurus_olivaceus") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dztypqbqka .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dztypqbqka .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dztypqbqka .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dztypqbqka .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dztypqbqka .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dztypqbqka .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dztypqbqka .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dztypqbqka .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dztypqbqka .gt_column_spanner_outer:first-child { padding-left: 0; } #dztypqbqka .gt_column_spanner_outer:last-child { padding-right: 0; } #dztypqbqka .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dztypqbqka .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dztypqbqka .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dztypqbqka .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dztypqbqka .gt_from_md > :first-child { margin-top: 0; } #dztypqbqka .gt_from_md > :last-child { margin-bottom: 0; } #dztypqbqka .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dztypqbqka .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dztypqbqka .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dztypqbqka .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dztypqbqka .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dztypqbqka .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dztypqbqka .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dztypqbqka .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dztypqbqka .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dztypqbqka .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dztypqbqka .gt_sourcenote { font-size: 90%; padding: 4px; } #dztypqbqka .gt_left { text-align: left; } #dztypqbqka .gt_center { text-align: center; } #dztypqbqka .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dztypqbqka .gt_font_normal { font-weight: normal; } #dztypqbqka .gt_font_bold { font-weight: bold; } #dztypqbqka .gt_font_italic { font-style: italic; } #dztypqbqka .gt_super { font-size: 65%; } #dztypqbqka .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dztypqbqka" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FDC718; color: #000000;">#FDC718FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3E938B; color: #FFFFFF;">#3E938BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1D373A; color: #FFFFFF;">#1D373AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1942CD; color: #FFFFFF;">#1942CDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #73D8FE; color: #000000;">#73D8FEFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("fishualize::Acanthurus_sohal") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #hogbukygza .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #hogbukygza .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #hogbukygza .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #hogbukygza .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #hogbukygza .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #hogbukygza .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #hogbukygza .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #hogbukygza .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #hogbukygza .gt_column_spanner_outer:first-child { padding-left: 0; } #hogbukygza .gt_column_spanner_outer:last-child { padding-right: 0; } #hogbukygza .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #hogbukygza .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #hogbukygza .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #hogbukygza .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #hogbukygza .gt_from_md > :first-child { margin-top: 0; } #hogbukygza .gt_from_md > :last-child { margin-bottom: 0; } #hogbukygza .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #hogbukygza .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #hogbukygza .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #hogbukygza .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #hogbukygza .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #hogbukygza .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #hogbukygza .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #hogbukygza .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #hogbukygza .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #hogbukygza .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #hogbukygza .gt_sourcenote { font-size: 90%; padding: 4px; } #hogbukygza .gt_left { text-align: left; } #hogbukygza .gt_center { text-align: center; } #hogbukygza .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #hogbukygza .gt_font_normal { font-weight: normal; } #hogbukygza .gt_font_bold { font-weight: bold; } #hogbukygza .gt_font_italic { font-style: italic; } #hogbukygza .gt_super { font-size: 65%; } #hogbukygza .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="hogbukygza" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E96C0C; color: #000000;">#E96C0CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CDEE40; color: #000000;">#CDEE40FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BD4F7; color: #000000;">#8BD4F7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1927DD; color: #FFFFFF;">#1927DDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0D0006; color: #FFFFFF;">#0D0006FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggpomological::pomological_base") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xmsxlfoysr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xmsxlfoysr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xmsxlfoysr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xmsxlfoysr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xmsxlfoysr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xmsxlfoysr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xmsxlfoysr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xmsxlfoysr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xmsxlfoysr .gt_column_spanner_outer:first-child { padding-left: 0; } #xmsxlfoysr .gt_column_spanner_outer:last-child { padding-right: 0; } #xmsxlfoysr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xmsxlfoysr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xmsxlfoysr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xmsxlfoysr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xmsxlfoysr .gt_from_md > :first-child { margin-top: 0; } #xmsxlfoysr .gt_from_md > :last-child { margin-bottom: 0; } #xmsxlfoysr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xmsxlfoysr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xmsxlfoysr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xmsxlfoysr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xmsxlfoysr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xmsxlfoysr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xmsxlfoysr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xmsxlfoysr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xmsxlfoysr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xmsxlfoysr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xmsxlfoysr .gt_sourcenote { font-size: 90%; padding: 4px; } #xmsxlfoysr .gt_left { text-align: left; } #xmsxlfoysr .gt_center { text-align: center; } #xmsxlfoysr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xmsxlfoysr .gt_font_normal { font-weight: normal; } #xmsxlfoysr .gt_font_bold { font-weight: bold; } #xmsxlfoysr .gt_font_italic { font-style: italic; } #xmsxlfoysr .gt_super { font-size: 65%; } #xmsxlfoysr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xmsxlfoysr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFFEEA; color: #000000;">#FFFEEAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8EED1; color: #000000;">#F8EED1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EFE1C6; color: #000000;">#EFE1C6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A89985; color: #000000;">#A89985FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6B452B; color: #FFFFFF;">#6B452BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3A3E3F; color: #FFFFFF;">#3A3E3FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2B323F; color: #FFFFFF;">#2B323FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggpomological::pomological_palette") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #udzouplxip .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #udzouplxip .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #udzouplxip .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #udzouplxip .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #udzouplxip .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #udzouplxip .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #udzouplxip .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #udzouplxip .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #udzouplxip .gt_column_spanner_outer:first-child { padding-left: 0; } #udzouplxip .gt_column_spanner_outer:last-child { padding-right: 0; } #udzouplxip .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #udzouplxip .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #udzouplxip .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #udzouplxip .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #udzouplxip .gt_from_md > :first-child { margin-top: 0; } #udzouplxip .gt_from_md > :last-child { margin-bottom: 0; } #udzouplxip .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #udzouplxip .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #udzouplxip .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #udzouplxip .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #udzouplxip .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #udzouplxip .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #udzouplxip .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #udzouplxip .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #udzouplxip .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #udzouplxip .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #udzouplxip .gt_sourcenote { font-size: 90%; padding: 4px; } #udzouplxip .gt_left { text-align: left; } #udzouplxip .gt_center { text-align: center; } #udzouplxip .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #udzouplxip .gt_font_normal { font-weight: normal; } #udzouplxip .gt_font_bold { font-weight: bold; } #udzouplxip .gt_font_italic { font-style: italic; } #udzouplxip .gt_super { font-size: 65%; } #udzouplxip .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="udzouplxip" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C03728; color: #FFFFFF;">#C03728FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #919C4C; color: #000000;">#919C4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FD8F24; color: #000000;">#FD8F24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5C04A; color: #000000;">#F5C04AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E68C7C; color: #000000;">#E68C7CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #828585; color: #000000;">#828585FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C3C377; color: #000000;">#C3C377FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4F5157; color: #FFFFFF;">#4F5157FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6F5438; color: #FFFFFF;">#6F5438FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggsci::nrc_npg") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xloxafiwjm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xloxafiwjm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xloxafiwjm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xloxafiwjm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xloxafiwjm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xloxafiwjm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xloxafiwjm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xloxafiwjm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xloxafiwjm .gt_column_spanner_outer:first-child { padding-left: 0; } #xloxafiwjm .gt_column_spanner_outer:last-child { padding-right: 0; } #xloxafiwjm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xloxafiwjm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xloxafiwjm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xloxafiwjm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xloxafiwjm .gt_from_md > :first-child { margin-top: 0; } #xloxafiwjm .gt_from_md > :last-child { margin-bottom: 0; } #xloxafiwjm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xloxafiwjm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xloxafiwjm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xloxafiwjm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xloxafiwjm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xloxafiwjm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xloxafiwjm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xloxafiwjm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xloxafiwjm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xloxafiwjm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xloxafiwjm .gt_sourcenote { font-size: 90%; padding: 4px; } #xloxafiwjm .gt_left { text-align: left; } #xloxafiwjm .gt_center { text-align: center; } #xloxafiwjm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xloxafiwjm .gt_font_normal { font-weight: normal; } #xloxafiwjm .gt_font_bold { font-weight: bold; } #xloxafiwjm .gt_font_italic { font-style: italic; } #xloxafiwjm .gt_super { font-size: 65%; } #xloxafiwjm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xloxafiwjm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E64B35; color: #FFFFFF;">#E64B35FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4DBBD5; color: #000000;">#4DBBD5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00A087; color: #FFFFFF;">#00A087FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3C5488; color: #FFFFFF;">#3C5488FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F39B7F; color: #000000;">#F39B7FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8491B4; color: #000000;">#8491B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #91D1C2; color: #000000;">#91D1C2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC0000; color: #FFFFFF;">#DC0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7E6148; color: #FFFFFF;">#7E6148FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B09C85; color: #000000;">#B09C85FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggsci::default_aaas") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #vjqpgijqqf .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #vjqpgijqqf .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vjqpgijqqf .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #vjqpgijqqf .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #vjqpgijqqf .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vjqpgijqqf .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vjqpgijqqf .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #vjqpgijqqf .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #vjqpgijqqf .gt_column_spanner_outer:first-child { padding-left: 0; } #vjqpgijqqf .gt_column_spanner_outer:last-child { padding-right: 0; } #vjqpgijqqf .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #vjqpgijqqf .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #vjqpgijqqf .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #vjqpgijqqf .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #vjqpgijqqf .gt_from_md > :first-child { margin-top: 0; } #vjqpgijqqf .gt_from_md > :last-child { margin-bottom: 0; } #vjqpgijqqf .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #vjqpgijqqf .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #vjqpgijqqf .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vjqpgijqqf .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #vjqpgijqqf .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vjqpgijqqf .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #vjqpgijqqf .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vjqpgijqqf .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vjqpgijqqf .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #vjqpgijqqf .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vjqpgijqqf .gt_sourcenote { font-size: 90%; padding: 4px; } #vjqpgijqqf .gt_left { text-align: left; } #vjqpgijqqf .gt_center { text-align: center; } #vjqpgijqqf .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #vjqpgijqqf .gt_font_normal { font-weight: normal; } #vjqpgijqqf .gt_font_bold { font-weight: bold; } #vjqpgijqqf .gt_font_italic { font-style: italic; } #vjqpgijqqf .gt_super { font-size: 65%; } #vjqpgijqqf .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="vjqpgijqqf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #3B4992; color: #FFFFFF;">#3B4992FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EE0000; color: #FFFFFF;">#EE0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #008B45; color: #FFFFFF;">#008B45FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #631879; color: #FFFFFF;">#631879FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #008280; color: #FFFFFF;">#008280FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BB0021; color: #FFFFFF;">#BB0021FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5F559B; color: #FFFFFF;">#5F559BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A20056; color: #FFFFFF;">#A20056FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #808180; color: #000000;">#808180FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1B1919; color: #FFFFFF;">#1B1919FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggsci::default_nejm") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #nejoawaipm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #nejoawaipm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nejoawaipm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #nejoawaipm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #nejoawaipm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nejoawaipm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nejoawaipm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #nejoawaipm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #nejoawaipm .gt_column_spanner_outer:first-child { padding-left: 0; } #nejoawaipm .gt_column_spanner_outer:last-child { padding-right: 0; } #nejoawaipm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #nejoawaipm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #nejoawaipm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #nejoawaipm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #nejoawaipm .gt_from_md > :first-child { margin-top: 0; } #nejoawaipm .gt_from_md > :last-child { margin-bottom: 0; } #nejoawaipm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #nejoawaipm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #nejoawaipm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nejoawaipm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #nejoawaipm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nejoawaipm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #nejoawaipm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nejoawaipm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nejoawaipm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #nejoawaipm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nejoawaipm .gt_sourcenote { font-size: 90%; padding: 4px; } #nejoawaipm .gt_left { text-align: left; } #nejoawaipm .gt_center { text-align: center; } #nejoawaipm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #nejoawaipm .gt_font_normal { font-weight: normal; } #nejoawaipm .gt_font_bold { font-weight: bold; } #nejoawaipm .gt_font_italic { font-style: italic; } #nejoawaipm .gt_super { font-size: 65%; } #nejoawaipm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="nejoawaipm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #BC3C29; color: #FFFFFF;">#BC3C29FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0072B5; color: #FFFFFF;">#0072B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E18727; color: #000000;">#E18727FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #20854E; color: #FFFFFF;">#20854EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7876B1; color: #000000;">#7876B1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6F99AD; color: #000000;">#6F99ADFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFDC91; color: #000000;">#FFDC91FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EE4C97; color: #000000;">#EE4C97FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemes::calc") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #pmftgzpngq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #pmftgzpngq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pmftgzpngq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #pmftgzpngq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #pmftgzpngq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pmftgzpngq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pmftgzpngq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #pmftgzpngq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #pmftgzpngq .gt_column_spanner_outer:first-child { padding-left: 0; } #pmftgzpngq .gt_column_spanner_outer:last-child { padding-right: 0; } #pmftgzpngq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #pmftgzpngq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #pmftgzpngq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #pmftgzpngq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #pmftgzpngq .gt_from_md > :first-child { margin-top: 0; } #pmftgzpngq .gt_from_md > :last-child { margin-bottom: 0; } #pmftgzpngq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #pmftgzpngq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #pmftgzpngq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pmftgzpngq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #pmftgzpngq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pmftgzpngq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #pmftgzpngq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pmftgzpngq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pmftgzpngq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #pmftgzpngq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pmftgzpngq .gt_sourcenote { font-size: 90%; padding: 4px; } #pmftgzpngq .gt_left { text-align: left; } #pmftgzpngq .gt_center { text-align: center; } #pmftgzpngq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #pmftgzpngq .gt_font_normal { font-weight: normal; } #pmftgzpngq .gt_font_bold { font-weight: bold; } #pmftgzpngq .gt_font_italic { font-style: italic; } #pmftgzpngq .gt_super { font-size: 65%; } #pmftgzpngq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="pmftgzpngq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #004586; color: #FFFFFF;">#004586FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF420E; color: #FFFFFF;">#FF420EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFD320; color: #000000;">#FFD320FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #579D1C; color: #FFFFFF;">#579D1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7E0021; color: #FFFFFF;">#7E0021FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #83CAFF; color: #000000;">#83CAFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #314004; color: #FFFFFF;">#314004FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AECF00; color: #000000;">#AECF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4B1F6F; color: #FFFFFF;">#4B1F6FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF950E; color: #000000;">#FF950EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C5000B; color: #FFFFFF;">#C5000BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0084D1; color: #FFFFFF;">#0084D1FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemes::manyeys") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #tgckjsnicv .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #tgckjsnicv .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tgckjsnicv .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #tgckjsnicv .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #tgckjsnicv .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tgckjsnicv .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tgckjsnicv .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #tgckjsnicv .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #tgckjsnicv .gt_column_spanner_outer:first-child { padding-left: 0; } #tgckjsnicv .gt_column_spanner_outer:last-child { padding-right: 0; } #tgckjsnicv .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #tgckjsnicv .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #tgckjsnicv .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #tgckjsnicv .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #tgckjsnicv .gt_from_md > :first-child { margin-top: 0; } #tgckjsnicv .gt_from_md > :last-child { margin-bottom: 0; } #tgckjsnicv .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #tgckjsnicv .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #tgckjsnicv .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tgckjsnicv .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #tgckjsnicv .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tgckjsnicv .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #tgckjsnicv .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tgckjsnicv .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tgckjsnicv .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #tgckjsnicv .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tgckjsnicv .gt_sourcenote { font-size: 90%; padding: 4px; } #tgckjsnicv .gt_left { text-align: left; } #tgckjsnicv .gt_center { text-align: center; } #tgckjsnicv .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #tgckjsnicv .gt_font_normal { font-weight: normal; } #tgckjsnicv .gt_font_bold { font-weight: bold; } #tgckjsnicv .gt_font_italic { font-style: italic; } #tgckjsnicv .gt_super { font-size: 65%; } #tgckjsnicv .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="tgckjsnicv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #9C9EDE; color: #000000;">#9C9EDEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7375B5; color: #000000;">#7375B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4A5584; color: #FFFFFF;">#4A5584FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CEDB9C; color: #000000;">#CEDB9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B5CF6B; color: #000000;">#B5CF6BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8CA252; color: #000000;">#8CA252FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #637939; color: #FFFFFF;">#637939FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7CB94; color: #000000;">#E7CB94FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7BA52; color: #000000;">#E7BA52FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BD9E39; color: #000000;">#BD9E39FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C6D31; color: #FFFFFF;">#8C6D31FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7969C; color: #000000;">#E7969CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D6616B; color: #000000;">#D6616BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AD494A; color: #FFFFFF;">#AD494AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #843C39; color: #FFFFFF;">#843C39FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE9ED6; color: #000000;">#DE9ED6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CE6DBD; color: #000000;">#CE6DBDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A55194; color: #FFFFFF;">#A55194FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7B4173; color: #FFFFFF;">#7B4173FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemes::gdoc") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #jnrhunmyps .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #jnrhunmyps .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jnrhunmyps .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #jnrhunmyps .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #jnrhunmyps .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jnrhunmyps .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jnrhunmyps .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #jnrhunmyps .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #jnrhunmyps .gt_column_spanner_outer:first-child { padding-left: 0; } #jnrhunmyps .gt_column_spanner_outer:last-child { padding-right: 0; } #jnrhunmyps .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #jnrhunmyps .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #jnrhunmyps .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #jnrhunmyps .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #jnrhunmyps .gt_from_md > :first-child { margin-top: 0; } #jnrhunmyps .gt_from_md > :last-child { margin-bottom: 0; } #jnrhunmyps .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #jnrhunmyps .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #jnrhunmyps .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jnrhunmyps .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #jnrhunmyps .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jnrhunmyps .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #jnrhunmyps .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jnrhunmyps .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jnrhunmyps .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #jnrhunmyps .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jnrhunmyps .gt_sourcenote { font-size: 90%; padding: 4px; } #jnrhunmyps .gt_left { text-align: left; } #jnrhunmyps .gt_center { text-align: center; } #jnrhunmyps .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #jnrhunmyps .gt_font_normal { font-weight: normal; } #jnrhunmyps .gt_font_bold { font-weight: bold; } #jnrhunmyps .gt_font_italic { font-style: italic; } #jnrhunmyps .gt_super { font-size: 65%; } #jnrhunmyps .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="jnrhunmyps" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #3366CC; color: #FFFFFF;">#3366CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC3912; color: #FFFFFF;">#DC3912FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9900; color: #000000;">#FF9900FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #109618; color: #FFFFFF;">#109618FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #990099; color: #FFFFFF;">#990099FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0099C6; color: #FFFFFF;">#0099C6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DD4477; color: #FFFFFF;">#DD4477FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66AA00; color: #000000;">#66AA00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B82E2E; color: #FFFFFF;">#B82E2EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #316395; color: #FFFFFF;">#316395FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemr::flat") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rcvthctrhz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rcvthctrhz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rcvthctrhz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rcvthctrhz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rcvthctrhz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rcvthctrhz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rcvthctrhz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rcvthctrhz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rcvthctrhz .gt_column_spanner_outer:first-child { padding-left: 0; } #rcvthctrhz .gt_column_spanner_outer:last-child { padding-right: 0; } #rcvthctrhz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rcvthctrhz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rcvthctrhz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rcvthctrhz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rcvthctrhz .gt_from_md > :first-child { margin-top: 0; } #rcvthctrhz .gt_from_md > :last-child { margin-bottom: 0; } #rcvthctrhz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rcvthctrhz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rcvthctrhz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rcvthctrhz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rcvthctrhz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rcvthctrhz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rcvthctrhz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rcvthctrhz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rcvthctrhz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rcvthctrhz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rcvthctrhz .gt_sourcenote { font-size: 90%; padding: 4px; } #rcvthctrhz .gt_left { text-align: left; } #rcvthctrhz .gt_center { text-align: center; } #rcvthctrhz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rcvthctrhz .gt_font_normal { font-weight: normal; } #rcvthctrhz .gt_font_bold { font-weight: bold; } #rcvthctrhz .gt_font_italic { font-style: italic; } #rcvthctrhz .gt_super { font-size: 65%; } #rcvthctrhz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rcvthctrhz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #34495E; color: #FFFFFF;">#34495EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3498DB; color: #000000;">#3498DBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2ECC71; color: #000000;">#2ECC71FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1C40F; color: #000000;">#F1C40FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E74C3C; color: #FFFFFF;">#E74C3CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B59B6; color: #FFFFFF;">#9B59B6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1ABC9C; color: #000000;">#1ABC9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F39C12; color: #000000;">#F39C12FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D35400; color: #FFFFFF;">#D35400FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemr::flat dark") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yjjlzxfdfb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yjjlzxfdfb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yjjlzxfdfb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yjjlzxfdfb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yjjlzxfdfb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yjjlzxfdfb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yjjlzxfdfb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yjjlzxfdfb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yjjlzxfdfb .gt_column_spanner_outer:first-child { padding-left: 0; } #yjjlzxfdfb .gt_column_spanner_outer:last-child { padding-right: 0; } #yjjlzxfdfb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yjjlzxfdfb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yjjlzxfdfb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yjjlzxfdfb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yjjlzxfdfb .gt_from_md > :first-child { margin-top: 0; } #yjjlzxfdfb .gt_from_md > :last-child { margin-bottom: 0; } #yjjlzxfdfb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yjjlzxfdfb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yjjlzxfdfb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yjjlzxfdfb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yjjlzxfdfb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yjjlzxfdfb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yjjlzxfdfb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yjjlzxfdfb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yjjlzxfdfb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yjjlzxfdfb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yjjlzxfdfb .gt_sourcenote { font-size: 90%; padding: 4px; } #yjjlzxfdfb .gt_left { text-align: left; } #yjjlzxfdfb .gt_center { text-align: center; } #yjjlzxfdfb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yjjlzxfdfb .gt_font_normal { font-weight: normal; } #yjjlzxfdfb .gt_font_bold { font-weight: bold; } #yjjlzxfdfb .gt_font_italic { font-style: italic; } #yjjlzxfdfb .gt_super { font-size: 65%; } #yjjlzxfdfb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yjjlzxfdfb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #ECF0F1; color: #000000;">#ECF0F1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3498DB; color: #000000;">#3498DBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2ECC71; color: #000000;">#2ECC71FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1C40F; color: #000000;">#F1C40FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E74C3C; color: #FFFFFF;">#E74C3CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B59B6; color: #FFFFFF;">#9B59B6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1ABC9C; color: #000000;">#1ABC9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F39C12; color: #000000;">#F39C12FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D35400; color: #FFFFFF;">#D35400FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ggthemr::dust") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yslklyitkn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yslklyitkn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yslklyitkn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yslklyitkn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yslklyitkn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yslklyitkn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yslklyitkn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yslklyitkn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yslklyitkn .gt_column_spanner_outer:first-child { padding-left: 0; } #yslklyitkn .gt_column_spanner_outer:last-child { padding-right: 0; } #yslklyitkn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yslklyitkn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yslklyitkn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yslklyitkn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yslklyitkn .gt_from_md > :first-child { margin-top: 0; } #yslklyitkn .gt_from_md > :last-child { margin-bottom: 0; } #yslklyitkn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yslklyitkn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yslklyitkn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yslklyitkn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yslklyitkn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yslklyitkn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yslklyitkn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yslklyitkn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yslklyitkn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yslklyitkn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yslklyitkn .gt_sourcenote { font-size: 90%; padding: 4px; } #yslklyitkn .gt_left { text-align: left; } #yslklyitkn .gt_center { text-align: center; } #yslklyitkn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yslklyitkn .gt_font_normal { font-weight: normal; } #yslklyitkn .gt_font_bold { font-weight: bold; } #yslklyitkn .gt_font_italic { font-style: italic; } #yslklyitkn .gt_super { font-size: 65%; } #yslklyitkn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yslklyitkn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #555555; color: #FFFFFF;">#555555FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DB735C; color: #000000;">#DB735CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EFA86E; color: #000000;">#EFA86EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9A8A76; color: #000000;">#9A8A76FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3C57B; color: #000000;">#F3C57BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7A6752; color: #FFFFFF;">#7A6752FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2A91A2; color: #FFFFFF;">#2A91A2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #87F28A; color: #000000;">#87F28AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6EDCEF; color: #000000;">#6EDCEFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ghibli::MarnieLight1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #omwuwudiuo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #omwuwudiuo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #omwuwudiuo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #omwuwudiuo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #omwuwudiuo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #omwuwudiuo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #omwuwudiuo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #omwuwudiuo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #omwuwudiuo .gt_column_spanner_outer:first-child { padding-left: 0; } #omwuwudiuo .gt_column_spanner_outer:last-child { padding-right: 0; } #omwuwudiuo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #omwuwudiuo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #omwuwudiuo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #omwuwudiuo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #omwuwudiuo .gt_from_md > :first-child { margin-top: 0; } #omwuwudiuo .gt_from_md > :last-child { margin-bottom: 0; } #omwuwudiuo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #omwuwudiuo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #omwuwudiuo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #omwuwudiuo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #omwuwudiuo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #omwuwudiuo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #omwuwudiuo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #omwuwudiuo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #omwuwudiuo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #omwuwudiuo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #omwuwudiuo .gt_sourcenote { font-size: 90%; padding: 4px; } #omwuwudiuo .gt_left { text-align: left; } #omwuwudiuo .gt_center { text-align: center; } #omwuwudiuo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #omwuwudiuo .gt_font_normal { font-weight: normal; } #omwuwudiuo .gt_font_bold { font-weight: bold; } #omwuwudiuo .gt_font_italic { font-style: italic; } #omwuwudiuo .gt_super { font-size: 65%; } #omwuwudiuo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="omwuwudiuo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #95918E; color: #000000;">#95918EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AF9699; color: #000000;">#AF9699FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80C7C9; color: #000000;">#80C7C9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8EBBD2; color: #000000;">#8EBBD2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3D1C3; color: #000000;">#E3D1C3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B3DDEB; color: #000000;">#B3DDEBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3E8CC; color: #000000;">#F3E8CCFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ghibli::MarnieMedium1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #nqdfmllejk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #nqdfmllejk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nqdfmllejk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #nqdfmllejk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #nqdfmllejk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nqdfmllejk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nqdfmllejk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #nqdfmllejk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #nqdfmllejk .gt_column_spanner_outer:first-child { padding-left: 0; } #nqdfmllejk .gt_column_spanner_outer:last-child { padding-right: 0; } #nqdfmllejk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #nqdfmllejk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #nqdfmllejk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #nqdfmllejk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #nqdfmllejk .gt_from_md > :first-child { margin-top: 0; } #nqdfmllejk .gt_from_md > :last-child { margin-bottom: 0; } #nqdfmllejk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #nqdfmllejk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #nqdfmllejk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nqdfmllejk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #nqdfmllejk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nqdfmllejk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #nqdfmllejk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nqdfmllejk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nqdfmllejk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #nqdfmllejk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nqdfmllejk .gt_sourcenote { font-size: 90%; padding: 4px; } #nqdfmllejk .gt_left { text-align: left; } #nqdfmllejk .gt_center { text-align: center; } #nqdfmllejk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #nqdfmllejk .gt_font_normal { font-weight: normal; } #nqdfmllejk .gt_font_bold { font-weight: bold; } #nqdfmllejk .gt_font_italic { font-style: italic; } #nqdfmllejk .gt_super { font-size: 65%; } #nqdfmllejk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="nqdfmllejk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #28231D; color: #FFFFFF;">#28231DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5E2D30; color: #FFFFFF;">#5E2D30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #008E90; color: #FFFFFF;">#008E90FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C77A3; color: #FFFFFF;">#1C77A3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C5A387; color: #000000;">#C5A387FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #67B8D6; color: #000000;">#67B8D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E9D097; color: #000000;">#E9D097FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ghibli::MarnieDark1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xdumdbvwnp .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xdumdbvwnp .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xdumdbvwnp .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xdumdbvwnp .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xdumdbvwnp .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xdumdbvwnp .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xdumdbvwnp .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xdumdbvwnp .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xdumdbvwnp .gt_column_spanner_outer:first-child { padding-left: 0; } #xdumdbvwnp .gt_column_spanner_outer:last-child { padding-right: 0; } #xdumdbvwnp .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xdumdbvwnp .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xdumdbvwnp .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xdumdbvwnp .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xdumdbvwnp .gt_from_md > :first-child { margin-top: 0; } #xdumdbvwnp .gt_from_md > :last-child { margin-bottom: 0; } #xdumdbvwnp .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xdumdbvwnp .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xdumdbvwnp .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xdumdbvwnp .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xdumdbvwnp .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xdumdbvwnp .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xdumdbvwnp .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xdumdbvwnp .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xdumdbvwnp .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xdumdbvwnp .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xdumdbvwnp .gt_sourcenote { font-size: 90%; padding: 4px; } #xdumdbvwnp .gt_left { text-align: left; } #xdumdbvwnp .gt_center { text-align: center; } #xdumdbvwnp .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xdumdbvwnp .gt_font_normal { font-weight: normal; } #xdumdbvwnp .gt_font_bold { font-weight: bold; } #xdumdbvwnp .gt_font_italic { font-style: italic; } #xdumdbvwnp .gt_super { font-size: 65%; } #xdumdbvwnp .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xdumdbvwnp" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #15110E; color: #FFFFFF;">#15110EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2F1619; color: #FFFFFF;">#2F1619FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #004749; color: #FFFFFF;">#004749FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0E3B52; color: #FFFFFF;">#0E3B52FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #635143; color: #FFFFFF;">#635143FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #335D6B; color: #FFFFFF;">#335D6BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #73684C; color: #FFFFFF;">#73684CFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("grDevices::blues9") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dgsacviilf .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dgsacviilf .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dgsacviilf .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dgsacviilf .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dgsacviilf .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dgsacviilf .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dgsacviilf .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dgsacviilf .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dgsacviilf .gt_column_spanner_outer:first-child { padding-left: 0; } #dgsacviilf .gt_column_spanner_outer:last-child { padding-right: 0; } #dgsacviilf .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dgsacviilf .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dgsacviilf .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dgsacviilf .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dgsacviilf .gt_from_md > :first-child { margin-top: 0; } #dgsacviilf .gt_from_md > :last-child { margin-bottom: 0; } #dgsacviilf .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dgsacviilf .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dgsacviilf .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dgsacviilf .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dgsacviilf .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dgsacviilf .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dgsacviilf .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dgsacviilf .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dgsacviilf .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dgsacviilf .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dgsacviilf .gt_sourcenote { font-size: 90%; padding: 4px; } #dgsacviilf .gt_left { text-align: left; } #dgsacviilf .gt_center { text-align: center; } #dgsacviilf .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dgsacviilf .gt_font_normal { font-weight: normal; } #dgsacviilf .gt_font_bold { font-weight: bold; } #dgsacviilf .gt_font_italic { font-style: italic; } #dgsacviilf .gt_super { font-size: 65%; } #dgsacviilf .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dgsacviilf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #F7FBFF; color: #000000;">#F7FBFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DEEBF7; color: #000000;">#DEEBF7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C6DBEF; color: #000000;">#C6DBEFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9ECAE1; color: #000000;">#9ECAE1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6BAED6; color: #000000;">#6BAED6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4292C6; color: #000000;">#4292C6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2171B5; color: #FFFFFF;">#2171B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #08519C; color: #FFFFFF;">#08519CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #08306B; color: #FFFFFF;">#08306BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("IslamicArt::shiraz") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #jvzboozobh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #jvzboozobh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jvzboozobh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #jvzboozobh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #jvzboozobh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jvzboozobh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jvzboozobh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #jvzboozobh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #jvzboozobh .gt_column_spanner_outer:first-child { padding-left: 0; } #jvzboozobh .gt_column_spanner_outer:last-child { padding-right: 0; } #jvzboozobh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #jvzboozobh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #jvzboozobh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #jvzboozobh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #jvzboozobh .gt_from_md > :first-child { margin-top: 0; } #jvzboozobh .gt_from_md > :last-child { margin-bottom: 0; } #jvzboozobh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #jvzboozobh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #jvzboozobh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jvzboozobh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #jvzboozobh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jvzboozobh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #jvzboozobh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jvzboozobh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jvzboozobh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #jvzboozobh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jvzboozobh .gt_sourcenote { font-size: 90%; padding: 4px; } #jvzboozobh .gt_left { text-align: left; } #jvzboozobh .gt_center { text-align: center; } #jvzboozobh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #jvzboozobh .gt_font_normal { font-weight: normal; } #jvzboozobh .gt_font_bold { font-weight: bold; } #jvzboozobh .gt_font_italic { font-style: italic; } #jvzboozobh .gt_super { font-size: 65%; } #jvzboozobh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="jvzboozobh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #402733; color: #FFFFFF;">#402733FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8F6052; color: #FFFFFF;">#8F6052FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2F6349; color: #FFFFFF;">#2F6349FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AE2B47; color: #FFFFFF;">#AE2B47FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7BC17D; color: #000000;">#7BC17DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #68D8F2; color: #000000;">#68D8F2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7982F7; color: #000000;">#7982F7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E03E4A; color: #FFFFFF;">#E03E4AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFF759; color: #000000;">#FFF759FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECA987; color: #000000;">#ECA987FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #705549; color: #FFFFFF;">#705549FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9F4739; color: #FFFFFF;">#9F4739FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("IslamicArt::samarqand") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #qslrrpyeaw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #qslrrpyeaw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qslrrpyeaw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #qslrrpyeaw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #qslrrpyeaw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qslrrpyeaw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qslrrpyeaw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #qslrrpyeaw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #qslrrpyeaw .gt_column_spanner_outer:first-child { padding-left: 0; } #qslrrpyeaw .gt_column_spanner_outer:last-child { padding-right: 0; } #qslrrpyeaw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #qslrrpyeaw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #qslrrpyeaw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #qslrrpyeaw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #qslrrpyeaw .gt_from_md > :first-child { margin-top: 0; } #qslrrpyeaw .gt_from_md > :last-child { margin-bottom: 0; } #qslrrpyeaw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #qslrrpyeaw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #qslrrpyeaw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qslrrpyeaw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #qslrrpyeaw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qslrrpyeaw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #qslrrpyeaw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qslrrpyeaw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qslrrpyeaw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #qslrrpyeaw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qslrrpyeaw .gt_sourcenote { font-size: 90%; padding: 4px; } #qslrrpyeaw .gt_left { text-align: left; } #qslrrpyeaw .gt_center { text-align: center; } #qslrrpyeaw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #qslrrpyeaw .gt_font_normal { font-weight: normal; } #qslrrpyeaw .gt_font_bold { font-weight: bold; } #qslrrpyeaw .gt_font_italic { font-style: italic; } #qslrrpyeaw .gt_super { font-size: 65%; } #qslrrpyeaw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="qslrrpyeaw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #DFD5CA; color: #000000;">#DFD5CAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #907A58; color: #FFFFFF;">#907A58FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A59DA2; color: #000000;">#A59DA2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #406975; color: #FFFFFF;">#406975FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A2D2D4; color: #000000;">#A2D2D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #475286; color: #FFFFFF;">#475286FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #738492; color: #000000;">#738492FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D1BFA2; color: #000000;">#D1BFA2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AB8A5A; color: #000000;">#AB8A5AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C9AC4; color: #000000;">#4C9AC4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8EC6E9; color: #000000;">#8EC6E9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B7DAEC; color: #000000;">#B7DAECFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("IslamicArt::samarqand2") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ryhuzufooz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ryhuzufooz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ryhuzufooz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ryhuzufooz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ryhuzufooz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ryhuzufooz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ryhuzufooz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ryhuzufooz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ryhuzufooz .gt_column_spanner_outer:first-child { padding-left: 0; } #ryhuzufooz .gt_column_spanner_outer:last-child { padding-right: 0; } #ryhuzufooz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ryhuzufooz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ryhuzufooz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ryhuzufooz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ryhuzufooz .gt_from_md > :first-child { margin-top: 0; } #ryhuzufooz .gt_from_md > :last-child { margin-bottom: 0; } #ryhuzufooz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ryhuzufooz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ryhuzufooz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ryhuzufooz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ryhuzufooz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ryhuzufooz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ryhuzufooz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ryhuzufooz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ryhuzufooz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ryhuzufooz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ryhuzufooz .gt_sourcenote { font-size: 90%; padding: 4px; } #ryhuzufooz .gt_left { text-align: left; } #ryhuzufooz .gt_center { text-align: center; } #ryhuzufooz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ryhuzufooz .gt_font_normal { font-weight: normal; } #ryhuzufooz .gt_font_bold { font-weight: bold; } #ryhuzufooz .gt_font_italic { font-style: italic; } #ryhuzufooz .gt_super { font-size: 65%; } #ryhuzufooz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ryhuzufooz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #002594; color: #FFFFFF;">#002594FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B2CD; color: #000000;">#E0B2CDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54C4E3; color: #000000;">#54C4E3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3AA4F; color: #000000;">#F3AA4FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("jcolors::default") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #whqsvymmhz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #whqsvymmhz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #whqsvymmhz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #whqsvymmhz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #whqsvymmhz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #whqsvymmhz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #whqsvymmhz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #whqsvymmhz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #whqsvymmhz .gt_column_spanner_outer:first-child { padding-left: 0; } #whqsvymmhz .gt_column_spanner_outer:last-child { padding-right: 0; } #whqsvymmhz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #whqsvymmhz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #whqsvymmhz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #whqsvymmhz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #whqsvymmhz .gt_from_md > :first-child { margin-top: 0; } #whqsvymmhz .gt_from_md > :last-child { margin-bottom: 0; } #whqsvymmhz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #whqsvymmhz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #whqsvymmhz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #whqsvymmhz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #whqsvymmhz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #whqsvymmhz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #whqsvymmhz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #whqsvymmhz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #whqsvymmhz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #whqsvymmhz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #whqsvymmhz .gt_sourcenote { font-size: 90%; padding: 4px; } #whqsvymmhz .gt_left { text-align: left; } #whqsvymmhz .gt_center { text-align: center; } #whqsvymmhz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #whqsvymmhz .gt_font_normal { font-weight: normal; } #whqsvymmhz .gt_font_bold { font-weight: bold; } #whqsvymmhz .gt_font_italic { font-style: italic; } #whqsvymmhz .gt_super { font-size: 65%; } #whqsvymmhz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="whqsvymmhz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #29BF12; color: #FFFFFF;">#29BF12FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00A5CF; color: #FFFFFF;">#00A5CFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE1A1A; color: #FFFFFF;">#DE1A1AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #574AE2; color: #FFFFFF;">#574AE2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFBF00; color: #000000;">#FFBF00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("jcolors::pal2") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #srzlmkxogr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #srzlmkxogr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #srzlmkxogr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #srzlmkxogr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #srzlmkxogr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #srzlmkxogr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #srzlmkxogr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #srzlmkxogr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #srzlmkxogr .gt_column_spanner_outer:first-child { padding-left: 0; } #srzlmkxogr .gt_column_spanner_outer:last-child { padding-right: 0; } #srzlmkxogr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #srzlmkxogr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #srzlmkxogr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #srzlmkxogr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #srzlmkxogr .gt_from_md > :first-child { margin-top: 0; } #srzlmkxogr .gt_from_md > :last-child { margin-bottom: 0; } #srzlmkxogr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #srzlmkxogr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #srzlmkxogr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #srzlmkxogr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #srzlmkxogr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #srzlmkxogr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #srzlmkxogr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #srzlmkxogr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #srzlmkxogr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #srzlmkxogr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #srzlmkxogr .gt_sourcenote { font-size: 90%; padding: 4px; } #srzlmkxogr .gt_left { text-align: left; } #srzlmkxogr .gt_center { text-align: center; } #srzlmkxogr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #srzlmkxogr .gt_font_normal { font-weight: normal; } #srzlmkxogr .gt_font_bold { font-weight: bold; } #srzlmkxogr .gt_font_italic { font-style: italic; } #srzlmkxogr .gt_super { font-size: 65%; } #srzlmkxogr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="srzlmkxogr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #3E71A8; color: #FFFFFF;">#3E71A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CEFF1A; color: #000000;">#CEFF1AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #870E75; color: #FFFFFF;">#870E75FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FE6900; color: #000000;">#FE6900FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0BB19F; color: #000000;">#0BB19FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("jcolors::pal3") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mpzqxpsjwy .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mpzqxpsjwy .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mpzqxpsjwy .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mpzqxpsjwy .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mpzqxpsjwy .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mpzqxpsjwy .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mpzqxpsjwy .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mpzqxpsjwy .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mpzqxpsjwy .gt_column_spanner_outer:first-child { padding-left: 0; } #mpzqxpsjwy .gt_column_spanner_outer:last-child { padding-right: 0; } #mpzqxpsjwy .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mpzqxpsjwy .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mpzqxpsjwy .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mpzqxpsjwy .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mpzqxpsjwy .gt_from_md > :first-child { margin-top: 0; } #mpzqxpsjwy .gt_from_md > :last-child { margin-bottom: 0; } #mpzqxpsjwy .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mpzqxpsjwy .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mpzqxpsjwy .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mpzqxpsjwy .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mpzqxpsjwy .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mpzqxpsjwy .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mpzqxpsjwy .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mpzqxpsjwy .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mpzqxpsjwy .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mpzqxpsjwy .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mpzqxpsjwy .gt_sourcenote { font-size: 90%; padding: 4px; } #mpzqxpsjwy .gt_left { text-align: left; } #mpzqxpsjwy .gt_center { text-align: center; } #mpzqxpsjwy .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mpzqxpsjwy .gt_font_normal { font-weight: normal; } #mpzqxpsjwy .gt_font_bold { font-weight: bold; } #mpzqxpsjwy .gt_font_italic { font-style: italic; } #mpzqxpsjwy .gt_super { font-size: 65%; } #mpzqxpsjwy .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mpzqxpsjwy" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #66CD00; color: #000000;">#66CD00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009ACD; color: #FFFFFF;">#009ACDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF4500; color: #FFFFFF;">#FF4500FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9A32CD; color: #FFFFFF;">#9A32CDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5E400; color: #000000;">#F5E400FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("LaCroixColoR::PassionFruit") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ykakzbmbau .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ykakzbmbau .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ykakzbmbau .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ykakzbmbau .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ykakzbmbau .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ykakzbmbau .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ykakzbmbau .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ykakzbmbau .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ykakzbmbau .gt_column_spanner_outer:first-child { padding-left: 0; } #ykakzbmbau .gt_column_spanner_outer:last-child { padding-right: 0; } #ykakzbmbau .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ykakzbmbau .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ykakzbmbau .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ykakzbmbau .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ykakzbmbau .gt_from_md > :first-child { margin-top: 0; } #ykakzbmbau .gt_from_md > :last-child { margin-bottom: 0; } #ykakzbmbau .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ykakzbmbau .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ykakzbmbau .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ykakzbmbau .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ykakzbmbau .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ykakzbmbau .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ykakzbmbau .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ykakzbmbau .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ykakzbmbau .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ykakzbmbau .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ykakzbmbau .gt_sourcenote { font-size: 90%; padding: 4px; } #ykakzbmbau .gt_left { text-align: left; } #ykakzbmbau .gt_center { text-align: center; } #ykakzbmbau .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ykakzbmbau .gt_font_normal { font-weight: normal; } #ykakzbmbau .gt_font_bold { font-weight: bold; } #ykakzbmbau .gt_font_italic { font-style: italic; } #ykakzbmbau .gt_super { font-size: 65%; } #ykakzbmbau .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ykakzbmbau" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C70E7B; color: #FFFFFF;">#C70E7BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC6882; color: #000000;">#FC6882FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A6E000; color: #000000;">#A6E000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1BB6AF; color: #000000;">#1BB6AFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6C6C9D; color: #FFFFFF;">#6C6C9DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #172869; color: #FFFFFF;">#172869FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("LaCroixColoR::Mango") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #wevyttbmbw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #wevyttbmbw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wevyttbmbw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #wevyttbmbw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #wevyttbmbw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wevyttbmbw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wevyttbmbw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #wevyttbmbw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #wevyttbmbw .gt_column_spanner_outer:first-child { padding-left: 0; } #wevyttbmbw .gt_column_spanner_outer:last-child { padding-right: 0; } #wevyttbmbw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #wevyttbmbw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #wevyttbmbw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #wevyttbmbw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #wevyttbmbw .gt_from_md > :first-child { margin-top: 0; } #wevyttbmbw .gt_from_md > :last-child { margin-bottom: 0; } #wevyttbmbw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #wevyttbmbw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #wevyttbmbw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wevyttbmbw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #wevyttbmbw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wevyttbmbw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #wevyttbmbw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wevyttbmbw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wevyttbmbw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #wevyttbmbw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wevyttbmbw .gt_sourcenote { font-size: 90%; padding: 4px; } #wevyttbmbw .gt_left { text-align: left; } #wevyttbmbw .gt_center { text-align: center; } #wevyttbmbw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #wevyttbmbw .gt_font_normal { font-weight: normal; } #wevyttbmbw .gt_font_bold { font-weight: bold; } #wevyttbmbw .gt_font_italic { font-style: italic; } #wevyttbmbw .gt_super { font-size: 65%; } #wevyttbmbw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="wevyttbmbw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF5300; color: #FFFFFF;">#FF5300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9ED80B; color: #000000;">#9ED80BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #43B629; color: #000000;">#43B629FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1BB6AF; color: #000000;">#1BB6AFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8F92A1; color: #000000;">#8F92A1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #172869; color: #FFFFFF;">#172869FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("LaCroixColoR::Pure") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #qiqmgxpzde .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #qiqmgxpzde .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qiqmgxpzde .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #qiqmgxpzde .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #qiqmgxpzde .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qiqmgxpzde .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qiqmgxpzde .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #qiqmgxpzde .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #qiqmgxpzde .gt_column_spanner_outer:first-child { padding-left: 0; } #qiqmgxpzde .gt_column_spanner_outer:last-child { padding-right: 0; } #qiqmgxpzde .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #qiqmgxpzde .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #qiqmgxpzde .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #qiqmgxpzde .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #qiqmgxpzde .gt_from_md > :first-child { margin-top: 0; } #qiqmgxpzde .gt_from_md > :last-child { margin-bottom: 0; } #qiqmgxpzde .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #qiqmgxpzde .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #qiqmgxpzde .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qiqmgxpzde .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #qiqmgxpzde .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qiqmgxpzde .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #qiqmgxpzde .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qiqmgxpzde .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qiqmgxpzde .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #qiqmgxpzde .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qiqmgxpzde .gt_sourcenote { font-size: 90%; padding: 4px; } #qiqmgxpzde .gt_left { text-align: left; } #qiqmgxpzde .gt_center { text-align: center; } #qiqmgxpzde .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #qiqmgxpzde .gt_font_normal { font-weight: normal; } #qiqmgxpzde .gt_font_bold { font-weight: bold; } #qiqmgxpzde .gt_font_italic { font-style: italic; } #qiqmgxpzde .gt_super { font-size: 65%; } #qiqmgxpzde .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="qiqmgxpzde" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #AFDFEF; color: #000000;">#AFDFEFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54BCD1; color: #000000;">#54BCD1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1BB6AF; color: #000000;">#1BB6AFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0099D5; color: #FFFFFF;">#0099D5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007BC3; color: #FFFFFF;">#007BC3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #172869; color: #FFFFFF;">#172869FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("lisa::JosefAlbers") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ngwglfenjs .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ngwglfenjs .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ngwglfenjs .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ngwglfenjs .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ngwglfenjs .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ngwglfenjs .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ngwglfenjs .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ngwglfenjs .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ngwglfenjs .gt_column_spanner_outer:first-child { padding-left: 0; } #ngwglfenjs .gt_column_spanner_outer:last-child { padding-right: 0; } #ngwglfenjs .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ngwglfenjs .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ngwglfenjs .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ngwglfenjs .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ngwglfenjs .gt_from_md > :first-child { margin-top: 0; } #ngwglfenjs .gt_from_md > :last-child { margin-bottom: 0; } #ngwglfenjs .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ngwglfenjs .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ngwglfenjs .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ngwglfenjs .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ngwglfenjs .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ngwglfenjs .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ngwglfenjs .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ngwglfenjs .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ngwglfenjs .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ngwglfenjs .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ngwglfenjs .gt_sourcenote { font-size: 90%; padding: 4px; } #ngwglfenjs .gt_left { text-align: left; } #ngwglfenjs .gt_center { text-align: center; } #ngwglfenjs .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ngwglfenjs .gt_font_normal { font-weight: normal; } #ngwglfenjs .gt_font_bold { font-weight: bold; } #ngwglfenjs .gt_font_italic { font-style: italic; } #ngwglfenjs .gt_super { font-size: 65%; } #ngwglfenjs .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ngwglfenjs" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #D77186; color: #000000;">#D77186FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #61A2DA; color: #000000;">#61A2DAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6CB7DA; color: #000000;">#6CB7DAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B5B5B3; color: #000000;">#B5B5B3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D75725; color: #FFFFFF;">#D75725FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("lisa::JosefAlbers_1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xxdpdzuqyu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xxdpdzuqyu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xxdpdzuqyu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xxdpdzuqyu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xxdpdzuqyu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xxdpdzuqyu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xxdpdzuqyu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xxdpdzuqyu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xxdpdzuqyu .gt_column_spanner_outer:first-child { padding-left: 0; } #xxdpdzuqyu .gt_column_spanner_outer:last-child { padding-right: 0; } #xxdpdzuqyu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xxdpdzuqyu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xxdpdzuqyu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xxdpdzuqyu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xxdpdzuqyu .gt_from_md > :first-child { margin-top: 0; } #xxdpdzuqyu .gt_from_md > :last-child { margin-bottom: 0; } #xxdpdzuqyu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xxdpdzuqyu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xxdpdzuqyu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xxdpdzuqyu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xxdpdzuqyu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xxdpdzuqyu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xxdpdzuqyu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xxdpdzuqyu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xxdpdzuqyu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xxdpdzuqyu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xxdpdzuqyu .gt_sourcenote { font-size: 90%; padding: 4px; } #xxdpdzuqyu .gt_left { text-align: left; } #xxdpdzuqyu .gt_center { text-align: center; } #xxdpdzuqyu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xxdpdzuqyu .gt_font_normal { font-weight: normal; } #xxdpdzuqyu .gt_font_bold { font-weight: bold; } #xxdpdzuqyu .gt_font_italic { font-style: italic; } #xxdpdzuqyu .gt_super { font-size: 65%; } #xxdpdzuqyu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xxdpdzuqyu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C00559; color: #FFFFFF;">#C00559FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE1F6C; color: #FFFFFF;">#DE1F6CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3A20D; color: #000000;">#F3A20DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F07A13; color: #000000;">#F07A13FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE6716; color: #000000;">#DE6716FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("lisa::GretchenAlbrecht") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yjgqkngbpi .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yjgqkngbpi .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yjgqkngbpi .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yjgqkngbpi .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yjgqkngbpi .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yjgqkngbpi .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yjgqkngbpi .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yjgqkngbpi .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yjgqkngbpi .gt_column_spanner_outer:first-child { padding-left: 0; } #yjgqkngbpi .gt_column_spanner_outer:last-child { padding-right: 0; } #yjgqkngbpi .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yjgqkngbpi .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yjgqkngbpi .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yjgqkngbpi .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yjgqkngbpi .gt_from_md > :first-child { margin-top: 0; } #yjgqkngbpi .gt_from_md > :last-child { margin-bottom: 0; } #yjgqkngbpi .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yjgqkngbpi .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yjgqkngbpi .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yjgqkngbpi .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yjgqkngbpi .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yjgqkngbpi .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yjgqkngbpi .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yjgqkngbpi .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yjgqkngbpi .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yjgqkngbpi .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yjgqkngbpi .gt_sourcenote { font-size: 90%; padding: 4px; } #yjgqkngbpi .gt_left { text-align: left; } #yjgqkngbpi .gt_center { text-align: center; } #yjgqkngbpi .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yjgqkngbpi .gt_font_normal { font-weight: normal; } #yjgqkngbpi .gt_font_bold { font-weight: bold; } #yjgqkngbpi .gt_font_italic { font-style: italic; } #yjgqkngbpi .gt_super { font-size: 65%; } #yjgqkngbpi .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yjgqkngbpi" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #171635; color: #FFFFFF;">#171635FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00225D; color: #FFFFFF;">#00225DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #763262; color: #FFFFFF;">#763262FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CA7508; color: #000000;">#CA7508FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E9A621; color: #000000;">#E9A621FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("MapPalettes::green_machine") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rqzrgqsdam .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rqzrgqsdam .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rqzrgqsdam .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rqzrgqsdam .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rqzrgqsdam .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rqzrgqsdam .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rqzrgqsdam .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rqzrgqsdam .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rqzrgqsdam .gt_column_spanner_outer:first-child { padding-left: 0; } #rqzrgqsdam .gt_column_spanner_outer:last-child { padding-right: 0; } #rqzrgqsdam .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rqzrgqsdam .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rqzrgqsdam .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rqzrgqsdam .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rqzrgqsdam .gt_from_md > :first-child { margin-top: 0; } #rqzrgqsdam .gt_from_md > :last-child { margin-bottom: 0; } #rqzrgqsdam .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rqzrgqsdam .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rqzrgqsdam .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rqzrgqsdam .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rqzrgqsdam .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rqzrgqsdam .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rqzrgqsdam .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rqzrgqsdam .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rqzrgqsdam .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rqzrgqsdam .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rqzrgqsdam .gt_sourcenote { font-size: 90%; padding: 4px; } #rqzrgqsdam .gt_left { text-align: left; } #rqzrgqsdam .gt_center { text-align: center; } #rqzrgqsdam .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rqzrgqsdam .gt_font_normal { font-weight: normal; } #rqzrgqsdam .gt_font_bold { font-weight: bold; } #rqzrgqsdam .gt_font_italic { font-style: italic; } #rqzrgqsdam .gt_super { font-size: 65%; } #rqzrgqsdam .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rqzrgqsdam" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #1D3141; color: #FFFFFF;">#1D3141FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #096168; color: #FFFFFF;">#096168FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #209478; color: #FFFFFF;">#209478FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #75C56E; color: #000000;">#75C56EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E2EE5E; color: #000000;">#E2EE5EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("MapPalettes::bruiser") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rhhgdrdbtn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rhhgdrdbtn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rhhgdrdbtn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rhhgdrdbtn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rhhgdrdbtn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rhhgdrdbtn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rhhgdrdbtn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rhhgdrdbtn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rhhgdrdbtn .gt_column_spanner_outer:first-child { padding-left: 0; } #rhhgdrdbtn .gt_column_spanner_outer:last-child { padding-right: 0; } #rhhgdrdbtn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rhhgdrdbtn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rhhgdrdbtn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rhhgdrdbtn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rhhgdrdbtn .gt_from_md > :first-child { margin-top: 0; } #rhhgdrdbtn .gt_from_md > :last-child { margin-bottom: 0; } #rhhgdrdbtn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rhhgdrdbtn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rhhgdrdbtn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rhhgdrdbtn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rhhgdrdbtn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rhhgdrdbtn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rhhgdrdbtn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rhhgdrdbtn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rhhgdrdbtn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rhhgdrdbtn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rhhgdrdbtn .gt_sourcenote { font-size: 90%; padding: 4px; } #rhhgdrdbtn .gt_left { text-align: left; } #rhhgdrdbtn .gt_center { text-align: center; } #rhhgdrdbtn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rhhgdrdbtn .gt_font_normal { font-weight: normal; } #rhhgdrdbtn .gt_font_bold { font-weight: bold; } #rhhgdrdbtn .gt_font_italic { font-style: italic; } #rhhgdrdbtn .gt_super { font-size: 65%; } #rhhgdrdbtn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rhhgdrdbtn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #1E313E; color: #FFFFFF;">#1E313EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4E475F; color: #FFFFFF;">#4E475FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8B5975; color: #FFFFFF;">#8B5975FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C7C; color: #000000;">#C86C7CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FA8975; color: #000000;">#FA8975FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("MapPalettes::tealberry_pie") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #navmnbxxvz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #navmnbxxvz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #navmnbxxvz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #navmnbxxvz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #navmnbxxvz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #navmnbxxvz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #navmnbxxvz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #navmnbxxvz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #navmnbxxvz .gt_column_spanner_outer:first-child { padding-left: 0; } #navmnbxxvz .gt_column_spanner_outer:last-child { padding-right: 0; } #navmnbxxvz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #navmnbxxvz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #navmnbxxvz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #navmnbxxvz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #navmnbxxvz .gt_from_md > :first-child { margin-top: 0; } #navmnbxxvz .gt_from_md > :last-child { margin-bottom: 0; } #navmnbxxvz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #navmnbxxvz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #navmnbxxvz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #navmnbxxvz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #navmnbxxvz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #navmnbxxvz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #navmnbxxvz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #navmnbxxvz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #navmnbxxvz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #navmnbxxvz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #navmnbxxvz .gt_sourcenote { font-size: 90%; padding: 4px; } #navmnbxxvz .gt_left { text-align: left; } #navmnbxxvz .gt_center { text-align: center; } #navmnbxxvz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #navmnbxxvz .gt_font_normal { font-weight: normal; } #navmnbxxvz .gt_font_bold { font-weight: bold; } #navmnbxxvz .gt_font_italic { font-style: italic; } #navmnbxxvz .gt_super { font-size: 65%; } #navmnbxxvz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="navmnbxxvz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00778A; color: #FFFFFF;">#00778AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #82A2BF; color: #000000;">#82A2BFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D4D2E5; color: #000000;">#D4D2E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B77DAF; color: #000000;">#B77DAFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A30248; color: #FFFFFF;">#A30248FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("miscpalettes::dreaming") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rwfvpunkud .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rwfvpunkud .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rwfvpunkud .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rwfvpunkud .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rwfvpunkud .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rwfvpunkud .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rwfvpunkud .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rwfvpunkud .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rwfvpunkud .gt_column_spanner_outer:first-child { padding-left: 0; } #rwfvpunkud .gt_column_spanner_outer:last-child { padding-right: 0; } #rwfvpunkud .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rwfvpunkud .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rwfvpunkud .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rwfvpunkud .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rwfvpunkud .gt_from_md > :first-child { margin-top: 0; } #rwfvpunkud .gt_from_md > :last-child { margin-bottom: 0; } #rwfvpunkud .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rwfvpunkud .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rwfvpunkud .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rwfvpunkud .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rwfvpunkud .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rwfvpunkud .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rwfvpunkud .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rwfvpunkud .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rwfvpunkud .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rwfvpunkud .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rwfvpunkud .gt_sourcenote { font-size: 90%; padding: 4px; } #rwfvpunkud .gt_left { text-align: left; } #rwfvpunkud .gt_center { text-align: center; } #rwfvpunkud .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rwfvpunkud .gt_font_normal { font-weight: normal; } #rwfvpunkud .gt_font_bold { font-weight: bold; } #rwfvpunkud .gt_font_italic { font-style: italic; } #rwfvpunkud .gt_super { font-size: 65%; } #rwfvpunkud .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rwfvpunkud" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #DCEAEA; color: #000000;">#DCEAEAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7CC3C9; color: #000000;">#7CC3C9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E1650B; color: #000000;">#E1650BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #996244; color: #FFFFFF;">#996244FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A83600; color: #FFFFFF;">#A83600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #519B9A; color: #000000;">#519B9AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3D726A; color: #FFFFFF;">#3D726AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #03424B; color: #FFFFFF;">#03424BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("miscpalettes::jojo") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #furmintasx .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #furmintasx .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #furmintasx .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #furmintasx .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #furmintasx .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #furmintasx .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #furmintasx .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #furmintasx .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #furmintasx .gt_column_spanner_outer:first-child { padding-left: 0; } #furmintasx .gt_column_spanner_outer:last-child { padding-right: 0; } #furmintasx .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #furmintasx .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #furmintasx .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #furmintasx .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #furmintasx .gt_from_md > :first-child { margin-top: 0; } #furmintasx .gt_from_md > :last-child { margin-bottom: 0; } #furmintasx .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #furmintasx .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #furmintasx .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #furmintasx .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #furmintasx .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #furmintasx .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #furmintasx .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #furmintasx .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #furmintasx .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #furmintasx .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #furmintasx .gt_sourcenote { font-size: 90%; padding: 4px; } #furmintasx .gt_left { text-align: left; } #furmintasx .gt_center { text-align: center; } #furmintasx .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #furmintasx .gt_font_normal { font-weight: normal; } #furmintasx .gt_font_bold { font-weight: bold; } #furmintasx .gt_font_italic { font-style: italic; } #furmintasx .gt_super { font-size: 65%; } #furmintasx .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="furmintasx" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FAB5C8; color: #000000;">#FAB5C8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F67E99; color: #000000;">#F67E99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F54E6C; color: #000000;">#F54E6CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AB553E; color: #FFFFFF;">#AB553EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EDC580; color: #000000;">#EDC580FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0A55F; color: #000000;">#E0A55FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDAB7B; color: #000000;">#FDAB7BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9E3B00; color: #FFFFFF;">#9E3B00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("miscpalettes::beach") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #vxglabjcwd .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #vxglabjcwd .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vxglabjcwd .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #vxglabjcwd .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #vxglabjcwd .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vxglabjcwd .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vxglabjcwd .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #vxglabjcwd .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #vxglabjcwd .gt_column_spanner_outer:first-child { padding-left: 0; } #vxglabjcwd .gt_column_spanner_outer:last-child { padding-right: 0; } #vxglabjcwd .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #vxglabjcwd .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #vxglabjcwd .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #vxglabjcwd .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #vxglabjcwd .gt_from_md > :first-child { margin-top: 0; } #vxglabjcwd .gt_from_md > :last-child { margin-bottom: 0; } #vxglabjcwd .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #vxglabjcwd .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #vxglabjcwd .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vxglabjcwd .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #vxglabjcwd .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vxglabjcwd .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #vxglabjcwd .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vxglabjcwd .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vxglabjcwd .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #vxglabjcwd .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vxglabjcwd .gt_sourcenote { font-size: 90%; padding: 4px; } #vxglabjcwd .gt_left { text-align: left; } #vxglabjcwd .gt_center { text-align: center; } #vxglabjcwd .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #vxglabjcwd .gt_font_normal { font-weight: normal; } #vxglabjcwd .gt_font_bold { font-weight: bold; } #vxglabjcwd .gt_font_italic { font-style: italic; } #vxglabjcwd .gt_super { font-size: 65%; } #vxglabjcwd .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="vxglabjcwd" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #CDD2CC; color: #000000;">#CDD2CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2DCC4; color: #000000;">#F2DCC4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6C2A2; color: #000000;">#E6C2A2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5A488; color: #000000;">#E5A488FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF8460; color: #000000;">#FF8460FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BCBDB7; color: #000000;">#BCBDB7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #997457; color: #FFFFFF;">#997457FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #573617; color: #FFFFFF;">#573617FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nationalparkcolors::SmokyMountains") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #wupbmwjuzu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #wupbmwjuzu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wupbmwjuzu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #wupbmwjuzu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #wupbmwjuzu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wupbmwjuzu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wupbmwjuzu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #wupbmwjuzu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #wupbmwjuzu .gt_column_spanner_outer:first-child { padding-left: 0; } #wupbmwjuzu .gt_column_spanner_outer:last-child { padding-right: 0; } #wupbmwjuzu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #wupbmwjuzu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #wupbmwjuzu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #wupbmwjuzu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #wupbmwjuzu .gt_from_md > :first-child { margin-top: 0; } #wupbmwjuzu .gt_from_md > :last-child { margin-bottom: 0; } #wupbmwjuzu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #wupbmwjuzu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #wupbmwjuzu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wupbmwjuzu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #wupbmwjuzu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wupbmwjuzu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #wupbmwjuzu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wupbmwjuzu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wupbmwjuzu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #wupbmwjuzu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wupbmwjuzu .gt_sourcenote { font-size: 90%; padding: 4px; } #wupbmwjuzu .gt_left { text-align: left; } #wupbmwjuzu .gt_center { text-align: center; } #wupbmwjuzu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #wupbmwjuzu .gt_font_normal { font-weight: normal; } #wupbmwjuzu .gt_font_bold { font-weight: bold; } #wupbmwjuzu .gt_font_italic { font-style: italic; } #wupbmwjuzu .gt_super { font-size: 65%; } #wupbmwjuzu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="wupbmwjuzu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #D58A60; color: #000000;">#D58A60FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #40663F; color: #FFFFFF;">#40663FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #497381; color: #FFFFFF;">#497381FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #548F01; color: #FFFFFF;">#548F01FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CFA3EE; color: #000000;">#CFA3EEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4E5462; color: #FFFFFF;">#4E5462FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nationalparkcolors::RockyMountains") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #kiuorudxct .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #kiuorudxct .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kiuorudxct .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #kiuorudxct .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #kiuorudxct .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kiuorudxct .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kiuorudxct .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #kiuorudxct .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #kiuorudxct .gt_column_spanner_outer:first-child { padding-left: 0; } #kiuorudxct .gt_column_spanner_outer:last-child { padding-right: 0; } #kiuorudxct .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #kiuorudxct .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #kiuorudxct .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #kiuorudxct .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #kiuorudxct .gt_from_md > :first-child { margin-top: 0; } #kiuorudxct .gt_from_md > :last-child { margin-bottom: 0; } #kiuorudxct .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #kiuorudxct .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #kiuorudxct .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kiuorudxct .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #kiuorudxct .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kiuorudxct .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #kiuorudxct .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kiuorudxct .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kiuorudxct .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #kiuorudxct .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kiuorudxct .gt_sourcenote { font-size: 90%; padding: 4px; } #kiuorudxct .gt_left { text-align: left; } #kiuorudxct .gt_center { text-align: center; } #kiuorudxct .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #kiuorudxct .gt_font_normal { font-weight: normal; } #kiuorudxct .gt_font_bold { font-weight: bold; } #kiuorudxct .gt_font_italic { font-style: italic; } #kiuorudxct .gt_super { font-size: 65%; } #kiuorudxct .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="kiuorudxct" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #EBECF0; color: #000000;">#EBECF0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DDC70F; color: #000000;">#DDC70FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4B4E55; color: #FFFFFF;">#4B4E55FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #62589F; color: #FFFFFF;">#62589FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2B313F; color: #FFFFFF;">#2B313FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nationalparkcolors::Yellowstone") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #igzeqfejnk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #igzeqfejnk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #igzeqfejnk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #igzeqfejnk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #igzeqfejnk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #igzeqfejnk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #igzeqfejnk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #igzeqfejnk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #igzeqfejnk .gt_column_spanner_outer:first-child { padding-left: 0; } #igzeqfejnk .gt_column_spanner_outer:last-child { padding-right: 0; } #igzeqfejnk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #igzeqfejnk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #igzeqfejnk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #igzeqfejnk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #igzeqfejnk .gt_from_md > :first-child { margin-top: 0; } #igzeqfejnk .gt_from_md > :last-child { margin-bottom: 0; } #igzeqfejnk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #igzeqfejnk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #igzeqfejnk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #igzeqfejnk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #igzeqfejnk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #igzeqfejnk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #igzeqfejnk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #igzeqfejnk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #igzeqfejnk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #igzeqfejnk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #igzeqfejnk .gt_sourcenote { font-size: 90%; padding: 4px; } #igzeqfejnk .gt_left { text-align: left; } #igzeqfejnk .gt_center { text-align: center; } #igzeqfejnk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #igzeqfejnk .gt_font_normal { font-weight: normal; } #igzeqfejnk .gt_font_bold { font-weight: bold; } #igzeqfejnk .gt_font_italic { font-style: italic; } #igzeqfejnk .gt_super { font-size: 65%; } #igzeqfejnk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="igzeqfejnk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #8CBEB1; color: #000000;">#8CBEB1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FAFAF2; color: #000000;">#FAFAF2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEEAA0; color: #000000;">#EEEAA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999275; color: #000000;">#999275FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C533; color: #000000;">#E8C533FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3A5836; color: #FFFFFF;">#3A5836FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("NineteenEightyR::cobra") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ackamesjci .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ackamesjci .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ackamesjci .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ackamesjci .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ackamesjci .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ackamesjci .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ackamesjci .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ackamesjci .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ackamesjci .gt_column_spanner_outer:first-child { padding-left: 0; } #ackamesjci .gt_column_spanner_outer:last-child { padding-right: 0; } #ackamesjci .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ackamesjci .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ackamesjci .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ackamesjci .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ackamesjci .gt_from_md > :first-child { margin-top: 0; } #ackamesjci .gt_from_md > :last-child { margin-bottom: 0; } #ackamesjci .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ackamesjci .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ackamesjci .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ackamesjci .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ackamesjci .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ackamesjci .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ackamesjci .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ackamesjci .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ackamesjci .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ackamesjci .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ackamesjci .gt_sourcenote { font-size: 90%; padding: 4px; } #ackamesjci .gt_left { text-align: left; } #ackamesjci .gt_center { text-align: center; } #ackamesjci .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ackamesjci .gt_font_normal { font-weight: normal; } #ackamesjci .gt_font_bold { font-weight: bold; } #ackamesjci .gt_font_italic { font-style: italic; } #ackamesjci .gt_super { font-size: 65%; } #ackamesjci .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ackamesjci" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #EF342C; color: #FFFFFF;">#EF342CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E85569; color: #000000;">#E85569FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #111013; color: #FFFFFF;">#111013FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CB302C; color: #FFFFFF;">#CB302CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C2C2D; color: #FFFFFF;">#5C2C2DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3E509A; color: #FFFFFF;">#3E509AFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("NineteenEightyR::electronic_night") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #eliqmllipi .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #eliqmllipi .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #eliqmllipi .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #eliqmllipi .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #eliqmllipi .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #eliqmllipi .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #eliqmllipi .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #eliqmllipi .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #eliqmllipi .gt_column_spanner_outer:first-child { padding-left: 0; } #eliqmllipi .gt_column_spanner_outer:last-child { padding-right: 0; } #eliqmllipi .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #eliqmllipi .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #eliqmllipi .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #eliqmllipi .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #eliqmllipi .gt_from_md > :first-child { margin-top: 0; } #eliqmllipi .gt_from_md > :last-child { margin-bottom: 0; } #eliqmllipi .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #eliqmllipi .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #eliqmllipi .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #eliqmllipi .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #eliqmllipi .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #eliqmllipi .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #eliqmllipi .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #eliqmllipi .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #eliqmllipi .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #eliqmllipi .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #eliqmllipi .gt_sourcenote { font-size: 90%; padding: 4px; } #eliqmllipi .gt_left { text-align: left; } #eliqmllipi .gt_center { text-align: center; } #eliqmllipi .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #eliqmllipi .gt_font_normal { font-weight: normal; } #eliqmllipi .gt_font_bold { font-weight: bold; } #eliqmllipi .gt_font_italic { font-style: italic; } #eliqmllipi .gt_super { font-size: 65%; } #eliqmllipi .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="eliqmllipi" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #CB54D6; color: #000000;">#CB54D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3E45C4; color: #FFFFFF;">#3E45C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #21191A; color: #FFFFFF;">#21191AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #362F78; color: #FFFFFF;">#362F78FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #57B4AE; color: #000000;">#57B4AEFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("NineteenEightyR::hotpink") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gjmhmwbotf .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gjmhmwbotf .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gjmhmwbotf .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gjmhmwbotf .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gjmhmwbotf .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gjmhmwbotf .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gjmhmwbotf .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gjmhmwbotf .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gjmhmwbotf .gt_column_spanner_outer:first-child { padding-left: 0; } #gjmhmwbotf .gt_column_spanner_outer:last-child { padding-right: 0; } #gjmhmwbotf .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gjmhmwbotf .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gjmhmwbotf .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gjmhmwbotf .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gjmhmwbotf .gt_from_md > :first-child { margin-top: 0; } #gjmhmwbotf .gt_from_md > :last-child { margin-bottom: 0; } #gjmhmwbotf .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gjmhmwbotf .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gjmhmwbotf .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gjmhmwbotf .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gjmhmwbotf .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gjmhmwbotf .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gjmhmwbotf .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gjmhmwbotf .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gjmhmwbotf .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gjmhmwbotf .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gjmhmwbotf .gt_sourcenote { font-size: 90%; padding: 4px; } #gjmhmwbotf .gt_left { text-align: left; } #gjmhmwbotf .gt_center { text-align: center; } #gjmhmwbotf .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gjmhmwbotf .gt_font_normal { font-weight: normal; } #gjmhmwbotf .gt_font_bold { font-weight: bold; } #gjmhmwbotf .gt_font_italic { font-style: italic; } #gjmhmwbotf .gt_super { font-size: 65%; } #gjmhmwbotf .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gjmhmwbotf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF69B4; color: #000000;">#FF69B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF6EB4; color: #000000;">#FF6EB4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EE6AA7; color: #000000;">#EE6AA7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CD6090; color: #000000;">#CD6090FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8B3A62; color: #FFFFFF;">#8B3A62FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nord::polarnight") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mabhowjrml .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mabhowjrml .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mabhowjrml .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mabhowjrml .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mabhowjrml .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mabhowjrml .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mabhowjrml .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mabhowjrml .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mabhowjrml .gt_column_spanner_outer:first-child { padding-left: 0; } #mabhowjrml .gt_column_spanner_outer:last-child { padding-right: 0; } #mabhowjrml .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mabhowjrml .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mabhowjrml .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mabhowjrml .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mabhowjrml .gt_from_md > :first-child { margin-top: 0; } #mabhowjrml .gt_from_md > :last-child { margin-bottom: 0; } #mabhowjrml .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mabhowjrml .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mabhowjrml .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mabhowjrml .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mabhowjrml .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mabhowjrml .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mabhowjrml .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mabhowjrml .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mabhowjrml .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mabhowjrml .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mabhowjrml .gt_sourcenote { font-size: 90%; padding: 4px; } #mabhowjrml .gt_left { text-align: left; } #mabhowjrml .gt_center { text-align: center; } #mabhowjrml .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mabhowjrml .gt_font_normal { font-weight: normal; } #mabhowjrml .gt_font_bold { font-weight: bold; } #mabhowjrml .gt_font_italic { font-style: italic; } #mabhowjrml .gt_super { font-size: 65%; } #mabhowjrml .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mabhowjrml" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #2E3440; color: #FFFFFF;">#2E3440FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3B4252; color: #FFFFFF;">#3B4252FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #434C5E; color: #FFFFFF;">#434C5EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C566A; color: #FFFFFF;">#4C566AFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nord::snowstorm") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yuqlyakviw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yuqlyakviw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yuqlyakviw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yuqlyakviw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yuqlyakviw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yuqlyakviw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yuqlyakviw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yuqlyakviw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yuqlyakviw .gt_column_spanner_outer:first-child { padding-left: 0; } #yuqlyakviw .gt_column_spanner_outer:last-child { padding-right: 0; } #yuqlyakviw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yuqlyakviw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yuqlyakviw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yuqlyakviw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yuqlyakviw .gt_from_md > :first-child { margin-top: 0; } #yuqlyakviw .gt_from_md > :last-child { margin-bottom: 0; } #yuqlyakviw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yuqlyakviw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yuqlyakviw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yuqlyakviw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yuqlyakviw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yuqlyakviw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yuqlyakviw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yuqlyakviw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yuqlyakviw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yuqlyakviw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yuqlyakviw .gt_sourcenote { font-size: 90%; padding: 4px; } #yuqlyakviw .gt_left { text-align: left; } #yuqlyakviw .gt_center { text-align: center; } #yuqlyakviw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yuqlyakviw .gt_font_normal { font-weight: normal; } #yuqlyakviw .gt_font_bold { font-weight: bold; } #yuqlyakviw .gt_font_italic { font-style: italic; } #yuqlyakviw .gt_super { font-size: 65%; } #yuqlyakviw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yuqlyakviw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #D8DEE9; color: #000000;">#D8DEE9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5E9F0; color: #000000;">#E5E9F0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECEFF4; color: #000000;">#ECEFF4FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("nord::frost") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rxufkxltwu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rxufkxltwu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rxufkxltwu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rxufkxltwu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rxufkxltwu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rxufkxltwu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rxufkxltwu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rxufkxltwu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rxufkxltwu .gt_column_spanner_outer:first-child { padding-left: 0; } #rxufkxltwu .gt_column_spanner_outer:last-child { padding-right: 0; } #rxufkxltwu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rxufkxltwu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rxufkxltwu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rxufkxltwu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rxufkxltwu .gt_from_md > :first-child { margin-top: 0; } #rxufkxltwu .gt_from_md > :last-child { margin-bottom: 0; } #rxufkxltwu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rxufkxltwu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rxufkxltwu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rxufkxltwu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rxufkxltwu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rxufkxltwu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rxufkxltwu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rxufkxltwu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rxufkxltwu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rxufkxltwu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rxufkxltwu .gt_sourcenote { font-size: 90%; padding: 4px; } #rxufkxltwu .gt_left { text-align: left; } #rxufkxltwu .gt_center { text-align: center; } #rxufkxltwu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rxufkxltwu .gt_font_normal { font-weight: normal; } #rxufkxltwu .gt_font_bold { font-weight: bold; } #rxufkxltwu .gt_font_italic { font-style: italic; } #rxufkxltwu .gt_super { font-size: 65%; } #rxufkxltwu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rxufkxltwu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #8FBCBB; color: #000000;">#8FBCBBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #88C0D0; color: #000000;">#88C0D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #81A1C1; color: #000000;">#81A1C1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5E81AC; color: #000000;">#5E81ACFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ochRe::namatjira_qual") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #pitizyvkpg .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #pitizyvkpg .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pitizyvkpg .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #pitizyvkpg .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #pitizyvkpg .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pitizyvkpg .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pitizyvkpg .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #pitizyvkpg .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #pitizyvkpg .gt_column_spanner_outer:first-child { padding-left: 0; } #pitizyvkpg .gt_column_spanner_outer:last-child { padding-right: 0; } #pitizyvkpg .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #pitizyvkpg .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #pitizyvkpg .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #pitizyvkpg .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #pitizyvkpg .gt_from_md > :first-child { margin-top: 0; } #pitizyvkpg .gt_from_md > :last-child { margin-bottom: 0; } #pitizyvkpg .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #pitizyvkpg .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #pitizyvkpg .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pitizyvkpg .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #pitizyvkpg .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pitizyvkpg .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #pitizyvkpg .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pitizyvkpg .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pitizyvkpg .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #pitizyvkpg .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pitizyvkpg .gt_sourcenote { font-size: 90%; padding: 4px; } #pitizyvkpg .gt_left { text-align: left; } #pitizyvkpg .gt_center { text-align: center; } #pitizyvkpg .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #pitizyvkpg .gt_font_normal { font-weight: normal; } #pitizyvkpg .gt_font_bold { font-weight: bold; } #pitizyvkpg .gt_font_italic { font-style: italic; } #pitizyvkpg .gt_super { font-size: 65%; } #pitizyvkpg .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="pitizyvkpg" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #D8F0F0; color: #000000;">#D8F0F0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #786060; color: #FFFFFF;">#786060FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8C0A8; color: #000000;">#D8C0A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A86030; color: #FFFFFF;">#A86030FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A890A8; color: #000000;">#A890A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #486090; color: #FFFFFF;">#486090FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A89078; color: #000000;">#A89078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0A860; color: #000000;">#F0A860FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ochRe::namatjira_div") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gfcwusyhtt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gfcwusyhtt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gfcwusyhtt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gfcwusyhtt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gfcwusyhtt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gfcwusyhtt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gfcwusyhtt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gfcwusyhtt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gfcwusyhtt .gt_column_spanner_outer:first-child { padding-left: 0; } #gfcwusyhtt .gt_column_spanner_outer:last-child { padding-right: 0; } #gfcwusyhtt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gfcwusyhtt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gfcwusyhtt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gfcwusyhtt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gfcwusyhtt .gt_from_md > :first-child { margin-top: 0; } #gfcwusyhtt .gt_from_md > :last-child { margin-bottom: 0; } #gfcwusyhtt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gfcwusyhtt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gfcwusyhtt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gfcwusyhtt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gfcwusyhtt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gfcwusyhtt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gfcwusyhtt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gfcwusyhtt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gfcwusyhtt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gfcwusyhtt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gfcwusyhtt .gt_sourcenote { font-size: 90%; padding: 4px; } #gfcwusyhtt .gt_left { text-align: left; } #gfcwusyhtt .gt_center { text-align: center; } #gfcwusyhtt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gfcwusyhtt .gt_font_normal { font-weight: normal; } #gfcwusyhtt .gt_font_bold { font-weight: bold; } #gfcwusyhtt .gt_font_italic { font-style: italic; } #gfcwusyhtt .gt_super { font-size: 65%; } #gfcwusyhtt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gfcwusyhtt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #786060; color: #FFFFFF;">#786060FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #486090; color: #FFFFFF;">#486090FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A890A8; color: #000000;">#A890A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8F0F0; color: #000000;">#D8F0F0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0A860; color: #000000;">#F0A860FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8C0A8; color: #000000;">#D8C0A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A89078; color: #000000;">#A89078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A86030; color: #FFFFFF;">#A86030FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("ochRe::mccrea") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #pazfbtcbdt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #pazfbtcbdt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pazfbtcbdt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #pazfbtcbdt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #pazfbtcbdt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pazfbtcbdt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pazfbtcbdt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #pazfbtcbdt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #pazfbtcbdt .gt_column_spanner_outer:first-child { padding-left: 0; } #pazfbtcbdt .gt_column_spanner_outer:last-child { padding-right: 0; } #pazfbtcbdt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #pazfbtcbdt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #pazfbtcbdt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #pazfbtcbdt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #pazfbtcbdt .gt_from_md > :first-child { margin-top: 0; } #pazfbtcbdt .gt_from_md > :last-child { margin-bottom: 0; } #pazfbtcbdt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #pazfbtcbdt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #pazfbtcbdt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pazfbtcbdt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #pazfbtcbdt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pazfbtcbdt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #pazfbtcbdt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pazfbtcbdt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pazfbtcbdt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #pazfbtcbdt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pazfbtcbdt .gt_sourcenote { font-size: 90%; padding: 4px; } #pazfbtcbdt .gt_left { text-align: left; } #pazfbtcbdt .gt_center { text-align: center; } #pazfbtcbdt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #pazfbtcbdt .gt_font_normal { font-weight: normal; } #pazfbtcbdt .gt_font_bold { font-weight: bold; } #pazfbtcbdt .gt_font_italic { font-style: italic; } #pazfbtcbdt .gt_super { font-size: 65%; } #pazfbtcbdt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="pazfbtcbdt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #A8C0A8; color: #000000;">#A8C0A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0C0A8; color: #000000;">#C0C0A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A8A890; color: #000000;">#A8A890FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #909078; color: #000000;">#909078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A8A8A8; color: #000000;">#A8A8A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0C0C0; color: #000000;">#C0C0C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8C0A8; color: #000000;">#D8C0A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C09048; color: #000000;">#C09048FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C07848; color: #000000;">#C07848FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89060; color: #000000;">#D89060FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C07848; color: #000000;">#C07848FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettesForR::Android") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xhbtikgoyn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xhbtikgoyn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xhbtikgoyn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xhbtikgoyn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xhbtikgoyn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xhbtikgoyn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xhbtikgoyn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xhbtikgoyn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xhbtikgoyn .gt_column_spanner_outer:first-child { padding-left: 0; } #xhbtikgoyn .gt_column_spanner_outer:last-child { padding-right: 0; } #xhbtikgoyn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xhbtikgoyn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xhbtikgoyn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xhbtikgoyn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xhbtikgoyn .gt_from_md > :first-child { margin-top: 0; } #xhbtikgoyn .gt_from_md > :last-child { margin-bottom: 0; } #xhbtikgoyn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xhbtikgoyn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xhbtikgoyn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xhbtikgoyn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xhbtikgoyn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xhbtikgoyn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xhbtikgoyn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xhbtikgoyn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xhbtikgoyn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xhbtikgoyn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xhbtikgoyn .gt_sourcenote { font-size: 90%; padding: 4px; } #xhbtikgoyn .gt_left { text-align: left; } #xhbtikgoyn .gt_center { text-align: center; } #xhbtikgoyn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xhbtikgoyn .gt_font_normal { font-weight: normal; } #xhbtikgoyn .gt_font_bold { font-weight: bold; } #xhbtikgoyn .gt_font_italic { font-style: italic; } #xhbtikgoyn .gt_super { font-size: 65%; } #xhbtikgoyn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xhbtikgoyn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BFBFBF; color: #000000;">#BFBFBFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #808080; color: #000000;">#808080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #404040; color: #FFFFFF;">#404040FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6699FF; color: #000000;">#6699FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3366CC; color: #FFFFFF;">#3366CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #003399; color: #FFFFFF;">#003399FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99CC33; color: #000000;">#99CC33FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00CC00; color: #FFFFFF;">#00CC00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #669900; color: #FFFFFF;">#669900FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFCC00; color: #000000;">#FFCC00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9900; color: #000000;">#FF9900FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF6600; color: #000000;">#FF6600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC0000; color: #FFFFFF;">#CC0000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettesForR::Bears") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #txkebihqae .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #txkebihqae .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #txkebihqae .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #txkebihqae .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #txkebihqae .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #txkebihqae .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #txkebihqae .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #txkebihqae .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #txkebihqae .gt_column_spanner_outer:first-child { padding-left: 0; } #txkebihqae .gt_column_spanner_outer:last-child { padding-right: 0; } #txkebihqae .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #txkebihqae .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #txkebihqae .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #txkebihqae .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #txkebihqae .gt_from_md > :first-child { margin-top: 0; } #txkebihqae .gt_from_md > :last-child { margin-bottom: 0; } #txkebihqae .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #txkebihqae .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #txkebihqae .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #txkebihqae .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #txkebihqae .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #txkebihqae .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #txkebihqae .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #txkebihqae .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #txkebihqae .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #txkebihqae .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #txkebihqae .gt_sourcenote { font-size: 90%; padding: 4px; } #txkebihqae .gt_left { text-align: left; } #txkebihqae .gt_center { text-align: center; } #txkebihqae .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #txkebihqae .gt_font_normal { font-weight: normal; } #txkebihqae .gt_font_bold { font-weight: bold; } #txkebihqae .gt_font_italic { font-style: italic; } #txkebihqae .gt_super { font-size: 65%; } #txkebihqae .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="txkebihqae" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #080808; color: #FFFFFF;">#080808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #442C2C; color: #FFFFFF;">#442C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #50080C; color: #FFFFFF;">#50080CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #483838; color: #FFFFFF;">#483838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #685444; color: #FFFFFF;">#685444FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #746050; color: #FFFFFF;">#746050FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54382C; color: #FFFFFF;">#54382CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C6858; color: #FFFFFF;">#8C6858FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC745C; color: #000000;">#AC745CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #442C38; color: #FFFFFF;">#442C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #584844; color: #FFFFFF;">#584844FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #70544C; color: #FFFFFF;">#70544CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #08081C; color: #FFFFFF;">#08081CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #686054; color: #FFFFFF;">#686054FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #807460; color: #FFFFFF;">#807460FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A48868; color: #000000;">#A48868FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #787474; color: #FFFFFF;">#787474FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #88806C; color: #000000;">#88806CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCA070; color: #000000;">#CCA070FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCB87C; color: #000000;">#DCB87CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #68646C; color: #FFFFFF;">#68646CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #78748C; color: #FFFFFF;">#78748CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #807C8C; color: #000000;">#807C8CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #808498; color: #000000;">#808498FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8490A4; color: #000000;">#8490A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCAC7C; color: #000000;">#CCAC7CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9098A8; color: #000000;">#9098A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0C488; color: #000000;">#E0C488FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8898AC; color: #000000;">#8898ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #909CB0; color: #000000;">#909CB0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCB898; color: #000000;">#CCB898FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #94A4B8; color: #000000;">#94A4B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4D4A4; color: #000000;">#E4D4A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #600808; color: #FFFFFF;">#600808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #747080; color: #FFFFFF;">#747080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #907460; color: #FFFFFF;">#907460FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #84847C; color: #000000;">#84847CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0DCC0; color: #000000;">#E0DCC0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #806854; color: #FFFFFF;">#806854FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #382828; color: #FFFFFF;">#382828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #543838; color: #FFFFFF;">#543838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4D094; color: #000000;">#E4D094FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4906C; color: #000000;">#C4906CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A07C64; color: #000000;">#A07C64FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #60504C; color: #FFFFFF;">#60504CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #381818; color: #FFFFFF;">#381818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #946050; color: #FFFFFF;">#946050FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C3810; color: #FFFFFF;">#8C3810FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3C080C; color: #FFFFFF;">#3C080CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0D8B0; color: #000000;">#E0D8B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A0A8B8; color: #000000;">#A0A8B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3C3434; color: #FFFFFF;">#3C3434FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9898A0; color: #000000;">#9898A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D0B888; color: #000000;">#D0B888FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B89870; color: #000000;">#B89870FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8AC74; color: #000000;">#D8AC74FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCC898; color: #000000;">#DCC898FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #580820; color: #FFFFFF;">#580820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C3844; color: #FFFFFF;">#5C3844FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #440C2C; color: #FFFFFF;">#440C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #180808; color: #FFFFFF;">#180808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80544C; color: #FFFFFF;">#80544CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C07814; color: #000000;">#C07814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #180C1C; color: #FFFFFF;">#180C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #381828; color: #FFFFFF;">#381828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECE8C0; color: #000000;">#ECE8C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #949480; color: #000000;">#949480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #948870; color: #000000;">#948870FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #706C60; color: #FFFFFF;">#706C60FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C282C; color: #FFFFFF;">#8C282CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #500C30; color: #FFFFFF;">#500C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #886448; color: #FFFFFF;">#886448FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #502C30; color: #FFFFFF;">#502C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #706874; color: #FFFFFF;">#706874FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #480C24; color: #FFFFFF;">#480C24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C2420; color: #FFFFFF;">#7C2420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C1428; color: #FFFFFF;">#2C1428FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #684844; color: #FFFFFF;">#684844FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #382818; color: #FFFFFF;">#382818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #845C50; color: #FFFFFF;">#845C50FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C8494; color: #000000;">#8C8494FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #684438; color: #FFFFFF;">#684438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B84008; color: #FFFFFF;">#B84008FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C0808; color: #FFFFFF;">#2C0808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #442C1C; color: #FFFFFF;">#442C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #70080C; color: #FFFFFF;">#70080CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C1828; color: #FFFFFF;">#1C1828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C282C; color: #FFFFFF;">#5C282CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #280818; color: #FFFFFF;">#280818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #704444; color: #FFFFFF;">#704444FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #380824; color: #FFFFFF;">#380824FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #805438; color: #FFFFFF;">#805438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #906848; color: #FFFFFF;">#906848FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #64200C; color: #FFFFFF;">#64200CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B01C08; color: #FFFFFF;">#B01C08FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #44242C; color: #FFFFFF;">#44242CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #986C50; color: #FFFFFF;">#986C50FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #786040; color: #FFFFFF;">#786040FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #740824; color: #FFFFFF;">#740824FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #582C38; color: #FFFFFF;">#582C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCD0B8; color: #000000;">#DCD0B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C4438; color: #FFFFFF;">#5C4438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4E4CC; color: #000000;">#E4E4CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C382C; color: #FFFFFF;">#7C382CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B48868; color: #000000;">#B48868FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC8810; color: #000000;">#CC8810FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #986048; color: #FFFFFF;">#986048FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #502808; color: #FFFFFF;">#502808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #580C3C; color: #FFFFFF;">#580C3CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #503C44; color: #FFFFFF;">#503C44FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ACACAC; color: #000000;">#ACACACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A47454; color: #000000;">#A47454FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C8C9C; color: #000000;">#8C8C9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C5844; color: #FFFFFF;">#7C5844FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C705C; color: #FFFFFF;">#9C705CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C7884; color: #FFFFFF;">#7C7884FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C2C38; color: #FFFFFF;">#4C2C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C2408; color: #FFFFFF;">#7C2408FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #78482C; color: #FFFFFF;">#78482CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #483840; color: #FFFFFF;">#483840FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0F4D4; color: #000000;">#F0F4D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC805C; color: #000000;">#AC805CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8CCA8; color: #000000;">#D8CCA8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B05C0C; color: #FFFFFF;">#B05C0CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C3838; color: #FFFFFF;">#5C3838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C1818; color: #FFFFFF;">#2C1818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #884C40; color: #FFFFFF;">#884C40FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #744438; color: #FFFFFF;">#744438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C2828; color: #FFFFFF;">#2C2828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8F0EC; color: #000000;">#E8F0ECFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #603C30; color: #FFFFFF;">#603C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A87448; color: #000000;">#A87448FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C3C14; color: #FFFFFF;">#7C3C14FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #642838; color: #FFFFFF;">#642838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #704C3C; color: #FFFFFF;">#704C3CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #180828; color: #FFFFFF;">#180828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #48382C; color: #FFFFFF;">#48382CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0A884; color: #000000;">#C0A884FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98A0AC; color: #000000;">#98A0ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8E0B0; color: #000000;">#E8E0B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8FCEC; color: #000000;">#F8FCECFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C3808; color: #FFFFFF;">#9C3808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A06454; color: #FFFFFF;">#A06454FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C7454; color: #FFFFFF;">#8C7454FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #080830; color: #FFFFFF;">#080830FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #88442C; color: #FFFFFF;">#88442CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #680C30; color: #FFFFFF;">#680C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #784C44; color: #FFFFFF;">#784C44FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4E4DC; color: #000000;">#E4E4DCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B0AC9C; color: #000000;">#B0AC9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C60; color: #000000;">#BC8C60FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC5028; color: #FFFFFF;">#AC5028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C1C28; color: #FFFFFF;">#2C1C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C243C; color: #FFFFFF;">#7C243CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C1C4C; color: #FFFFFF;">#8C1C4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #584850; color: #FFFFFF;">#584850FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C0828; color: #FFFFFF;">#2C0828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B8683C; color: #FFFFFF;">#B8683CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #845840; color: #FFFFFF;">#845840FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A06848; color: #FFFFFF;">#A06848FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C4C40; color: #FFFFFF;">#7C4C40FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C0C30; color: #FFFFFF;">#5C0C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B8B4B4; color: #000000;">#B8B4B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #684830; color: #FFFFFF;">#684830FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C281C; color: #FFFFFF;">#2C281CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #382C38; color: #FFFFFF;">#382C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #240C30; color: #FFFFFF;">#240C30FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #602C24; color: #FFFFFF;">#602C24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0C0C0; color: #000000;">#C0C0C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A4B0C0; color: #000000;">#A4B0C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8060; color: #000000;">#BC8060FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A05448; color: #FFFFFF;">#A05448FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6C3834; color: #FFFFFF;">#6C3834FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC9C80; color: #000000;">#AC9C80FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #944818; color: #FFFFFF;">#944818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A4A0A4; color: #000000;">#A4A0A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #502438; color: #FFFFFF;">#502438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C5408; color: #FFFFFF;">#9C5408FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98805C; color: #000000;">#98805CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #901030; color: #FFFFFF;">#901030FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #980808; color: #FFFFFF;">#980808FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C341C; color: #FFFFFF;">#4C341CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #94280C; color: #FFFFFF;">#94280CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCDCD0; color: #000000;">#DCDCD0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #68383C; color: #FFFFFF;">#68383CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #804040; color: #FFFFFF;">#804040FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #441C38; color: #FFFFFF;">#441C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D0C0A0; color: #000000;">#D0C0A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #88888C; color: #000000;">#88888CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C2438; color: #FFFFFF;">#2C2438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C2810; color: #FFFFFF;">#2C2810FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #945038; color: #FFFFFF;">#945038FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #78480C; color: #FFFFFF;">#78480CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #504438; color: #FFFFFF;">#504438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #945C2C; color: #FFFFFF;">#945C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BCB8A0; color: #000000;">#BCB8A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9CA08C; color: #000000;">#9CA08CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #701428; color: #FFFFFF;">#701428FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #90584C; color: #FFFFFF;">#90584CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0B490; color: #000000;">#C0B490FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B4C8BC; color: #000000;">#B4C8BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #38383C; color: #FFFFFF;">#38383CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #484448; color: #FFFFFF;">#484448FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #683C20; color: #FFFFFF;">#683C20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #944044; color: #FFFFFF;">#944044FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC7024; color: #FFFFFF;">#AC7024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D4CCC0; color: #000000;">#D4CCC0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #90603C; color: #FFFFFF;">#90603CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #70242C; color: #FFFFFF;">#70242CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #382438; color: #FFFFFF;">#382438FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #743840; color: #FFFFFF;">#743840FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #949094; color: #000000;">#949094FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ACA090; color: #000000;">#ACA090FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0C3C48; color: #FFFFFF;">#0C3C48FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #604008; color: #FFFFFF;">#604008FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #804848; color: #FFFFFF;">#804848FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #242828; color: #FFFFFF;">#242828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #74300C; color: #FFFFFF;">#74300CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #702838; color: #FFFFFF;">#702838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A8603C; color: #FFFFFF;">#A8603CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4C0AC; color: #000000;">#C4C0ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B8A880; color: #000000;">#B8A880FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #605C64; color: #FFFFFF;">#605C64FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCD4BC; color: #000000;">#CCD4BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C1828; color: #FFFFFF;">#5C1828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #846410; color: #FFFFFF;">#846410FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCD8CC; color: #000000;">#CCD8CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC7C44; color: #000000;">#BC7C44FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9C3C2C; color: #FFFFFF;">#9C3C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C1C18; color: #FFFFFF;">#4C1C18FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C5854; color: #FFFFFF;">#5C5854FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC9864; color: #000000;">#CC9864FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #883440; color: #FFFFFF;">#883440FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #545048; color: #FFFFFF;">#545048FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5C4C20; color: #FFFFFF;">#5C4C20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C2410; color: #FFFFFF;">#1C2410FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C5444; color: #FFFFFF;">#8C5444FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #380C38; color: #FFFFFF;">#380C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #845410; color: #FFFFFF;">#845410FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54281C; color: #FFFFFF;">#54281CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C4850; color: #FFFFFF;">#2C4850FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C48858; color: #000000;">#C48858FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC6050; color: #FFFFFF;">#AC6050FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #840C0C; color: #FFFFFF;">#840C0CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #780C38; color: #FFFFFF;">#780C38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B47454; color: #000000;">#B47454FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCC4B0; color: #000000;">#CCC4B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A49474; color: #000000;">#A49474FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #88504C; color: #FFFFFF;">#88504CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #08202C; color: #FFFFFF;">#08202CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC0814; color: #FFFFFF;">#CC0814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #280000; color: #FFFFFF;">#280000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00385C; color: #FFFFFF;">#00385CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000004; color: #FFFFFF;">#000004FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettesForR::Bgold") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #fhvzjkdcmr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #fhvzjkdcmr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fhvzjkdcmr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #fhvzjkdcmr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #fhvzjkdcmr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fhvzjkdcmr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fhvzjkdcmr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #fhvzjkdcmr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #fhvzjkdcmr .gt_column_spanner_outer:first-child { padding-left: 0; } #fhvzjkdcmr .gt_column_spanner_outer:last-child { padding-right: 0; } #fhvzjkdcmr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #fhvzjkdcmr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #fhvzjkdcmr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #fhvzjkdcmr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #fhvzjkdcmr .gt_from_md > :first-child { margin-top: 0; } #fhvzjkdcmr .gt_from_md > :last-child { margin-bottom: 0; } #fhvzjkdcmr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #fhvzjkdcmr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #fhvzjkdcmr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fhvzjkdcmr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #fhvzjkdcmr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fhvzjkdcmr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #fhvzjkdcmr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fhvzjkdcmr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fhvzjkdcmr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #fhvzjkdcmr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fhvzjkdcmr .gt_sourcenote { font-size: 90%; padding: 4px; } #fhvzjkdcmr .gt_left { text-align: left; } #fhvzjkdcmr .gt_center { text-align: center; } #fhvzjkdcmr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #fhvzjkdcmr .gt_font_normal { font-weight: normal; } #fhvzjkdcmr .gt_font_bold { font-weight: bold; } #fhvzjkdcmr .gt_font_italic { font-style: italic; } #fhvzjkdcmr .gt_super { font-size: 65%; } #fhvzjkdcmr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="fhvzjkdcmr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD414FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD414FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD814; color: #000000;">#ECD018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD414; color: #000000;">#E8CC18FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD414; color: #000000;">#E8CC18FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD414; color: #000000;">#E8CC18FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD414; color: #000000;">#E8C818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD414; color: #000000;">#E8C818FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD018; color: #000000;">#E8C418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD018; color: #000000;">#E8C418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECD018; color: #000000;">#E4C018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4C01CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4BC1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4BC1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4B81CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4B81CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8CC18; color: #000000;">#E4B81CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C818; color: #000000;">#E0B41CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C818; color: #000000;">#E0B41CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C818; color: #000000;">#E0B01CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C818; color: #000000;">#E0B01CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C418; color: #000000;">#E0AC20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C418; color: #000000;">#E0AC20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C418; color: #000000;">#E0A820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C418; color: #000000;">#E0A820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C018; color: #000000;">#DCA420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C018; color: #000000;">#DCA420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C018; color: #000000;">#DCA420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C01C; color: #000000;">#DCA020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C01C; color: #000000;">#DCA020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4BC1C; color: #000000;">#DC9C20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4BC1C; color: #000000;">#DC9C24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89824FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89824FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4B81C; color: #000000;">#D89024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B41C; color: #000000;">#D48C24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B41C; color: #000000;">#D48C24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B41C; color: #000000;">#D48828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B41C; color: #000000;">#D48828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B01C; color: #000000;">#D48428FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B01C; color: #000000;">#D48428FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0B01C; color: #000000;">#D48028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0AC20; color: #000000;">#D08028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0AC20; color: #000000;">#D07C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0AC20; color: #000000;">#D07C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0AC20; color: #000000;">#D07C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0A820; color: #000000;">#D07828FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0A820; color: #000000;">#D0782CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA420; color: #000000;">#D0742CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA420; color: #000000;">#CC742CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA420; color: #000000;">#CC702CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA420; color: #000000;">#CC702CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA020; color: #000000;">#CC6C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA020; color: #000000;">#CC6C2CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA020; color: #000000;">#CC682CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA020; color: #000000;">#CC682CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DCA020; color: #000000;">#CC682CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C20; color: #000000;">#C86C28FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C24; color: #000000;">#C87028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC9C24; color: #000000;">#C87028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87024FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89824; color: #000000;">#C87424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47420FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89424; color: #000000;">#C47820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C47C1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C4801CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C4801CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C4801CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D89024; color: #000000;">#C4801CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48C24; color: #000000;">#C08418FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08414FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48828; color: #000000;">#C08814FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#C08C14FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#C08C14FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#BC8C10FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#BC8C10FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#BC8C10FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#BC8C10FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48428; color: #000000;">#BC8C10FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48028; color: #000000;">#BC9010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48028; color: #000000;">#BC9010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48028; color: #000000;">#BC9010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48028; color: #000000;">#BC9010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D48028; color: #000000;">#BC9010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D08028; color: #000000;">#BC900CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D08028; color: #000000;">#BC900CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#BC940CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#94883CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07C28; color: #000000;">#707C6CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07828; color: #000000;">#748070FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D07828; color: #000000;">#748070FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D0782C; color: #000000;">#748074FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D0742C; color: #000000;">#788074FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC742C; color: #000000;">#788078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC742C; color: #000000;">#788078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC702C; color: #000000;">#78807CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC702C; color: #000000;">#7C847CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC6C2C; color: #000000;">#7C8480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC6C2C; color: #000000;">#7C8480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC6C2C; color: #000000;">#7C8484FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC682C; color: #000000;">#808484FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC682C; color: #000000;">#808488FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC682C; color: #000000;">#808488FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC682C; color: #000000;">#84888CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC682C; color: #000000;">#84888CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#848890FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#848890FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#888894FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#888894FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#888898FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#888898FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#8C8C9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#8C8C9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#8C8CA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#908CA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#908CA4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C86C28; color: #000000;">#908CA4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87028; color: #000000;">#908CA8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87028; color: #000000;">#9490A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9490ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9490ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9490B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9890B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9890B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9890B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9C94B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87024; color: #000000;">#9C94B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#9C94BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#9C94BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A094C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A094C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A094C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A094C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A498C8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A498C8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C87424; color: #000000;">#A498CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47420; color: #000000;">#A898CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47420; color: #000000;">#A898D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47420; color: #000000;">#A898D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#A898D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#AC9CD4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#AC9CD8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#AC9CD8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#AC9CDCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#B09CDCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#B09CE0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#B09CE0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#B09CE0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47820; color: #000000;">#A898DCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C20; color: #000000;">#A494D8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#9C94D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#9890D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#9490D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#8C8CCCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#888CCCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C47C1C; color: #000000;">#8488C8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4801C; color: #000000;">#7C88C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4801C; color: #000000;">#7884C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4801C; color: #000000;">#7484C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4801C; color: #000000;">#6C80BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08018; color: #000000;">#6880BCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08018; color: #000000;">#647CB8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08018; color: #000000;">#5C7CB4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#5878B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#5078B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#4C74ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#4874ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#4070A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08418; color: #000000;">#3C70A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08414; color: #000000;">#386CA4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#306CA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#2C689CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#28689CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#206498FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#1C6494FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#186094FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08814; color: #000000;">#106090FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08C14; color: #000000;">#0C5C8CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C08C14; color: #000000;">#085C8CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C10; color: #000000;">#0C5888FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C10; color: #000000;">#105888FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C10; color: #000000;">#145888FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C10; color: #000000;">#145884FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC8C10; color: #000000;">#185484FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC9010; color: #000000;">#1C5484FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC9010; color: #000000;">#1C5480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC9010; color: #000000;">#205480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC9010; color: #000000;">#245480FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC9010; color: #000000;">#245080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC900C; color: #000000;">#28507CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC900C; color: #000000;">#2C507CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC900C; color: #000000;">#2C507CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#304C78FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#344C78FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#344C78FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#384C74FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#3C4C74FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#3C4874FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#404874FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC940C; color: #000000;">#444870FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettetown::bulbasaur") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #codnqpvikh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #codnqpvikh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #codnqpvikh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #codnqpvikh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #codnqpvikh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #codnqpvikh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #codnqpvikh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #codnqpvikh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #codnqpvikh .gt_column_spanner_outer:first-child { padding-left: 0; } #codnqpvikh .gt_column_spanner_outer:last-child { padding-right: 0; } #codnqpvikh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #codnqpvikh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #codnqpvikh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #codnqpvikh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #codnqpvikh .gt_from_md > :first-child { margin-top: 0; } #codnqpvikh .gt_from_md > :last-child { margin-bottom: 0; } #codnqpvikh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #codnqpvikh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #codnqpvikh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #codnqpvikh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #codnqpvikh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #codnqpvikh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #codnqpvikh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #codnqpvikh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #codnqpvikh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #codnqpvikh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #codnqpvikh .gt_sourcenote { font-size: 90%; padding: 4px; } #codnqpvikh .gt_left { text-align: left; } #codnqpvikh .gt_center { text-align: center; } #codnqpvikh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #codnqpvikh .gt_font_normal { font-weight: normal; } #codnqpvikh .gt_font_bold { font-weight: bold; } #codnqpvikh .gt_font_italic { font-style: italic; } #codnqpvikh .gt_super { font-size: 65%; } #codnqpvikh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="codnqpvikh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #389078; color: #FFFFFF;">#389078FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #60D0A0; color: #000000;">#60D0A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #184848; color: #FFFFFF;">#184848FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98D048; color: #000000;">#98D048FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #70A830; color: #000000;">#70A830FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80E8C0; color: #000000;">#80E8C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #506028; color: #FFFFFF;">#506028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B8F870; color: #000000;">#B8F870FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B82820; color: #FFFFFF;">#B82820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8F8F8; color: #000000;">#F8F8F8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F86860; color: #000000;">#F86860FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D84840; color: #FFFFFF;">#D84840FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8C8C8; color: #000000;">#C8C8C8FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettetown::ivysaur") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xoxpljarvy .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xoxpljarvy .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xoxpljarvy .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xoxpljarvy .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xoxpljarvy .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xoxpljarvy .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xoxpljarvy .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xoxpljarvy .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xoxpljarvy .gt_column_spanner_outer:first-child { padding-left: 0; } #xoxpljarvy .gt_column_spanner_outer:last-child { padding-right: 0; } #xoxpljarvy .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xoxpljarvy .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xoxpljarvy .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xoxpljarvy .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xoxpljarvy .gt_from_md > :first-child { margin-top: 0; } #xoxpljarvy .gt_from_md > :last-child { margin-bottom: 0; } #xoxpljarvy .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xoxpljarvy .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xoxpljarvy .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xoxpljarvy .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xoxpljarvy .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xoxpljarvy .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xoxpljarvy .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xoxpljarvy .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xoxpljarvy .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xoxpljarvy .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xoxpljarvy .gt_sourcenote { font-size: 90%; padding: 4px; } #xoxpljarvy .gt_left { text-align: left; } #xoxpljarvy .gt_center { text-align: center; } #xoxpljarvy .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xoxpljarvy .gt_font_normal { font-weight: normal; } #xoxpljarvy .gt_font_bold { font-weight: bold; } #xoxpljarvy .gt_font_italic { font-style: italic; } #xoxpljarvy .gt_super { font-size: 65%; } #xoxpljarvy .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xoxpljarvy" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #209058; color: #FFFFFF;">#209058FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #105020; color: #FFFFFF;">#105020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #58C890; color: #000000;">#58C890FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #68B020; color: #000000;">#68B020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #488820; color: #FFFFFF;">#488820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80E8C0; color: #000000;">#80E8C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D04058; color: #FFFFFF;">#D04058FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80E058; color: #000000;">#80E058FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F87878; color: #000000;">#F87878FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #783028; color: #FFFFFF;">#783028FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #885838; color: #FFFFFF;">#885838FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8F8F8; color: #000000;">#F8F8F8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8B8B0; color: #000000;">#F8B8B0FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("palettetown::venusaur") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #wqovjvrebp .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #wqovjvrebp .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wqovjvrebp .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #wqovjvrebp .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #wqovjvrebp .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wqovjvrebp .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #wqovjvrebp .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #wqovjvrebp .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #wqovjvrebp .gt_column_spanner_outer:first-child { padding-left: 0; } #wqovjvrebp .gt_column_spanner_outer:last-child { padding-right: 0; } #wqovjvrebp .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #wqovjvrebp .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #wqovjvrebp .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #wqovjvrebp .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #wqovjvrebp .gt_from_md > :first-child { margin-top: 0; } #wqovjvrebp .gt_from_md > :last-child { margin-bottom: 0; } #wqovjvrebp .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #wqovjvrebp .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #wqovjvrebp .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wqovjvrebp .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #wqovjvrebp .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #wqovjvrebp .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #wqovjvrebp .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #wqovjvrebp .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wqovjvrebp .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #wqovjvrebp .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #wqovjvrebp .gt_sourcenote { font-size: 90%; padding: 4px; } #wqovjvrebp .gt_left { text-align: left; } #wqovjvrebp .gt_center { text-align: center; } #wqovjvrebp .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #wqovjvrebp .gt_font_normal { font-weight: normal; } #wqovjvrebp .gt_font_bold { font-weight: bold; } #wqovjvrebp .gt_font_italic { font-style: italic; } #wqovjvrebp .gt_super { font-size: 65%; } #wqovjvrebp .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="wqovjvrebp" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #209058; color: #FFFFFF;">#209058FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #58C890; color: #000000;">#58C890FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #105020; color: #FFFFFF;">#105020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D84040; color: #FFFFFF;">#D84040FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #40A018; color: #FFFFFF;">#40A018FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80E8C0; color: #000000;">#80E8C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F88070; color: #000000;">#F88070FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #803000; color: #FFFFFF;">#803000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #68C840; color: #000000;">#68C840FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98F088; color: #000000;">#98F088FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8C830; color: #000000;">#D8C830FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8F8F8; color: #000000;">#F8F8F8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8E850; color: #000000;">#F8E850FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B86830; color: #FFFFFF;">#B86830FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("pals::alphabet") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #omwoyncoxg .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #omwoyncoxg .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #omwoyncoxg .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #omwoyncoxg .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #omwoyncoxg .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #omwoyncoxg .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #omwoyncoxg .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #omwoyncoxg .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #omwoyncoxg .gt_column_spanner_outer:first-child { padding-left: 0; } #omwoyncoxg .gt_column_spanner_outer:last-child { padding-right: 0; } #omwoyncoxg .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #omwoyncoxg .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #omwoyncoxg .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #omwoyncoxg .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #omwoyncoxg .gt_from_md > :first-child { margin-top: 0; } #omwoyncoxg .gt_from_md > :last-child { margin-bottom: 0; } #omwoyncoxg .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #omwoyncoxg .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #omwoyncoxg .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #omwoyncoxg .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #omwoyncoxg .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #omwoyncoxg .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #omwoyncoxg .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #omwoyncoxg .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #omwoyncoxg .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #omwoyncoxg .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #omwoyncoxg .gt_sourcenote { font-size: 90%; padding: 4px; } #omwoyncoxg .gt_left { text-align: left; } #omwoyncoxg .gt_center { text-align: center; } #omwoyncoxg .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #omwoyncoxg .gt_font_normal { font-weight: normal; } #omwoyncoxg .gt_font_bold { font-weight: bold; } #omwoyncoxg .gt_font_italic { font-style: italic; } #omwoyncoxg .gt_super { font-size: 65%; } #omwoyncoxg .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="omwoyncoxg" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #F0A0FF; color: #000000;">#F0A0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0075DC; color: #FFFFFF;">#0075DCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #993F00; color: #FFFFFF;">#993F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C005C; color: #FFFFFF;">#4C005CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #191919; color: #FFFFFF;">#191919FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #005C31; color: #FFFFFF;">#005C31FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2BCE48; color: #000000;">#2BCE48FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFCC99; color: #000000;">#FFCC99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #808080; color: #000000;">#808080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #94FFB5; color: #000000;">#94FFB5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8F7C00; color: #FFFFFF;">#8F7C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9DCC00; color: #000000;">#9DCC00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C20088; color: #FFFFFF;">#C20088FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #003380; color: #FFFFFF;">#003380FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFA405; color: #000000;">#FFA405FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFA8BB; color: #000000;">#FFA8BBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #426600; color: #FFFFFF;">#426600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF0010; color: #FFFFFF;">#FF0010FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5EF1F2; color: #000000;">#5EF1F2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00998F; color: #FFFFFF;">#00998FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0FF66; color: #000000;">#E0FF66FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #740AFF; color: #FFFFFF;">#740AFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #990000; color: #FFFFFF;">#990000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF80; color: #000000;">#FFFF80FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFE100; color: #000000;">#FFE100FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF5005; color: #FFFFFF;">#FF5005FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("pals::alphabet2") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #aacumaxyer .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #aacumaxyer .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aacumaxyer .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #aacumaxyer .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #aacumaxyer .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aacumaxyer .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aacumaxyer .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #aacumaxyer .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #aacumaxyer .gt_column_spanner_outer:first-child { padding-left: 0; } #aacumaxyer .gt_column_spanner_outer:last-child { padding-right: 0; } #aacumaxyer .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #aacumaxyer .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #aacumaxyer .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #aacumaxyer .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #aacumaxyer .gt_from_md > :first-child { margin-top: 0; } #aacumaxyer .gt_from_md > :last-child { margin-bottom: 0; } #aacumaxyer .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #aacumaxyer .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #aacumaxyer .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aacumaxyer .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #aacumaxyer .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aacumaxyer .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #aacumaxyer .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aacumaxyer .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aacumaxyer .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #aacumaxyer .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aacumaxyer .gt_sourcenote { font-size: 90%; padding: 4px; } #aacumaxyer .gt_left { text-align: left; } #aacumaxyer .gt_center { text-align: center; } #aacumaxyer .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #aacumaxyer .gt_font_normal { font-weight: normal; } #aacumaxyer .gt_font_bold { font-weight: bold; } #aacumaxyer .gt_font_italic { font-style: italic; } #aacumaxyer .gt_super { font-size: 65%; } #aacumaxyer .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="aacumaxyer" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #AA0DFE; color: #FFFFFF;">#AA0DFEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3283FE; color: #000000;">#3283FEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #85660D; color: #FFFFFF;">#85660DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #782AB6; color: #FFFFFF;">#782AB6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #565656; color: #FFFFFF;">#565656FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C8356; color: #FFFFFF;">#1C8356FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #16FF32; color: #000000;">#16FF32FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7E1A0; color: #000000;">#F7E1A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E2E2E2; color: #000000;">#E2E2E2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1CBE4F; color: #000000;">#1CBE4FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4451C; color: #FFFFFF;">#C4451CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DEA0FD; color: #000000;">#DEA0FDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FE00FA; color: #FFFFFF;">#FE00FAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #325A9B; color: #FFFFFF;">#325A9BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEAF16; color: #000000;">#FEAF16FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8A19F; color: #000000;">#F8A19FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #90AD1C; color: #000000;">#90AD1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6222E; color: #FFFFFF;">#F6222EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1CFFCE; color: #000000;">#1CFFCEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2ED9FF; color: #000000;">#2ED9FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B10DA1; color: #FFFFFF;">#B10DA1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C075A6; color: #000000;">#C075A6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC1CBF; color: #FFFFFF;">#FC1CBFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B00068; color: #FFFFFF;">#B00068FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBE426; color: #000000;">#FBE426FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FA0087; color: #FFFFFF;">#FA0087FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("pals::glasbey") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dvkanicbcl .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dvkanicbcl .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dvkanicbcl .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dvkanicbcl .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dvkanicbcl .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dvkanicbcl .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dvkanicbcl .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dvkanicbcl .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dvkanicbcl .gt_column_spanner_outer:first-child { padding-left: 0; } #dvkanicbcl .gt_column_spanner_outer:last-child { padding-right: 0; } #dvkanicbcl .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dvkanicbcl .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dvkanicbcl .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dvkanicbcl .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dvkanicbcl .gt_from_md > :first-child { margin-top: 0; } #dvkanicbcl .gt_from_md > :last-child { margin-bottom: 0; } #dvkanicbcl .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dvkanicbcl .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dvkanicbcl .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dvkanicbcl .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dvkanicbcl .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dvkanicbcl .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dvkanicbcl .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dvkanicbcl .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dvkanicbcl .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dvkanicbcl .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dvkanicbcl .gt_sourcenote { font-size: 90%; padding: 4px; } #dvkanicbcl .gt_left { text-align: left; } #dvkanicbcl .gt_center { text-align: center; } #dvkanicbcl .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dvkanicbcl .gt_font_normal { font-weight: normal; } #dvkanicbcl .gt_font_bold { font-weight: bold; } #dvkanicbcl .gt_font_italic { font-style: italic; } #dvkanicbcl .gt_super { font-size: 65%; } #dvkanicbcl .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dvkanicbcl" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0000FF; color: #FFFFFF;">#0000FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF0000; color: #FFFFFF;">#FF0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FF00; color: #000000;">#00FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000033; color: #FFFFFF;">#000033FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF00B6; color: #FFFFFF;">#FF00B6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #005300; color: #FFFFFF;">#005300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFD300; color: #000000;">#FFD300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009FFF; color: #000000;">#009FFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9A4D42; color: #FFFFFF;">#9A4D42FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FFBE; color: #000000;">#00FFBEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #783FC1; color: #FFFFFF;">#783FC1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1F9698; color: #FFFFFF;">#1F9698FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFACFD; color: #000000;">#FFACFDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B1CC71; color: #000000;">#B1CC71FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1085C; color: #FFFFFF;">#F1085CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FE8F42; color: #000000;">#FE8F42FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DD00FF; color: #FFFFFF;">#DD00FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #201A01; color: #FFFFFF;">#201A01FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #720055; color: #FFFFFF;">#720055FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #766C95; color: #FFFFFF;">#766C95FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #02AD24; color: #FFFFFF;">#02AD24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8FF00; color: #000000;">#C8FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #886C00; color: #FFFFFF;">#886C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFB79F; color: #000000;">#FFB79FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #858567; color: #000000;">#858567FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A10300; color: #FFFFFF;">#A10300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #14F9FF; color: #000000;">#14F9FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00479E; color: #FFFFFF;">#00479EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC5E93; color: #000000;">#DC5E93FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #93D4FF; color: #000000;">#93D4FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #004CFF; color: #FFFFFF;">#004CFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2F318; color: #000000;">#F2F318FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("PNWColors::Starfish") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #guzeeinymt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #guzeeinymt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #guzeeinymt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #guzeeinymt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #guzeeinymt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #guzeeinymt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #guzeeinymt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #guzeeinymt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #guzeeinymt .gt_column_spanner_outer:first-child { padding-left: 0; } #guzeeinymt .gt_column_spanner_outer:last-child { padding-right: 0; } #guzeeinymt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #guzeeinymt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #guzeeinymt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #guzeeinymt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #guzeeinymt .gt_from_md > :first-child { margin-top: 0; } #guzeeinymt .gt_from_md > :last-child { margin-bottom: 0; } #guzeeinymt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #guzeeinymt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #guzeeinymt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #guzeeinymt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #guzeeinymt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #guzeeinymt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #guzeeinymt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #guzeeinymt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #guzeeinymt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #guzeeinymt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #guzeeinymt .gt_sourcenote { font-size: 90%; padding: 4px; } #guzeeinymt .gt_left { text-align: left; } #guzeeinymt .gt_center { text-align: center; } #guzeeinymt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #guzeeinymt .gt_font_normal { font-weight: normal; } #guzeeinymt .gt_font_bold { font-weight: bold; } #guzeeinymt .gt_font_italic { font-style: italic; } #guzeeinymt .gt_super { font-size: 65%; } #guzeeinymt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="guzeeinymt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #24492E; color: #FFFFFF;">#24492EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #015B58; color: #FFFFFF;">#015B58FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C6184; color: #FFFFFF;">#2C6184FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #59629B; color: #FFFFFF;">#59629BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #89689D; color: #FFFFFF;">#89689DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BA7999; color: #000000;">#BA7999FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E69B99; color: #000000;">#E69B99FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("PNWColors::Shuksan") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #aevmloeiyt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #aevmloeiyt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aevmloeiyt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #aevmloeiyt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #aevmloeiyt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aevmloeiyt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aevmloeiyt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #aevmloeiyt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #aevmloeiyt .gt_column_spanner_outer:first-child { padding-left: 0; } #aevmloeiyt .gt_column_spanner_outer:last-child { padding-right: 0; } #aevmloeiyt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #aevmloeiyt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #aevmloeiyt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #aevmloeiyt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #aevmloeiyt .gt_from_md > :first-child { margin-top: 0; } #aevmloeiyt .gt_from_md > :last-child { margin-bottom: 0; } #aevmloeiyt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #aevmloeiyt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #aevmloeiyt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aevmloeiyt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #aevmloeiyt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aevmloeiyt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #aevmloeiyt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aevmloeiyt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aevmloeiyt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #aevmloeiyt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aevmloeiyt .gt_sourcenote { font-size: 90%; padding: 4px; } #aevmloeiyt .gt_left { text-align: left; } #aevmloeiyt .gt_center { text-align: center; } #aevmloeiyt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #aevmloeiyt .gt_font_normal { font-weight: normal; } #aevmloeiyt .gt_font_bold { font-weight: bold; } #aevmloeiyt .gt_font_italic { font-style: italic; } #aevmloeiyt .gt_super { font-size: 65%; } #aevmloeiyt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="aevmloeiyt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #33271E; color: #FFFFFF;">#33271EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #74677E; color: #FFFFFF;">#74677EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AC8EAB; color: #000000;">#AC8EABFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D7B1C5; color: #000000;">#D7B1C5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EBBDC8; color: #000000;">#EBBDC8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2CEC7; color: #000000;">#F2CEC7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8E3D1; color: #000000;">#F8E3D1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEFBE9; color: #000000;">#FEFBE9FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("PNWColors::Bay") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #pvdwtcuabl .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #pvdwtcuabl .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pvdwtcuabl .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #pvdwtcuabl .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #pvdwtcuabl .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pvdwtcuabl .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pvdwtcuabl .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #pvdwtcuabl .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #pvdwtcuabl .gt_column_spanner_outer:first-child { padding-left: 0; } #pvdwtcuabl .gt_column_spanner_outer:last-child { padding-right: 0; } #pvdwtcuabl .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #pvdwtcuabl .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #pvdwtcuabl .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #pvdwtcuabl .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #pvdwtcuabl .gt_from_md > :first-child { margin-top: 0; } #pvdwtcuabl .gt_from_md > :last-child { margin-bottom: 0; } #pvdwtcuabl .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #pvdwtcuabl .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #pvdwtcuabl .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pvdwtcuabl .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #pvdwtcuabl .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pvdwtcuabl .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #pvdwtcuabl .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pvdwtcuabl .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pvdwtcuabl .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #pvdwtcuabl .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pvdwtcuabl .gt_sourcenote { font-size: 90%; padding: 4px; } #pvdwtcuabl .gt_left { text-align: left; } #pvdwtcuabl .gt_center { text-align: center; } #pvdwtcuabl .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #pvdwtcuabl .gt_font_normal { font-weight: normal; } #pvdwtcuabl .gt_font_bold { font-weight: bold; } #pvdwtcuabl .gt_font_italic { font-style: italic; } #pvdwtcuabl .gt_super { font-size: 65%; } #pvdwtcuabl .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="pvdwtcuabl" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00496F; color: #FFFFFF;">#00496FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0F85A0; color: #FFFFFF;">#0F85A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EDD746; color: #000000;">#EDD746FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ED8B00; color: #000000;">#ED8B00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DD4124; color: #FFFFFF;">#DD4124FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Polychrome::alphabet") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #svvpitmswq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #svvpitmswq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #svvpitmswq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #svvpitmswq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #svvpitmswq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #svvpitmswq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #svvpitmswq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #svvpitmswq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #svvpitmswq .gt_column_spanner_outer:first-child { padding-left: 0; } #svvpitmswq .gt_column_spanner_outer:last-child { padding-right: 0; } #svvpitmswq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #svvpitmswq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #svvpitmswq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #svvpitmswq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #svvpitmswq .gt_from_md > :first-child { margin-top: 0; } #svvpitmswq .gt_from_md > :last-child { margin-bottom: 0; } #svvpitmswq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #svvpitmswq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #svvpitmswq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #svvpitmswq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #svvpitmswq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #svvpitmswq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #svvpitmswq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #svvpitmswq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #svvpitmswq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #svvpitmswq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #svvpitmswq .gt_sourcenote { font-size: 90%; padding: 4px; } #svvpitmswq .gt_left { text-align: left; } #svvpitmswq .gt_center { text-align: center; } #svvpitmswq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #svvpitmswq .gt_font_normal { font-weight: normal; } #svvpitmswq .gt_font_bold { font-weight: bold; } #svvpitmswq .gt_font_italic { font-style: italic; } #svvpitmswq .gt_super { font-size: 65%; } #svvpitmswq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="svvpitmswq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #AA0DFE; color: #FFFFFF;">#AA0DFEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3283FE; color: #000000;">#3283FEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #85660D; color: #FFFFFF;">#85660DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #782AB6; color: #FFFFFF;">#782AB6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #565656; color: #FFFFFF;">#565656FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C8356; color: #FFFFFF;">#1C8356FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #16FF32; color: #000000;">#16FF32FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7E1A0; color: #000000;">#F7E1A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E2E2E2; color: #000000;">#E2E2E2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1CBE4F; color: #000000;">#1CBE4FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4451C; color: #FFFFFF;">#C4451CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DEA0FD; color: #000000;">#DEA0FDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FE00FA; color: #FFFFFF;">#FE00FAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #325A9B; color: #FFFFFF;">#325A9BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEAF16; color: #000000;">#FEAF16FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8A19F; color: #000000;">#F8A19FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #90AD1C; color: #000000;">#90AD1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6222E; color: #FFFFFF;">#F6222EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1CFFCE; color: #000000;">#1CFFCEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2ED9FF; color: #000000;">#2ED9FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B10DA1; color: #FFFFFF;">#B10DA1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C075A6; color: #000000;">#C075A6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC1CBF; color: #FFFFFF;">#FC1CBFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B00068; color: #FFFFFF;">#B00068FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBE426; color: #000000;">#FBE426FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FA0087; color: #FFFFFF;">#FA0087FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Polychrome::dark") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dgqjpcscjj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dgqjpcscjj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dgqjpcscjj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dgqjpcscjj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dgqjpcscjj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dgqjpcscjj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dgqjpcscjj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dgqjpcscjj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dgqjpcscjj .gt_column_spanner_outer:first-child { padding-left: 0; } #dgqjpcscjj .gt_column_spanner_outer:last-child { padding-right: 0; } #dgqjpcscjj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dgqjpcscjj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dgqjpcscjj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dgqjpcscjj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dgqjpcscjj .gt_from_md > :first-child { margin-top: 0; } #dgqjpcscjj .gt_from_md > :last-child { margin-bottom: 0; } #dgqjpcscjj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dgqjpcscjj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dgqjpcscjj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dgqjpcscjj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dgqjpcscjj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dgqjpcscjj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dgqjpcscjj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dgqjpcscjj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dgqjpcscjj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dgqjpcscjj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dgqjpcscjj .gt_sourcenote { font-size: 90%; padding: 4px; } #dgqjpcscjj .gt_left { text-align: left; } #dgqjpcscjj .gt_center { text-align: center; } #dgqjpcscjj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dgqjpcscjj .gt_font_normal { font-weight: normal; } #dgqjpcscjj .gt_font_bold { font-weight: bold; } #dgqjpcscjj .gt_font_italic { font-style: italic; } #dgqjpcscjj .gt_super { font-size: 65%; } #dgqjpcscjj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dgqjpcscjj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #2E91E5; color: #000000;">#2E91E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E15F99; color: #000000;">#E15F99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1CA71C; color: #FFFFFF;">#1CA71CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB0D0D; color: #FFFFFF;">#FB0D0DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DA16FF; color: #FFFFFF;">#DA16FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #222A2A; color: #FFFFFF;">#222A2AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B68100; color: #000000;">#B68100FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #750D86; color: #FFFFFF;">#750D86FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EB663B; color: #000000;">#EB663BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #511CFB; color: #FFFFFF;">#511CFBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00A08B; color: #FFFFFF;">#00A08BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB00D1; color: #FFFFFF;">#FB00D1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC0080; color: #FFFFFF;">#FC0080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B2828D; color: #000000;">#B2828DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6C7C32; color: #FFFFFF;">#6C7C32FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #778AAE; color: #000000;">#778AAEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #862A16; color: #FFFFFF;">#862A16FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A777F1; color: #000000;">#A777F1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #620042; color: #FFFFFF;">#620042FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1616A7; color: #FFFFFF;">#1616A7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DA60CA; color: #000000;">#DA60CAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6C4516; color: #FFFFFF;">#6C4516FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0D2A63; color: #FFFFFF;">#0D2A63FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AF0038; color: #FFFFFF;">#AF0038FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Polychrome::glasbey") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #tlevniddcy .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #tlevniddcy .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tlevniddcy .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #tlevniddcy .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #tlevniddcy .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tlevniddcy .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tlevniddcy .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #tlevniddcy .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #tlevniddcy .gt_column_spanner_outer:first-child { padding-left: 0; } #tlevniddcy .gt_column_spanner_outer:last-child { padding-right: 0; } #tlevniddcy .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #tlevniddcy .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #tlevniddcy .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #tlevniddcy .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #tlevniddcy .gt_from_md > :first-child { margin-top: 0; } #tlevniddcy .gt_from_md > :last-child { margin-bottom: 0; } #tlevniddcy .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #tlevniddcy .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #tlevniddcy .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tlevniddcy .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #tlevniddcy .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tlevniddcy .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #tlevniddcy .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tlevniddcy .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tlevniddcy .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #tlevniddcy .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tlevniddcy .gt_sourcenote { font-size: 90%; padding: 4px; } #tlevniddcy .gt_left { text-align: left; } #tlevniddcy .gt_center { text-align: center; } #tlevniddcy .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #tlevniddcy .gt_font_normal { font-weight: normal; } #tlevniddcy .gt_font_bold { font-weight: bold; } #tlevniddcy .gt_font_italic { font-style: italic; } #tlevniddcy .gt_super { font-size: 65%; } #tlevniddcy .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="tlevniddcy" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000FF; color: #FFFFFF;">#0000FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF0000; color: #FFFFFF;">#FF0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FF00; color: #000000;">#00FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000033; color: #FFFFFF;">#000033FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF00B6; color: #FFFFFF;">#FF00B6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #005300; color: #FFFFFF;">#005300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFD300; color: #000000;">#FFD300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #009FFF; color: #000000;">#009FFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9A4D42; color: #FFFFFF;">#9A4D42FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FFBE; color: #000000;">#00FFBEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #783FC1; color: #FFFFFF;">#783FC1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1F9698; color: #FFFFFF;">#1F9698FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFACFD; color: #000000;">#FFACFDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B1CC71; color: #000000;">#B1CC71FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1085C; color: #FFFFFF;">#F1085CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FE8F42; color: #000000;">#FE8F42FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DD00FF; color: #FFFFFF;">#DD00FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #201A01; color: #FFFFFF;">#201A01FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #720055; color: #FFFFFF;">#720055FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #766C95; color: #FFFFFF;">#766C95FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #02AD24; color: #FFFFFF;">#02AD24FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8FF00; color: #000000;">#C8FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #886C00; color: #FFFFFF;">#886C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFB79F; color: #000000;">#FFB79FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #858567; color: #000000;">#858567FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A10300; color: #FFFFFF;">#A10300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #14F9FF; color: #000000;">#14F9FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00479E; color: #FFFFFF;">#00479EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC5E93; color: #000000;">#DC5E93FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #93D4FF; color: #000000;">#93D4FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #004CFF; color: #FFFFFF;">#004CFFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("rcartocolor::ag_Sunset") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #feugmvabxa .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #feugmvabxa .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #feugmvabxa .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #feugmvabxa .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #feugmvabxa .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #feugmvabxa .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #feugmvabxa .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #feugmvabxa .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #feugmvabxa .gt_column_spanner_outer:first-child { padding-left: 0; } #feugmvabxa .gt_column_spanner_outer:last-child { padding-right: 0; } #feugmvabxa .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #feugmvabxa .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #feugmvabxa .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #feugmvabxa .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #feugmvabxa .gt_from_md > :first-child { margin-top: 0; } #feugmvabxa .gt_from_md > :last-child { margin-bottom: 0; } #feugmvabxa .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #feugmvabxa .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #feugmvabxa .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #feugmvabxa .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #feugmvabxa .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #feugmvabxa .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #feugmvabxa .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #feugmvabxa .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #feugmvabxa .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #feugmvabxa .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #feugmvabxa .gt_sourcenote { font-size: 90%; padding: 4px; } #feugmvabxa .gt_left { text-align: left; } #feugmvabxa .gt_center { text-align: center; } #feugmvabxa .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #feugmvabxa .gt_font_normal { font-weight: normal; } #feugmvabxa .gt_font_bold { font-weight: bold; } #feugmvabxa .gt_font_italic { font-style: italic; } #feugmvabxa .gt_super { font-size: 65%; } #feugmvabxa .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="feugmvabxa" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #4B2991; color: #FFFFFF;">#4B2991FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #872CA2; color: #FFFFFF;">#872CA2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0369D; color: #FFFFFF;">#C0369DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EA4F88; color: #000000;">#EA4F88FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FA7876; color: #000000;">#FA7876FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6A97A; color: #000000;">#F6A97AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EDD9A3; color: #000000;">#EDD9A3FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("rcartocolor::ag_GrnYl") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #evpellugdm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #evpellugdm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #evpellugdm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #evpellugdm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #evpellugdm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #evpellugdm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #evpellugdm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #evpellugdm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #evpellugdm .gt_column_spanner_outer:first-child { padding-left: 0; } #evpellugdm .gt_column_spanner_outer:last-child { padding-right: 0; } #evpellugdm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #evpellugdm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #evpellugdm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #evpellugdm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #evpellugdm .gt_from_md > :first-child { margin-top: 0; } #evpellugdm .gt_from_md > :last-child { margin-bottom: 0; } #evpellugdm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #evpellugdm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #evpellugdm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #evpellugdm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #evpellugdm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #evpellugdm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #evpellugdm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #evpellugdm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #evpellugdm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #evpellugdm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #evpellugdm .gt_sourcenote { font-size: 90%; padding: 4px; } #evpellugdm .gt_left { text-align: left; } #evpellugdm .gt_center { text-align: center; } #evpellugdm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #evpellugdm .gt_font_normal { font-weight: normal; } #evpellugdm .gt_font_bold { font-weight: bold; } #evpellugdm .gt_font_italic { font-style: italic; } #evpellugdm .gt_super { font-size: 65%; } #evpellugdm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="evpellugdm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #245668; color: #FFFFFF;">#245668FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0F7279; color: #FFFFFF;">#0F7279FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0D8F81; color: #FFFFFF;">#0D8F81FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #39AB7E; color: #000000;">#39AB7EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6EC574; color: #000000;">#6EC574FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A9DC67; color: #000000;">#A9DC67FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EDEF5D; color: #000000;">#EDEF5DFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("rcartocolor::Tropic") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #cqfqjewoit .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #cqfqjewoit .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #cqfqjewoit .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #cqfqjewoit .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #cqfqjewoit .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #cqfqjewoit .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #cqfqjewoit .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #cqfqjewoit .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #cqfqjewoit .gt_column_spanner_outer:first-child { padding-left: 0; } #cqfqjewoit .gt_column_spanner_outer:last-child { padding-right: 0; } #cqfqjewoit .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #cqfqjewoit .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #cqfqjewoit .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #cqfqjewoit .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #cqfqjewoit .gt_from_md > :first-child { margin-top: 0; } #cqfqjewoit .gt_from_md > :last-child { margin-bottom: 0; } #cqfqjewoit .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #cqfqjewoit .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #cqfqjewoit .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #cqfqjewoit .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #cqfqjewoit .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #cqfqjewoit .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #cqfqjewoit .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #cqfqjewoit .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #cqfqjewoit .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #cqfqjewoit .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #cqfqjewoit .gt_sourcenote { font-size: 90%; padding: 4px; } #cqfqjewoit .gt_left { text-align: left; } #cqfqjewoit .gt_center { text-align: center; } #cqfqjewoit .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #cqfqjewoit .gt_font_normal { font-weight: normal; } #cqfqjewoit .gt_font_bold { font-weight: bold; } #cqfqjewoit .gt_font_italic { font-style: italic; } #cqfqjewoit .gt_super { font-size: 65%; } #cqfqjewoit .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="cqfqjewoit" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #009B9E; color: #FFFFFF;">#009B9EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #42B7B9; color: #000000;">#42B7B9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A7D3D4; color: #000000;">#A7D3D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1F1F1; color: #000000;">#F1F1F1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4C1D9; color: #000000;">#E4C1D9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D691C1; color: #000000;">#D691C1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C75DAB; color: #000000;">#C75DABFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RColorBrewer::BrBG") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #uulviazeii .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #uulviazeii .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uulviazeii .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #uulviazeii .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #uulviazeii .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uulviazeii .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uulviazeii .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #uulviazeii .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #uulviazeii .gt_column_spanner_outer:first-child { padding-left: 0; } #uulviazeii .gt_column_spanner_outer:last-child { padding-right: 0; } #uulviazeii .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #uulviazeii .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #uulviazeii .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #uulviazeii .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #uulviazeii .gt_from_md > :first-child { margin-top: 0; } #uulviazeii .gt_from_md > :last-child { margin-bottom: 0; } #uulviazeii .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #uulviazeii .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #uulviazeii .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uulviazeii .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #uulviazeii .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uulviazeii .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #uulviazeii .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uulviazeii .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uulviazeii .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #uulviazeii .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uulviazeii .gt_sourcenote { font-size: 90%; padding: 4px; } #uulviazeii .gt_left { text-align: left; } #uulviazeii .gt_center { text-align: center; } #uulviazeii .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #uulviazeii .gt_font_normal { font-weight: normal; } #uulviazeii .gt_font_bold { font-weight: bold; } #uulviazeii .gt_font_italic { font-style: italic; } #uulviazeii .gt_super { font-size: 65%; } #uulviazeii .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="uulviazeii" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #543005; color: #FFFFFF;">#543005FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8C510A; color: #FFFFFF;">#8C510AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BF812D; color: #000000;">#BF812DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DFC27D; color: #000000;">#DFC27DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6E8C3; color: #000000;">#F6E8C3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5F5F5; color: #000000;">#F5F5F5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C7EAE5; color: #000000;">#C7EAE5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80CDC1; color: #000000;">#80CDC1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #35978F; color: #FFFFFF;">#35978FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #01665E; color: #FFFFFF;">#01665EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #003C30; color: #FFFFFF;">#003C30FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RColorBrewer::PiYG") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #fcpzibrcip .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #fcpzibrcip .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fcpzibrcip .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #fcpzibrcip .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #fcpzibrcip .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fcpzibrcip .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #fcpzibrcip .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #fcpzibrcip .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #fcpzibrcip .gt_column_spanner_outer:first-child { padding-left: 0; } #fcpzibrcip .gt_column_spanner_outer:last-child { padding-right: 0; } #fcpzibrcip .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #fcpzibrcip .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #fcpzibrcip .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #fcpzibrcip .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #fcpzibrcip .gt_from_md > :first-child { margin-top: 0; } #fcpzibrcip .gt_from_md > :last-child { margin-bottom: 0; } #fcpzibrcip .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #fcpzibrcip .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #fcpzibrcip .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fcpzibrcip .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #fcpzibrcip .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #fcpzibrcip .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #fcpzibrcip .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #fcpzibrcip .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fcpzibrcip .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #fcpzibrcip .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #fcpzibrcip .gt_sourcenote { font-size: 90%; padding: 4px; } #fcpzibrcip .gt_left { text-align: left; } #fcpzibrcip .gt_center { text-align: center; } #fcpzibrcip .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #fcpzibrcip .gt_font_normal { font-weight: normal; } #fcpzibrcip .gt_font_bold { font-weight: bold; } #fcpzibrcip .gt_font_italic { font-style: italic; } #fcpzibrcip .gt_super { font-size: 65%; } #fcpzibrcip .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="fcpzibrcip" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #8E0152; color: #FFFFFF;">#8E0152FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C51B7D; color: #FFFFFF;">#C51B7DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DE77AE; color: #000000;">#DE77AEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1B6DA; color: #000000;">#F1B6DAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDE0EF; color: #000000;">#FDE0EFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7F7F7; color: #000000;">#F7F7F7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6F5D0; color: #000000;">#E6F5D0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B8E186; color: #000000;">#B8E186FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7FBC41; color: #000000;">#7FBC41FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4D9221; color: #FFFFFF;">#4D9221FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #276419; color: #FFFFFF;">#276419FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RColorBrewer::PRGn") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #jysakkvzfu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #jysakkvzfu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jysakkvzfu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #jysakkvzfu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #jysakkvzfu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jysakkvzfu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jysakkvzfu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #jysakkvzfu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #jysakkvzfu .gt_column_spanner_outer:first-child { padding-left: 0; } #jysakkvzfu .gt_column_spanner_outer:last-child { padding-right: 0; } #jysakkvzfu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #jysakkvzfu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #jysakkvzfu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #jysakkvzfu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #jysakkvzfu .gt_from_md > :first-child { margin-top: 0; } #jysakkvzfu .gt_from_md > :last-child { margin-bottom: 0; } #jysakkvzfu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #jysakkvzfu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #jysakkvzfu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jysakkvzfu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #jysakkvzfu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jysakkvzfu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #jysakkvzfu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jysakkvzfu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jysakkvzfu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #jysakkvzfu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jysakkvzfu .gt_sourcenote { font-size: 90%; padding: 4px; } #jysakkvzfu .gt_left { text-align: left; } #jysakkvzfu .gt_center { text-align: center; } #jysakkvzfu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #jysakkvzfu .gt_font_normal { font-weight: normal; } #jysakkvzfu .gt_font_bold { font-weight: bold; } #jysakkvzfu .gt_font_italic { font-style: italic; } #jysakkvzfu .gt_super { font-size: 65%; } #jysakkvzfu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="jysakkvzfu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #40004B; color: #FFFFFF;">#40004BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #762A83; color: #FFFFFF;">#762A83FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9970AB; color: #000000;">#9970ABFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C2A5CF; color: #000000;">#C2A5CFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E7D4E8; color: #000000;">#E7D4E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7F7F7; color: #000000;">#F7F7F7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D9F0D3; color: #000000;">#D9F0D3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A6DBA0; color: #000000;">#A6DBA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5AAE61; color: #000000;">#5AAE61FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1B7837; color: #FFFFFF;">#1B7837FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00441B; color: #FFFFFF;">#00441BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Redmonder::dPBIYlBu") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xhdnoufsvx .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xhdnoufsvx .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xhdnoufsvx .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xhdnoufsvx .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xhdnoufsvx .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xhdnoufsvx .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xhdnoufsvx .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xhdnoufsvx .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xhdnoufsvx .gt_column_spanner_outer:first-child { padding-left: 0; } #xhdnoufsvx .gt_column_spanner_outer:last-child { padding-right: 0; } #xhdnoufsvx .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xhdnoufsvx .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xhdnoufsvx .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xhdnoufsvx .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xhdnoufsvx .gt_from_md > :first-child { margin-top: 0; } #xhdnoufsvx .gt_from_md > :last-child { margin-bottom: 0; } #xhdnoufsvx .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xhdnoufsvx .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xhdnoufsvx .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xhdnoufsvx .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xhdnoufsvx .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xhdnoufsvx .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xhdnoufsvx .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xhdnoufsvx .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xhdnoufsvx .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xhdnoufsvx .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xhdnoufsvx .gt_sourcenote { font-size: 90%; padding: 4px; } #xhdnoufsvx .gt_left { text-align: left; } #xhdnoufsvx .gt_center { text-align: center; } #xhdnoufsvx .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xhdnoufsvx .gt_font_normal { font-weight: normal; } #xhdnoufsvx .gt_font_bold { font-weight: bold; } #xhdnoufsvx .gt_font_italic { font-style: italic; } #xhdnoufsvx .gt_super { font-size: 65%; } #xhdnoufsvx .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xhdnoufsvx" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #796409; color: #FFFFFF;">#796409FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B6960D; color: #000000;">#B6960DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5D341; color: #000000;">#F5D341FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7DE70; color: #000000;">#F7DE70FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FAE9A0; color: #000000;">#FAE9A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5F5F5; color: #000000;">#F5F5F5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D0EEF7; color: #000000;">#D0EEF7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B9E5F3; color: #000000;">#B9E5F3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A1DDEF; color: #000000;">#A1DDEFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #689FB0; color: #000000;">#689FB0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #456A76; color: #FFFFFF;">#456A76FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Redmonder::dPBIYlPu") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #aksujzzzvc .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #aksujzzzvc .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aksujzzzvc .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #aksujzzzvc .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #aksujzzzvc .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aksujzzzvc .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #aksujzzzvc .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #aksujzzzvc .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #aksujzzzvc .gt_column_spanner_outer:first-child { padding-left: 0; } #aksujzzzvc .gt_column_spanner_outer:last-child { padding-right: 0; } #aksujzzzvc .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #aksujzzzvc .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #aksujzzzvc .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #aksujzzzvc .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #aksujzzzvc .gt_from_md > :first-child { margin-top: 0; } #aksujzzzvc .gt_from_md > :last-child { margin-bottom: 0; } #aksujzzzvc .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #aksujzzzvc .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #aksujzzzvc .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aksujzzzvc .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #aksujzzzvc .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #aksujzzzvc .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #aksujzzzvc .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #aksujzzzvc .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aksujzzzvc .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #aksujzzzvc .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #aksujzzzvc .gt_sourcenote { font-size: 90%; padding: 4px; } #aksujzzzvc .gt_left { text-align: left; } #aksujzzzvc .gt_center { text-align: center; } #aksujzzzvc .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #aksujzzzvc .gt_font_normal { font-weight: normal; } #aksujzzzvc .gt_font_bold { font-weight: bold; } #aksujzzzvc .gt_font_italic { font-style: italic; } #aksujzzzvc .gt_super { font-size: 65%; } #aksujzzzvc .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="aksujzzzvc" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #796409; color: #FFFFFF;">#796409FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B6960D; color: #000000;">#B6960DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5D341; color: #000000;">#F5D341FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F7DE70; color: #000000;">#F7DE70FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FAE9A0; color: #000000;">#FAE9A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5F5F5; color: #000000;">#F5F5F5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DBC3D6; color: #000000;">#DBC3D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CAA5C2; color: #000000;">#CAA5C2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B887AD; color: #000000;">#B887ADFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7D4F73; color: #FFFFFF;">#7D4F73FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #53354D; color: #FFFFFF;">#53354DFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("Redmonder::dPBIPuGn") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #cxpbvtrfys .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #cxpbvtrfys .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #cxpbvtrfys .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #cxpbvtrfys .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #cxpbvtrfys .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #cxpbvtrfys .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #cxpbvtrfys .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #cxpbvtrfys .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #cxpbvtrfys .gt_column_spanner_outer:first-child { padding-left: 0; } #cxpbvtrfys .gt_column_spanner_outer:last-child { padding-right: 0; } #cxpbvtrfys .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #cxpbvtrfys .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #cxpbvtrfys .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #cxpbvtrfys .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #cxpbvtrfys .gt_from_md > :first-child { margin-top: 0; } #cxpbvtrfys .gt_from_md > :last-child { margin-bottom: 0; } #cxpbvtrfys .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #cxpbvtrfys .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #cxpbvtrfys .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #cxpbvtrfys .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #cxpbvtrfys .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #cxpbvtrfys .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #cxpbvtrfys .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #cxpbvtrfys .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #cxpbvtrfys .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #cxpbvtrfys .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #cxpbvtrfys .gt_sourcenote { font-size: 90%; padding: 4px; } #cxpbvtrfys .gt_left { text-align: left; } #cxpbvtrfys .gt_center { text-align: center; } #cxpbvtrfys .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #cxpbvtrfys .gt_font_normal { font-weight: normal; } #cxpbvtrfys .gt_font_bold { font-weight: bold; } #cxpbvtrfys .gt_font_italic { font-style: italic; } #cxpbvtrfys .gt_super { font-size: 65%; } #cxpbvtrfys .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="cxpbvtrfys" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #53354D; color: #FFFFFF;">#53354DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7D4F73; color: #FFFFFF;">#7D4F73FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B887AD; color: #000000;">#B887ADFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CAA5C2; color: #000000;">#CAA5C2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DBC3D6; color: #000000;">#DBC3D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5F5F5; color: #000000;">#F5F5F5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #99E3DD; color: #000000;">#99E3DDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #66D4CC; color: #000000;">#66D4CCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #33C6BB; color: #000000;">#33C6BBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #008A80; color: #FFFFFF;">#008A80FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #005C55; color: #FFFFFF;">#005C55FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RSkittleBrewer::original") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #auqkzcvpfn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #auqkzcvpfn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #auqkzcvpfn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #auqkzcvpfn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #auqkzcvpfn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #auqkzcvpfn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #auqkzcvpfn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #auqkzcvpfn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #auqkzcvpfn .gt_column_spanner_outer:first-child { padding-left: 0; } #auqkzcvpfn .gt_column_spanner_outer:last-child { padding-right: 0; } #auqkzcvpfn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #auqkzcvpfn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #auqkzcvpfn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #auqkzcvpfn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #auqkzcvpfn .gt_from_md > :first-child { margin-top: 0; } #auqkzcvpfn .gt_from_md > :last-child { margin-bottom: 0; } #auqkzcvpfn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #auqkzcvpfn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #auqkzcvpfn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #auqkzcvpfn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #auqkzcvpfn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #auqkzcvpfn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #auqkzcvpfn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #auqkzcvpfn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #auqkzcvpfn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #auqkzcvpfn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #auqkzcvpfn .gt_sourcenote { font-size: 90%; padding: 4px; } #auqkzcvpfn .gt_left { text-align: left; } #auqkzcvpfn .gt_center { text-align: center; } #auqkzcvpfn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #auqkzcvpfn .gt_font_normal { font-weight: normal; } #auqkzcvpfn .gt_font_bold { font-weight: bold; } #auqkzcvpfn .gt_font_italic { font-style: italic; } #auqkzcvpfn .gt_super { font-size: 65%; } #auqkzcvpfn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="auqkzcvpfn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #CD0000; color: #FFFFFF;">#CD0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #551A8B; color: #FFFFFF;">#551A8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF7F00; color: #000000;">#FF7F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00CD00; color: #FFFFFF;">#00CD00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RSkittleBrewer::tropical") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xeuhosgtnm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xeuhosgtnm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xeuhosgtnm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xeuhosgtnm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xeuhosgtnm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xeuhosgtnm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xeuhosgtnm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xeuhosgtnm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xeuhosgtnm .gt_column_spanner_outer:first-child { padding-left: 0; } #xeuhosgtnm .gt_column_spanner_outer:last-child { padding-right: 0; } #xeuhosgtnm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xeuhosgtnm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xeuhosgtnm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xeuhosgtnm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xeuhosgtnm .gt_from_md > :first-child { margin-top: 0; } #xeuhosgtnm .gt_from_md > :last-child { margin-bottom: 0; } #xeuhosgtnm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xeuhosgtnm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xeuhosgtnm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xeuhosgtnm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xeuhosgtnm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xeuhosgtnm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xeuhosgtnm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xeuhosgtnm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xeuhosgtnm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xeuhosgtnm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xeuhosgtnm .gt_sourcenote { font-size: 90%; padding: 4px; } #xeuhosgtnm .gt_left { text-align: left; } #xeuhosgtnm .gt_center { text-align: center; } #xeuhosgtnm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xeuhosgtnm .gt_font_normal { font-weight: normal; } #xeuhosgtnm .gt_font_bold { font-weight: bold; } #xeuhosgtnm .gt_font_italic { font-style: italic; } #xeuhosgtnm .gt_super { font-size: 65%; } #xeuhosgtnm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xeuhosgtnm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF8C00; color: #000000;">#FF8C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1E90FF; color: #000000;">#1E90FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF69B4; color: #000000;">#FF69B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #32CD32; color: #000000;">#32CD32FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("RSkittleBrewer::wildberry") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #glvvzmzulm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #glvvzmzulm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #glvvzmzulm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #glvvzmzulm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #glvvzmzulm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #glvvzmzulm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #glvvzmzulm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #glvvzmzulm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #glvvzmzulm .gt_column_spanner_outer:first-child { padding-left: 0; } #glvvzmzulm .gt_column_spanner_outer:last-child { padding-right: 0; } #glvvzmzulm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #glvvzmzulm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #glvvzmzulm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #glvvzmzulm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #glvvzmzulm .gt_from_md > :first-child { margin-top: 0; } #glvvzmzulm .gt_from_md > :last-child { margin-bottom: 0; } #glvvzmzulm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #glvvzmzulm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #glvvzmzulm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #glvvzmzulm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #glvvzmzulm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #glvvzmzulm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #glvvzmzulm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #glvvzmzulm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #glvvzmzulm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #glvvzmzulm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #glvvzmzulm .gt_sourcenote { font-size: 90%; padding: 4px; } #glvvzmzulm .gt_left { text-align: left; } #glvvzmzulm .gt_center { text-align: center; } #glvvzmzulm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #glvvzmzulm .gt_font_normal { font-weight: normal; } #glvvzmzulm .gt_font_bold { font-weight: bold; } #glvvzmzulm .gt_font_italic { font-style: italic; } #glvvzmzulm .gt_super { font-size: 65%; } #glvvzmzulm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="glvvzmzulm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #66CD00; color: #000000;">#66CD00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F08080; color: #000000;">#F08080FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1874CD; color: #FFFFFF;">#1874CDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B22222; color: #FFFFFF;">#B22222FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #483D8B; color: #FFFFFF;">#483D8BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tidyquant::tq_light") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dysbmabnlo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dysbmabnlo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dysbmabnlo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dysbmabnlo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dysbmabnlo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dysbmabnlo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dysbmabnlo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dysbmabnlo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dysbmabnlo .gt_column_spanner_outer:first-child { padding-left: 0; } #dysbmabnlo .gt_column_spanner_outer:last-child { padding-right: 0; } #dysbmabnlo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dysbmabnlo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dysbmabnlo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dysbmabnlo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dysbmabnlo .gt_from_md > :first-child { margin-top: 0; } #dysbmabnlo .gt_from_md > :last-child { margin-bottom: 0; } #dysbmabnlo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dysbmabnlo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dysbmabnlo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dysbmabnlo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dysbmabnlo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dysbmabnlo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dysbmabnlo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dysbmabnlo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dysbmabnlo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dysbmabnlo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dysbmabnlo .gt_sourcenote { font-size: 90%; padding: 4px; } #dysbmabnlo .gt_left { text-align: left; } #dysbmabnlo .gt_center { text-align: center; } #dysbmabnlo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dysbmabnlo .gt_font_normal { font-weight: normal; } #dysbmabnlo .gt_font_bold { font-weight: bold; } #dysbmabnlo .gt_font_italic { font-style: italic; } #dysbmabnlo .gt_super { font-size: 65%; } #dysbmabnlo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dysbmabnlo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #2C3E50; color: #FFFFFF;">#2C3E50FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E31A1C; color: #FFFFFF;">#E31A1CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #18BC9C; color: #000000;">#18BC9CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCBE93; color: #000000;">#CCBE93FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A6CEE3; color: #000000;">#A6CEE3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1F78B4; color: #FFFFFF;">#1F78B4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B2DF8A; color: #000000;">#B2DF8AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB9A99; color: #000000;">#FB9A99FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDBF6F; color: #000000;">#FDBF6FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF7F00; color: #000000;">#FF7F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CAB2D6; color: #000000;">#CAB2D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6A3D9A; color: #FFFFFF;">#6A3D9AFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tidyquant::tq_dark") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #picjunehhr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #picjunehhr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #picjunehhr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #picjunehhr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #picjunehhr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #picjunehhr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #picjunehhr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #picjunehhr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #picjunehhr .gt_column_spanner_outer:first-child { padding-left: 0; } #picjunehhr .gt_column_spanner_outer:last-child { padding-right: 0; } #picjunehhr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #picjunehhr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #picjunehhr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #picjunehhr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #picjunehhr .gt_from_md > :first-child { margin-top: 0; } #picjunehhr .gt_from_md > :last-child { margin-bottom: 0; } #picjunehhr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #picjunehhr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #picjunehhr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #picjunehhr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #picjunehhr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #picjunehhr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #picjunehhr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #picjunehhr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #picjunehhr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #picjunehhr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #picjunehhr .gt_sourcenote { font-size: 90%; padding: 4px; } #picjunehhr .gt_left { text-align: left; } #picjunehhr .gt_center { text-align: center; } #picjunehhr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #picjunehhr .gt_font_normal { font-weight: normal; } #picjunehhr .gt_font_bold { font-weight: bold; } #picjunehhr .gt_font_italic { font-style: italic; } #picjunehhr .gt_super { font-size: 65%; } #picjunehhr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="picjunehhr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0055AA; color: #FFFFFF;">#0055AAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C40003; color: #FFFFFF;">#C40003FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00C19B; color: #000000;">#00C19BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EAC862; color: #000000;">#EAC862FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7FD2FF; color: #000000;">#7FD2FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007ED3; color: #FFFFFF;">#007ED3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B2DF8A; color: #000000;">#B2DF8AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFACAA; color: #000000;">#FFACAAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9D1E; color: #000000;">#FF9D1EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C3EF00; color: #000000;">#C3EF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CAB2D6; color: #000000;">#CAB2D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #894FC6; color: #FFFFFF;">#894FC6FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tidyquant::tq_green") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ewdbayvraj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ewdbayvraj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ewdbayvraj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ewdbayvraj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ewdbayvraj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ewdbayvraj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ewdbayvraj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ewdbayvraj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ewdbayvraj .gt_column_spanner_outer:first-child { padding-left: 0; } #ewdbayvraj .gt_column_spanner_outer:last-child { padding-right: 0; } #ewdbayvraj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ewdbayvraj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ewdbayvraj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ewdbayvraj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ewdbayvraj .gt_from_md > :first-child { margin-top: 0; } #ewdbayvraj .gt_from_md > :last-child { margin-bottom: 0; } #ewdbayvraj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ewdbayvraj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ewdbayvraj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ewdbayvraj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ewdbayvraj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ewdbayvraj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ewdbayvraj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ewdbayvraj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ewdbayvraj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ewdbayvraj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ewdbayvraj .gt_sourcenote { font-size: 90%; padding: 4px; } #ewdbayvraj .gt_left { text-align: left; } #ewdbayvraj .gt_center { text-align: center; } #ewdbayvraj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ewdbayvraj .gt_font_normal { font-weight: normal; } #ewdbayvraj .gt_font_bold { font-weight: bold; } #ewdbayvraj .gt_font_italic { font-style: italic; } #ewdbayvraj .gt_super { font-size: 65%; } #ewdbayvraj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ewdbayvraj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0055AA; color: #FFFFFF;">#0055AAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C40003; color: #FFFFFF;">#C40003FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EAC862; color: #000000;">#EAC862FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7FD2FF; color: #000000;">#7FD2FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007ED3; color: #FFFFFF;">#007ED3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6F4F3; color: #000000;">#F6F4F3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFACAA; color: #000000;">#FFACAAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9D1E; color: #000000;">#FF9D1EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C3EF00; color: #000000;">#C3EF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CAB2D6; color: #000000;">#CAB2D6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #894FC6; color: #FFFFFF;">#894FC6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #592E2E; color: #FFFFFF;">#592E2EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("trekcolors::andorian") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dbwhglzllo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dbwhglzllo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dbwhglzllo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dbwhglzllo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dbwhglzllo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dbwhglzllo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dbwhglzllo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dbwhglzllo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dbwhglzllo .gt_column_spanner_outer:first-child { padding-left: 0; } #dbwhglzllo .gt_column_spanner_outer:last-child { padding-right: 0; } #dbwhglzllo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dbwhglzllo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dbwhglzllo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dbwhglzllo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dbwhglzllo .gt_from_md > :first-child { margin-top: 0; } #dbwhglzllo .gt_from_md > :last-child { margin-bottom: 0; } #dbwhglzllo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dbwhglzllo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dbwhglzllo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dbwhglzllo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dbwhglzllo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dbwhglzllo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dbwhglzllo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dbwhglzllo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dbwhglzllo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dbwhglzllo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dbwhglzllo .gt_sourcenote { font-size: 90%; padding: 4px; } #dbwhglzllo .gt_left { text-align: left; } #dbwhglzllo .gt_center { text-align: center; } #dbwhglzllo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dbwhglzllo .gt_font_normal { font-weight: normal; } #dbwhglzllo .gt_font_bold { font-weight: bold; } #dbwhglzllo .gt_font_italic { font-style: italic; } #dbwhglzllo .gt_super { font-size: 65%; } #dbwhglzllo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dbwhglzllo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #202020; color: #FFFFFF;">#202020FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2D3C4D; color: #FFFFFF;">#2D3C4DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3B597A; color: #FFFFFF;">#3B597AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4B77A0; color: #FFFFFF;">#4B77A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6395B8; color: #000000;">#6395B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7BB3CF; color: #000000;">#7BB3CFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9BC6DA; color: #000000;">#9BC6DAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BFD5DF; color: #000000;">#BFD5DFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E4E4E4; color: #000000;">#E4E4E4FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("trekcolors::bajoran") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #iwpmgoqpaw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #iwpmgoqpaw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iwpmgoqpaw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #iwpmgoqpaw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #iwpmgoqpaw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iwpmgoqpaw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iwpmgoqpaw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #iwpmgoqpaw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #iwpmgoqpaw .gt_column_spanner_outer:first-child { padding-left: 0; } #iwpmgoqpaw .gt_column_spanner_outer:last-child { padding-right: 0; } #iwpmgoqpaw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #iwpmgoqpaw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #iwpmgoqpaw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #iwpmgoqpaw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #iwpmgoqpaw .gt_from_md > :first-child { margin-top: 0; } #iwpmgoqpaw .gt_from_md > :last-child { margin-bottom: 0; } #iwpmgoqpaw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #iwpmgoqpaw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #iwpmgoqpaw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iwpmgoqpaw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #iwpmgoqpaw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iwpmgoqpaw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #iwpmgoqpaw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iwpmgoqpaw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iwpmgoqpaw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #iwpmgoqpaw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iwpmgoqpaw .gt_sourcenote { font-size: 90%; padding: 4px; } #iwpmgoqpaw .gt_left { text-align: left; } #iwpmgoqpaw .gt_center { text-align: center; } #iwpmgoqpaw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #iwpmgoqpaw .gt_font_normal { font-weight: normal; } #iwpmgoqpaw .gt_font_bold { font-weight: bold; } #iwpmgoqpaw .gt_font_italic { font-style: italic; } #iwpmgoqpaw .gt_super { font-size: 65%; } #iwpmgoqpaw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="iwpmgoqpaw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C00000; color: #FFFFFF;">#C00000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7A6424; color: #FFFFFF;">#7A6424FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #323C34; color: #FFFFFF;">#323C34FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4838A8; color: #FFFFFF;">#4838A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6D56E; color: #000000;">#E6D56EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A8B5A9; color: #000000;">#A8B5A9FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("trekcolors::borg") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xtshlhistb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xtshlhistb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xtshlhistb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xtshlhistb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xtshlhistb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xtshlhistb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xtshlhistb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xtshlhistb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xtshlhistb .gt_column_spanner_outer:first-child { padding-left: 0; } #xtshlhistb .gt_column_spanner_outer:last-child { padding-right: 0; } #xtshlhistb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xtshlhistb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xtshlhistb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xtshlhistb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xtshlhistb .gt_from_md > :first-child { margin-top: 0; } #xtshlhistb .gt_from_md > :last-child { margin-bottom: 0; } #xtshlhistb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xtshlhistb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xtshlhistb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xtshlhistb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xtshlhistb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xtshlhistb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xtshlhistb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xtshlhistb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xtshlhistb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xtshlhistb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xtshlhistb .gt_sourcenote { font-size: 90%; padding: 4px; } #xtshlhistb .gt_left { text-align: left; } #xtshlhistb .gt_center { text-align: center; } #xtshlhistb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xtshlhistb .gt_font_normal { font-weight: normal; } #xtshlhistb .gt_font_bold { font-weight: bold; } #xtshlhistb .gt_font_italic { font-style: italic; } #xtshlhistb .gt_super { font-size: 65%; } #xtshlhistb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xtshlhistb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #1A1A1A; color: #FFFFFF;">#1A1A1AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #323232; color: #FFFFFF;">#323232FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4A4A4A; color: #FFFFFF;">#4A4A4AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #636363; color: #FFFFFF;">#636363FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7B7B7B; color: #FFFFFF;">#7B7B7BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #939393; color: #000000;">#939393FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ACACAC; color: #000000;">#ACACACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4C4C4; color: #000000;">#C4C4C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DDDDDD; color: #000000;">#DDDDDDFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tvthemes::attackOnTitan") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #bdiuhhsjnd .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #bdiuhhsjnd .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #bdiuhhsjnd .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #bdiuhhsjnd .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #bdiuhhsjnd .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #bdiuhhsjnd .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #bdiuhhsjnd .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #bdiuhhsjnd .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #bdiuhhsjnd .gt_column_spanner_outer:first-child { padding-left: 0; } #bdiuhhsjnd .gt_column_spanner_outer:last-child { padding-right: 0; } #bdiuhhsjnd .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #bdiuhhsjnd .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #bdiuhhsjnd .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #bdiuhhsjnd .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #bdiuhhsjnd .gt_from_md > :first-child { margin-top: 0; } #bdiuhhsjnd .gt_from_md > :last-child { margin-bottom: 0; } #bdiuhhsjnd .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #bdiuhhsjnd .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #bdiuhhsjnd .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #bdiuhhsjnd .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #bdiuhhsjnd .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #bdiuhhsjnd .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #bdiuhhsjnd .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #bdiuhhsjnd .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #bdiuhhsjnd .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #bdiuhhsjnd .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #bdiuhhsjnd .gt_sourcenote { font-size: 90%; padding: 4px; } #bdiuhhsjnd .gt_left { text-align: left; } #bdiuhhsjnd .gt_center { text-align: center; } #bdiuhhsjnd .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #bdiuhhsjnd .gt_font_normal { font-weight: normal; } #bdiuhhsjnd .gt_font_bold { font-weight: bold; } #bdiuhhsjnd .gt_font_italic { font-style: italic; } #bdiuhhsjnd .gt_super { font-size: 65%; } #bdiuhhsjnd .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="bdiuhhsjnd" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #004C00; color: #FFFFFF;">#004C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #173357; color: #FFFFFF;">#173357FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3E1E13; color: #FFFFFF;">#3E1E13FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E50000; color: #FFFFFF;">#E50000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999BA0; color: #000000;">#999BA0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8A780; color: #000000;">#C8A780FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EB6154; color: #000000;">#EB6154FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tvthemes::FireNation") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #zvpcvlubsq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #zvpcvlubsq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zvpcvlubsq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #zvpcvlubsq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #zvpcvlubsq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zvpcvlubsq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zvpcvlubsq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #zvpcvlubsq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #zvpcvlubsq .gt_column_spanner_outer:first-child { padding-left: 0; } #zvpcvlubsq .gt_column_spanner_outer:last-child { padding-right: 0; } #zvpcvlubsq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #zvpcvlubsq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #zvpcvlubsq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #zvpcvlubsq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #zvpcvlubsq .gt_from_md > :first-child { margin-top: 0; } #zvpcvlubsq .gt_from_md > :last-child { margin-bottom: 0; } #zvpcvlubsq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #zvpcvlubsq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #zvpcvlubsq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zvpcvlubsq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #zvpcvlubsq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zvpcvlubsq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #zvpcvlubsq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zvpcvlubsq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zvpcvlubsq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #zvpcvlubsq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zvpcvlubsq .gt_sourcenote { font-size: 90%; padding: 4px; } #zvpcvlubsq .gt_left { text-align: left; } #zvpcvlubsq .gt_center { text-align: center; } #zvpcvlubsq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #zvpcvlubsq .gt_font_normal { font-weight: normal; } #zvpcvlubsq .gt_font_bold { font-weight: bold; } #zvpcvlubsq .gt_font_italic { font-style: italic; } #zvpcvlubsq .gt_super { font-size: 65%; } #zvpcvlubsq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="zvpcvlubsq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #ECB100; color: #000000;">#ECB100FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A10000; color: #FFFFFF;">#A10000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7E605E; color: #FFFFFF;">#7E605EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF4500; color: #FFFFFF;">#FF4500FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #994823; color: #FFFFFF;">#994823FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4B4C4E; color: #FFFFFF;">#4B4C4EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #572530; color: #FFFFFF;">#572530FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("tvthemes::AirNomads") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yxdtormvdn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yxdtormvdn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yxdtormvdn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yxdtormvdn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yxdtormvdn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yxdtormvdn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yxdtormvdn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yxdtormvdn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yxdtormvdn .gt_column_spanner_outer:first-child { padding-left: 0; } #yxdtormvdn .gt_column_spanner_outer:last-child { padding-right: 0; } #yxdtormvdn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yxdtormvdn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yxdtormvdn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yxdtormvdn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yxdtormvdn .gt_from_md > :first-child { margin-top: 0; } #yxdtormvdn .gt_from_md > :last-child { margin-bottom: 0; } #yxdtormvdn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yxdtormvdn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yxdtormvdn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yxdtormvdn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yxdtormvdn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yxdtormvdn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yxdtormvdn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yxdtormvdn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yxdtormvdn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yxdtormvdn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yxdtormvdn .gt_sourcenote { font-size: 90%; padding: 4px; } #yxdtormvdn .gt_left { text-align: left; } #yxdtormvdn .gt_center { text-align: center; } #yxdtormvdn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yxdtormvdn .gt_font_normal { font-weight: normal; } #yxdtormvdn .gt_font_bold { font-weight: bold; } #yxdtormvdn .gt_font_italic { font-style: italic; } #yxdtormvdn .gt_super { font-size: 65%; } #yxdtormvdn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yxdtormvdn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF9933; color: #000000;">#FF9933FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C24841; color: #FFFFFF;">#C24841FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF33; color: #000000;">#FFFF33FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8B5B45; color: #FFFFFF;">#8B5B45FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #87AFD1; color: #000000;">#87AFD1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEB05A; color: #000000;">#EEB05AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DBC5A0; color: #000000;">#DBC5A0FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("unikn::pal_unikn") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #kuuacuyxdj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #kuuacuyxdj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kuuacuyxdj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #kuuacuyxdj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #kuuacuyxdj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kuuacuyxdj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kuuacuyxdj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #kuuacuyxdj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #kuuacuyxdj .gt_column_spanner_outer:first-child { padding-left: 0; } #kuuacuyxdj .gt_column_spanner_outer:last-child { padding-right: 0; } #kuuacuyxdj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #kuuacuyxdj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #kuuacuyxdj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #kuuacuyxdj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #kuuacuyxdj .gt_from_md > :first-child { margin-top: 0; } #kuuacuyxdj .gt_from_md > :last-child { margin-bottom: 0; } #kuuacuyxdj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #kuuacuyxdj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #kuuacuyxdj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kuuacuyxdj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #kuuacuyxdj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kuuacuyxdj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #kuuacuyxdj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kuuacuyxdj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kuuacuyxdj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #kuuacuyxdj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kuuacuyxdj .gt_sourcenote { font-size: 90%; padding: 4px; } #kuuacuyxdj .gt_left { text-align: left; } #kuuacuyxdj .gt_center { text-align: center; } #kuuacuyxdj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #kuuacuyxdj .gt_font_normal { font-weight: normal; } #kuuacuyxdj .gt_font_bold { font-weight: bold; } #kuuacuyxdj .gt_font_italic { font-style: italic; } #kuuacuyxdj .gt_super { font-size: 65%; } #kuuacuyxdj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="kuuacuyxdj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #008ECE; color: #FFFFFF;">#008ECEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00A9E0; color: #000000;">#00A9E0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #59C7EB; color: #000000;">#59C7EBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A6E1F4; color: #000000;">#A6E1F4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCEEF9; color: #000000;">#CCEEF9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5E5E5; color: #000000;">#E5E5E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCCCCC; color: #000000;">#CCCCCCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999999; color: #000000;">#999999FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #666666; color: #FFFFFF;">#666666FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("unikn::pal_unikn_web") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #izwpqrbxcj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #izwpqrbxcj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #izwpqrbxcj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #izwpqrbxcj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #izwpqrbxcj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #izwpqrbxcj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #izwpqrbxcj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #izwpqrbxcj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #izwpqrbxcj .gt_column_spanner_outer:first-child { padding-left: 0; } #izwpqrbxcj .gt_column_spanner_outer:last-child { padding-right: 0; } #izwpqrbxcj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #izwpqrbxcj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #izwpqrbxcj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #izwpqrbxcj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #izwpqrbxcj .gt_from_md > :first-child { margin-top: 0; } #izwpqrbxcj .gt_from_md > :last-child { margin-bottom: 0; } #izwpqrbxcj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #izwpqrbxcj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #izwpqrbxcj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #izwpqrbxcj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #izwpqrbxcj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #izwpqrbxcj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #izwpqrbxcj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #izwpqrbxcj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #izwpqrbxcj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #izwpqrbxcj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #izwpqrbxcj .gt_sourcenote { font-size: 90%; padding: 4px; } #izwpqrbxcj .gt_left { text-align: left; } #izwpqrbxcj .gt_center { text-align: center; } #izwpqrbxcj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #izwpqrbxcj .gt_font_normal { font-weight: normal; } #izwpqrbxcj .gt_font_bold { font-weight: bold; } #izwpqrbxcj .gt_font_italic { font-style: italic; } #izwpqrbxcj .gt_super { font-size: 65%; } #izwpqrbxcj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="izwpqrbxcj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00A9E0; color: #000000;">#00A9E0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #59C7EB; color: #000000;">#59C7EBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A6E1F4; color: #000000;">#A6E1F4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCEEF9; color: #000000;">#CCEEF9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5E5E5; color: #000000;">#E5E5E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCCCCC; color: #000000;">#CCCCCCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999999; color: #000000;">#999999FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #666666; color: #FFFFFF;">#666666FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("unikn::pal_unikn_ppt") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #myvhxzjini .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #myvhxzjini .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #myvhxzjini .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #myvhxzjini .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #myvhxzjini .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #myvhxzjini .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #myvhxzjini .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #myvhxzjini .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #myvhxzjini .gt_column_spanner_outer:first-child { padding-left: 0; } #myvhxzjini .gt_column_spanner_outer:last-child { padding-right: 0; } #myvhxzjini .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #myvhxzjini .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #myvhxzjini .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #myvhxzjini .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #myvhxzjini .gt_from_md > :first-child { margin-top: 0; } #myvhxzjini .gt_from_md > :last-child { margin-bottom: 0; } #myvhxzjini .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #myvhxzjini .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #myvhxzjini .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #myvhxzjini .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #myvhxzjini .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #myvhxzjini .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #myvhxzjini .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #myvhxzjini .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #myvhxzjini .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #myvhxzjini .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #myvhxzjini .gt_sourcenote { font-size: 90%; padding: 4px; } #myvhxzjini .gt_left { text-align: left; } #myvhxzjini .gt_center { text-align: center; } #myvhxzjini .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #myvhxzjini .gt_font_normal { font-weight: normal; } #myvhxzjini .gt_font_bold { font-weight: bold; } #myvhxzjini .gt_font_italic { font-style: italic; } #myvhxzjini .gt_super { font-size: 65%; } #myvhxzjini .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="myvhxzjini" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #009AD1; color: #FFFFFF;">#009AD1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #59B6DC; color: #000000;">#59B6DCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A0D3E6; color: #000000;">#A0D3E6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8E5EF; color: #000000;">#C8E5EFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5E5E5; color: #000000;">#E5E5E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCCCCC; color: #000000;">#CCCCCCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #999999; color: #000000;">#999999FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #666666; color: #FFFFFF;">#666666FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapeplot::vaporwave") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gbkwkidgok .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gbkwkidgok .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gbkwkidgok .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gbkwkidgok .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gbkwkidgok .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gbkwkidgok .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gbkwkidgok .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gbkwkidgok .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gbkwkidgok .gt_column_spanner_outer:first-child { padding-left: 0; } #gbkwkidgok .gt_column_spanner_outer:last-child { padding-right: 0; } #gbkwkidgok .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gbkwkidgok .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gbkwkidgok .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gbkwkidgok .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gbkwkidgok .gt_from_md > :first-child { margin-top: 0; } #gbkwkidgok .gt_from_md > :last-child { margin-bottom: 0; } #gbkwkidgok .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gbkwkidgok .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gbkwkidgok .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gbkwkidgok .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gbkwkidgok .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gbkwkidgok .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gbkwkidgok .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gbkwkidgok .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gbkwkidgok .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gbkwkidgok .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gbkwkidgok .gt_sourcenote { font-size: 90%; padding: 4px; } #gbkwkidgok .gt_left { text-align: left; } #gbkwkidgok .gt_center { text-align: center; } #gbkwkidgok .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gbkwkidgok .gt_font_normal { font-weight: normal; } #gbkwkidgok .gt_font_bold { font-weight: bold; } #gbkwkidgok .gt_font_italic { font-style: italic; } #gbkwkidgok .gt_super { font-size: 65%; } #gbkwkidgok .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gbkwkidgok" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #94D0FF; color: #000000;">#94D0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8795E8; color: #000000;">#8795E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #966BFF; color: #000000;">#966BFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AD8CFF; color: #000000;">#AD8CFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C774E8; color: #000000;">#C774E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C774A9; color: #000000;">#C774A9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF6AD5; color: #000000;">#FF6AD5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF6A8B; color: #000000;">#FF6A8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF8B8B; color: #000000;">#FF8B8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFA58B; color: #000000;">#FFA58BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFDE8B; color: #000000;">#FFDE8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CDDE8B; color: #000000;">#CDDE8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BDE8B; color: #000000;">#8BDE8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #20DE8B; color: #000000;">#20DE8BFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapeplot::cool") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #lzdncndkwq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #lzdncndkwq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #lzdncndkwq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #lzdncndkwq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #lzdncndkwq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #lzdncndkwq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #lzdncndkwq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #lzdncndkwq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #lzdncndkwq .gt_column_spanner_outer:first-child { padding-left: 0; } #lzdncndkwq .gt_column_spanner_outer:last-child { padding-right: 0; } #lzdncndkwq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #lzdncndkwq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #lzdncndkwq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #lzdncndkwq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #lzdncndkwq .gt_from_md > :first-child { margin-top: 0; } #lzdncndkwq .gt_from_md > :last-child { margin-bottom: 0; } #lzdncndkwq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #lzdncndkwq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #lzdncndkwq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #lzdncndkwq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #lzdncndkwq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #lzdncndkwq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #lzdncndkwq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #lzdncndkwq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #lzdncndkwq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #lzdncndkwq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #lzdncndkwq .gt_sourcenote { font-size: 90%; padding: 4px; } #lzdncndkwq .gt_left { text-align: left; } #lzdncndkwq .gt_center { text-align: center; } #lzdncndkwq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #lzdncndkwq .gt_font_normal { font-weight: normal; } #lzdncndkwq .gt_font_bold { font-weight: bold; } #lzdncndkwq .gt_font_italic { font-style: italic; } #lzdncndkwq .gt_super { font-size: 65%; } #lzdncndkwq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="lzdncndkwq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF6AD5; color: #000000;">#FF6AD5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C774E8; color: #000000;">#C774E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AD8CFF; color: #000000;">#AD8CFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8795E8; color: #000000;">#8795E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #94D0FF; color: #000000;">#94D0FFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapeplot::crystal_pepsi") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #nahqpkmrwu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #nahqpkmrwu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nahqpkmrwu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #nahqpkmrwu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #nahqpkmrwu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nahqpkmrwu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nahqpkmrwu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #nahqpkmrwu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #nahqpkmrwu .gt_column_spanner_outer:first-child { padding-left: 0; } #nahqpkmrwu .gt_column_spanner_outer:last-child { padding-right: 0; } #nahqpkmrwu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #nahqpkmrwu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #nahqpkmrwu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #nahqpkmrwu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #nahqpkmrwu .gt_from_md > :first-child { margin-top: 0; } #nahqpkmrwu .gt_from_md > :last-child { margin-bottom: 0; } #nahqpkmrwu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #nahqpkmrwu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #nahqpkmrwu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nahqpkmrwu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #nahqpkmrwu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nahqpkmrwu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #nahqpkmrwu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nahqpkmrwu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nahqpkmrwu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #nahqpkmrwu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nahqpkmrwu .gt_sourcenote { font-size: 90%; padding: 4px; } #nahqpkmrwu .gt_left { text-align: left; } #nahqpkmrwu .gt_center { text-align: center; } #nahqpkmrwu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #nahqpkmrwu .gt_font_normal { font-weight: normal; } #nahqpkmrwu .gt_font_bold { font-weight: bold; } #nahqpkmrwu .gt_font_italic { font-style: italic; } #nahqpkmrwu .gt_super { font-size: 65%; } #nahqpkmrwu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="nahqpkmrwu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFCCFF; color: #000000;">#FFCCFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1DAFF; color: #000000;">#F1DAFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3E8FF; color: #000000;">#E3E8FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCFFFF; color: #000000;">#CCFFFFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapoRwave::avanti") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ujnhtnkorq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ujnhtnkorq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ujnhtnkorq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ujnhtnkorq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ujnhtnkorq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ujnhtnkorq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ujnhtnkorq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ujnhtnkorq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ujnhtnkorq .gt_column_spanner_outer:first-child { padding-left: 0; } #ujnhtnkorq .gt_column_spanner_outer:last-child { padding-right: 0; } #ujnhtnkorq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ujnhtnkorq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ujnhtnkorq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ujnhtnkorq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ujnhtnkorq .gt_from_md > :first-child { margin-top: 0; } #ujnhtnkorq .gt_from_md > :last-child { margin-bottom: 0; } #ujnhtnkorq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ujnhtnkorq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ujnhtnkorq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ujnhtnkorq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ujnhtnkorq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ujnhtnkorq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ujnhtnkorq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ujnhtnkorq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ujnhtnkorq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ujnhtnkorq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ujnhtnkorq .gt_sourcenote { font-size: 90%; padding: 4px; } #ujnhtnkorq .gt_left { text-align: left; } #ujnhtnkorq .gt_center { text-align: center; } #ujnhtnkorq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ujnhtnkorq .gt_font_normal { font-weight: normal; } #ujnhtnkorq .gt_font_bold { font-weight: bold; } #ujnhtnkorq .gt_font_italic { font-style: italic; } #ujnhtnkorq .gt_super { font-size: 65%; } #ujnhtnkorq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ujnhtnkorq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #9DCFF0; color: #000000;">#9DCFF0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #76BDCF; color: #000000;">#76BDCFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CE75AD; color: #000000;">#CE75ADFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #94376C; color: #FFFFFF;">#94376CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB4142; color: #FFFFFF;">#FB4142FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapoRwave::cool") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mmfjbpzsbz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mmfjbpzsbz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mmfjbpzsbz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mmfjbpzsbz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mmfjbpzsbz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mmfjbpzsbz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mmfjbpzsbz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mmfjbpzsbz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mmfjbpzsbz .gt_column_spanner_outer:first-child { padding-left: 0; } #mmfjbpzsbz .gt_column_spanner_outer:last-child { padding-right: 0; } #mmfjbpzsbz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mmfjbpzsbz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mmfjbpzsbz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mmfjbpzsbz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mmfjbpzsbz .gt_from_md > :first-child { margin-top: 0; } #mmfjbpzsbz .gt_from_md > :last-child { margin-bottom: 0; } #mmfjbpzsbz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mmfjbpzsbz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mmfjbpzsbz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mmfjbpzsbz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mmfjbpzsbz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mmfjbpzsbz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mmfjbpzsbz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mmfjbpzsbz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mmfjbpzsbz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mmfjbpzsbz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mmfjbpzsbz .gt_sourcenote { font-size: 90%; padding: 4px; } #mmfjbpzsbz .gt_left { text-align: left; } #mmfjbpzsbz .gt_center { text-align: center; } #mmfjbpzsbz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mmfjbpzsbz .gt_font_normal { font-weight: normal; } #mmfjbpzsbz .gt_font_bold { font-weight: bold; } #mmfjbpzsbz .gt_font_italic { font-style: italic; } #mmfjbpzsbz .gt_super { font-size: 65%; } #mmfjbpzsbz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mmfjbpzsbz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #94D0FF; color: #000000;">#94D0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8795E8; color: #000000;">#8795E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AD8CFF; color: #000000;">#AD8CFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C774E8; color: #000000;">#C774E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF6AD5; color: #000000;">#FF6AD5FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("vapoRwave::crystalPepsi") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #eflclgelkf .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #eflclgelkf .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #eflclgelkf .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #eflclgelkf .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #eflclgelkf .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #eflclgelkf .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #eflclgelkf .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #eflclgelkf .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #eflclgelkf .gt_column_spanner_outer:first-child { padding-left: 0; } #eflclgelkf .gt_column_spanner_outer:last-child { padding-right: 0; } #eflclgelkf .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #eflclgelkf .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #eflclgelkf .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #eflclgelkf .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #eflclgelkf .gt_from_md > :first-child { margin-top: 0; } #eflclgelkf .gt_from_md > :last-child { margin-bottom: 0; } #eflclgelkf .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #eflclgelkf .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #eflclgelkf .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #eflclgelkf .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #eflclgelkf .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #eflclgelkf .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #eflclgelkf .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #eflclgelkf .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #eflclgelkf .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #eflclgelkf .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #eflclgelkf .gt_sourcenote { font-size: 90%; padding: 4px; } #eflclgelkf .gt_left { text-align: left; } #eflclgelkf .gt_center { text-align: center; } #eflclgelkf .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #eflclgelkf .gt_font_normal { font-weight: normal; } #eflclgelkf .gt_font_bold { font-weight: bold; } #eflclgelkf .gt_font_italic { font-style: italic; } #eflclgelkf .gt_super { font-size: 65%; } #eflclgelkf .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="eflclgelkf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #CCFFFF; color: #000000;">#CCFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3E8FF; color: #000000;">#E3E8FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1DAFF; color: #000000;">#F1DAFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFCCFF; color: #000000;">#FFCCFFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("werpals::cinderella") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #anoqjjndkt .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #anoqjjndkt .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #anoqjjndkt .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #anoqjjndkt .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #anoqjjndkt .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #anoqjjndkt .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #anoqjjndkt .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #anoqjjndkt .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #anoqjjndkt .gt_column_spanner_outer:first-child { padding-left: 0; } #anoqjjndkt .gt_column_spanner_outer:last-child { padding-right: 0; } #anoqjjndkt .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #anoqjjndkt .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #anoqjjndkt .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #anoqjjndkt .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #anoqjjndkt .gt_from_md > :first-child { margin-top: 0; } #anoqjjndkt .gt_from_md > :last-child { margin-bottom: 0; } #anoqjjndkt .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #anoqjjndkt .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #anoqjjndkt .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #anoqjjndkt .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #anoqjjndkt .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #anoqjjndkt .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #anoqjjndkt .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #anoqjjndkt .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #anoqjjndkt .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #anoqjjndkt .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #anoqjjndkt .gt_sourcenote { font-size: 90%; padding: 4px; } #anoqjjndkt .gt_left { text-align: left; } #anoqjjndkt .gt_center { text-align: center; } #anoqjjndkt .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #anoqjjndkt .gt_font_normal { font-weight: normal; } #anoqjjndkt .gt_font_bold { font-weight: bold; } #anoqjjndkt .gt_font_italic { font-style: italic; } #anoqjjndkt .gt_super { font-size: 65%; } #anoqjjndkt .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="anoqjjndkt" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #96ABB1; color: #000000;">#96ABB1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #313746; color: #FFFFFF;">#313746FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B0909D; color: #000000;">#B0909DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #687A97; color: #FFFFFF;">#687A97FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #292014; color: #FFFFFF;">#292014FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("werpals::monet") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #iirzvtzmyz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #iirzvtzmyz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iirzvtzmyz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #iirzvtzmyz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #iirzvtzmyz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iirzvtzmyz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iirzvtzmyz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #iirzvtzmyz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #iirzvtzmyz .gt_column_spanner_outer:first-child { padding-left: 0; } #iirzvtzmyz .gt_column_spanner_outer:last-child { padding-right: 0; } #iirzvtzmyz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #iirzvtzmyz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #iirzvtzmyz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #iirzvtzmyz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #iirzvtzmyz .gt_from_md > :first-child { margin-top: 0; } #iirzvtzmyz .gt_from_md > :last-child { margin-bottom: 0; } #iirzvtzmyz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #iirzvtzmyz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #iirzvtzmyz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iirzvtzmyz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #iirzvtzmyz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iirzvtzmyz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #iirzvtzmyz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iirzvtzmyz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iirzvtzmyz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #iirzvtzmyz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iirzvtzmyz .gt_sourcenote { font-size: 90%; padding: 4px; } #iirzvtzmyz .gt_left { text-align: left; } #iirzvtzmyz .gt_center { text-align: center; } #iirzvtzmyz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #iirzvtzmyz .gt_font_normal { font-weight: normal; } #iirzvtzmyz .gt_font_bold { font-weight: bold; } #iirzvtzmyz .gt_font_italic { font-style: italic; } #iirzvtzmyz .gt_super { font-size: 65%; } #iirzvtzmyz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="iirzvtzmyz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #08221C; color: #FFFFFF;">#08221CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #113719; color: #FFFFFF;">#113719FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #36611B; color: #FFFFFF;">#36611BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #72972F; color: #000000;">#72972FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A4B77D; color: #000000;">#A4B77DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CDC597; color: #000000;">#CDC597FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("werpals::small_world") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rzinrmidsk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rzinrmidsk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rzinrmidsk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rzinrmidsk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rzinrmidsk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rzinrmidsk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rzinrmidsk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rzinrmidsk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rzinrmidsk .gt_column_spanner_outer:first-child { padding-left: 0; } #rzinrmidsk .gt_column_spanner_outer:last-child { padding-right: 0; } #rzinrmidsk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rzinrmidsk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rzinrmidsk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rzinrmidsk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rzinrmidsk .gt_from_md > :first-child { margin-top: 0; } #rzinrmidsk .gt_from_md > :last-child { margin-bottom: 0; } #rzinrmidsk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rzinrmidsk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rzinrmidsk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rzinrmidsk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rzinrmidsk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rzinrmidsk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rzinrmidsk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rzinrmidsk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rzinrmidsk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rzinrmidsk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rzinrmidsk .gt_sourcenote { font-size: 90%; padding: 4px; } #rzinrmidsk .gt_left { text-align: left; } #rzinrmidsk .gt_center { text-align: center; } #rzinrmidsk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rzinrmidsk .gt_font_normal { font-weight: normal; } #rzinrmidsk .gt_font_bold { font-weight: bold; } #rzinrmidsk .gt_font_italic { font-style: italic; } #rzinrmidsk .gt_super { font-size: 65%; } #rzinrmidsk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rzinrmidsk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00A2CE; color: #FFFFFF;">#00A2CEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B3331D; color: #FFFFFF;">#B3331DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B6A756; color: #000000;">#B6A756FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #122753; color: #FFFFFF;">#122753FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B86117; color: #FFFFFF;">#B86117FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4D430C; color: #FFFFFF;">#4D430CFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("wesanderson::BottleRocket1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #kjbrhoerxu .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #kjbrhoerxu .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kjbrhoerxu .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #kjbrhoerxu .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #kjbrhoerxu .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kjbrhoerxu .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #kjbrhoerxu .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #kjbrhoerxu .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #kjbrhoerxu .gt_column_spanner_outer:first-child { padding-left: 0; } #kjbrhoerxu .gt_column_spanner_outer:last-child { padding-right: 0; } #kjbrhoerxu .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #kjbrhoerxu .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #kjbrhoerxu .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #kjbrhoerxu .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #kjbrhoerxu .gt_from_md > :first-child { margin-top: 0; } #kjbrhoerxu .gt_from_md > :last-child { margin-bottom: 0; } #kjbrhoerxu .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #kjbrhoerxu .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #kjbrhoerxu .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kjbrhoerxu .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #kjbrhoerxu .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #kjbrhoerxu .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #kjbrhoerxu .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #kjbrhoerxu .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kjbrhoerxu .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #kjbrhoerxu .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #kjbrhoerxu .gt_sourcenote { font-size: 90%; padding: 4px; } #kjbrhoerxu .gt_left { text-align: left; } #kjbrhoerxu .gt_center { text-align: center; } #kjbrhoerxu .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #kjbrhoerxu .gt_font_normal { font-weight: normal; } #kjbrhoerxu .gt_font_bold { font-weight: bold; } #kjbrhoerxu .gt_font_italic { font-style: italic; } #kjbrhoerxu .gt_super { font-size: 65%; } #kjbrhoerxu .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="kjbrhoerxu" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #A42820; color: #FFFFFF;">#A42820FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5F5647; color: #FFFFFF;">#5F5647FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B110E; color: #FFFFFF;">#9B110EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3F5151; color: #FFFFFF;">#3F5151FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4E2A1E; color: #FFFFFF;">#4E2A1EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #550307; color: #FFFFFF;">#550307FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0C1707; color: #FFFFFF;">#0C1707FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("wesanderson::BottleRocket2") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #pdvkihzbus .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #pdvkihzbus .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pdvkihzbus .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #pdvkihzbus .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #pdvkihzbus .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pdvkihzbus .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #pdvkihzbus .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #pdvkihzbus .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #pdvkihzbus .gt_column_spanner_outer:first-child { padding-left: 0; } #pdvkihzbus .gt_column_spanner_outer:last-child { padding-right: 0; } #pdvkihzbus .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #pdvkihzbus .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #pdvkihzbus .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #pdvkihzbus .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #pdvkihzbus .gt_from_md > :first-child { margin-top: 0; } #pdvkihzbus .gt_from_md > :last-child { margin-bottom: 0; } #pdvkihzbus .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #pdvkihzbus .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #pdvkihzbus .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pdvkihzbus .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #pdvkihzbus .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #pdvkihzbus .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #pdvkihzbus .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #pdvkihzbus .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pdvkihzbus .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #pdvkihzbus .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #pdvkihzbus .gt_sourcenote { font-size: 90%; padding: 4px; } #pdvkihzbus .gt_left { text-align: left; } #pdvkihzbus .gt_center { text-align: center; } #pdvkihzbus .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #pdvkihzbus .gt_font_normal { font-weight: normal; } #pdvkihzbus .gt_font_bold { font-weight: bold; } #pdvkihzbus .gt_font_italic { font-style: italic; } #pdvkihzbus .gt_super { font-size: 65%; } #pdvkihzbus .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="pdvkihzbus" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FAD510; color: #000000;">#FAD510FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CB2314; color: #FFFFFF;">#CB2314FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #273046; color: #FFFFFF;">#273046FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #354823; color: #FFFFFF;">#354823FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1E1E1E; color: #FFFFFF;">#1E1E1EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("wesanderson::Rushmore1") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #lxhwjpzyho .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #lxhwjpzyho .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #lxhwjpzyho .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #lxhwjpzyho .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #lxhwjpzyho .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #lxhwjpzyho .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #lxhwjpzyho .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #lxhwjpzyho .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #lxhwjpzyho .gt_column_spanner_outer:first-child { padding-left: 0; } #lxhwjpzyho .gt_column_spanner_outer:last-child { padding-right: 0; } #lxhwjpzyho .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #lxhwjpzyho .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #lxhwjpzyho .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #lxhwjpzyho .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #lxhwjpzyho .gt_from_md > :first-child { margin-top: 0; } #lxhwjpzyho .gt_from_md > :last-child { margin-bottom: 0; } #lxhwjpzyho .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #lxhwjpzyho .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #lxhwjpzyho .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #lxhwjpzyho .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #lxhwjpzyho .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #lxhwjpzyho .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #lxhwjpzyho .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #lxhwjpzyho .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #lxhwjpzyho .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #lxhwjpzyho .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #lxhwjpzyho .gt_sourcenote { font-size: 90%; padding: 4px; } #lxhwjpzyho .gt_left { text-align: left; } #lxhwjpzyho .gt_center { text-align: center; } #lxhwjpzyho .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #lxhwjpzyho .gt_font_normal { font-weight: normal; } #lxhwjpzyho .gt_font_bold { font-weight: bold; } #lxhwjpzyho .gt_font_italic { font-style: italic; } #lxhwjpzyho .gt_super { font-size: 65%; } #lxhwjpzyho .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="lxhwjpzyho" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E1BD6D; color: #000000;">#E1BD6DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EABE94; color: #000000;">#EABE94FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0B775E; color: #FFFFFF;">#0B775EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #35274A; color: #FFFFFF;">#35274AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2300F; color: #FFFFFF;">#F2300FFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("yarrr::basel") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #uoknvhmwxz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #uoknvhmwxz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uoknvhmwxz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #uoknvhmwxz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #uoknvhmwxz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uoknvhmwxz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uoknvhmwxz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #uoknvhmwxz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #uoknvhmwxz .gt_column_spanner_outer:first-child { padding-left: 0; } #uoknvhmwxz .gt_column_spanner_outer:last-child { padding-right: 0; } #uoknvhmwxz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #uoknvhmwxz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #uoknvhmwxz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #uoknvhmwxz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #uoknvhmwxz .gt_from_md > :first-child { margin-top: 0; } #uoknvhmwxz .gt_from_md > :last-child { margin-bottom: 0; } #uoknvhmwxz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #uoknvhmwxz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #uoknvhmwxz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uoknvhmwxz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #uoknvhmwxz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uoknvhmwxz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #uoknvhmwxz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uoknvhmwxz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uoknvhmwxz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #uoknvhmwxz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uoknvhmwxz .gt_sourcenote { font-size: 90%; padding: 4px; } #uoknvhmwxz .gt_left { text-align: left; } #uoknvhmwxz .gt_center { text-align: center; } #uoknvhmwxz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #uoknvhmwxz .gt_font_normal { font-weight: normal; } #uoknvhmwxz .gt_font_bold { font-weight: bold; } #uoknvhmwxz .gt_font_italic { font-style: italic; } #uoknvhmwxz .gt_super { font-size: 65%; } #uoknvhmwxz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="uoknvhmwxz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0C5BB0; color: #FFFFFF;">#0C5BB0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EE0011; color: #FFFFFF;">#EE0011FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #15983D; color: #FFFFFF;">#15983DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EC579A; color: #000000;">#EC579AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FA6B09; color: #000000;">#FA6B09FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #149BED; color: #000000;">#149BEDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A1C720; color: #000000;">#A1C720FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEC10B; color: #000000;">#FEC10BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #16A08C; color: #FFFFFF;">#16A08CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9A703E; color: #FFFFFF;">#9A703EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("yarrr::pony") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #sjvbcpbroo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #sjvbcpbroo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #sjvbcpbroo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #sjvbcpbroo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #sjvbcpbroo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #sjvbcpbroo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #sjvbcpbroo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #sjvbcpbroo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #sjvbcpbroo .gt_column_spanner_outer:first-child { padding-left: 0; } #sjvbcpbroo .gt_column_spanner_outer:last-child { padding-right: 0; } #sjvbcpbroo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #sjvbcpbroo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #sjvbcpbroo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #sjvbcpbroo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #sjvbcpbroo .gt_from_md > :first-child { margin-top: 0; } #sjvbcpbroo .gt_from_md > :last-child { margin-bottom: 0; } #sjvbcpbroo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #sjvbcpbroo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #sjvbcpbroo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #sjvbcpbroo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #sjvbcpbroo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #sjvbcpbroo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #sjvbcpbroo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #sjvbcpbroo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #sjvbcpbroo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #sjvbcpbroo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #sjvbcpbroo .gt_sourcenote { font-size: 90%; padding: 4px; } #sjvbcpbroo .gt_left { text-align: left; } #sjvbcpbroo .gt_center { text-align: center; } #sjvbcpbroo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #sjvbcpbroo .gt_font_normal { font-weight: normal; } #sjvbcpbroo .gt_font_bold { font-weight: bold; } #sjvbcpbroo .gt_font_italic { font-style: italic; } #sjvbcpbroo .gt_super { font-size: 65%; } #sjvbcpbroo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="sjvbcpbroo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #EB5291; color: #000000;">#EB5291FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBBB68; color: #000000;">#FBBB68FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5BACF; color: #000000;">#F5BACFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9DDAF5; color: #000000;">#9DDAF5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6351A0; color: #FFFFFF;">#6351A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECF1F4; color: #000000;">#ECF1F4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEF79E; color: #000000;">#FEF79EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1794CE; color: #FFFFFF;">#1794CEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #972C8D; color: #FFFFFF;">#972C8DFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_d-rotate[ ```r *pal <- paletteer_d("yarrr::xmen") pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_d-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #jlbyjmxoxm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #jlbyjmxoxm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jlbyjmxoxm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #jlbyjmxoxm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #jlbyjmxoxm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jlbyjmxoxm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #jlbyjmxoxm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #jlbyjmxoxm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #jlbyjmxoxm .gt_column_spanner_outer:first-child { padding-left: 0; } #jlbyjmxoxm .gt_column_spanner_outer:last-child { padding-right: 0; } #jlbyjmxoxm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #jlbyjmxoxm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #jlbyjmxoxm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #jlbyjmxoxm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #jlbyjmxoxm .gt_from_md > :first-child { margin-top: 0; } #jlbyjmxoxm .gt_from_md > :last-child { margin-bottom: 0; } #jlbyjmxoxm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #jlbyjmxoxm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #jlbyjmxoxm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jlbyjmxoxm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #jlbyjmxoxm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #jlbyjmxoxm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #jlbyjmxoxm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #jlbyjmxoxm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jlbyjmxoxm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #jlbyjmxoxm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #jlbyjmxoxm .gt_sourcenote { font-size: 90%; padding: 4px; } #jlbyjmxoxm .gt_left { text-align: left; } #jlbyjmxoxm .gt_center { text-align: center; } #jlbyjmxoxm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #jlbyjmxoxm .gt_font_normal { font-weight: normal; } #jlbyjmxoxm .gt_font_bold { font-weight: bold; } #jlbyjmxoxm .gt_font_italic { font-style: italic; } #jlbyjmxoxm .gt_super { font-size: 65%; } #jlbyjmxoxm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="jlbyjmxoxm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #026CCB; color: #FFFFFF;">#026CCBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F51E02; color: #FFFFFF;">#F51E02FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #05B102; color: #FFFFFF;">#05B102FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB9F53; color: #000000;">#FB9F53FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B9B9B; color: #000000;">#9B9B9BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB82BE; color: #000000;">#FB82BEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BA6222; color: #FFFFFF;">#BA6222FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEC229; color: #000000;">#EEC229FF</td> </tr> </tbody> </table></div> ] <style> .left-code-straight_up_d-rotate { color: #777; width: 69%; height: 92%; float: left; font-size: 110% } .right-output-straight_up_d-rotate { width: 30%; float: right; padding-left: 1%; } </style> --- class: inverse, center, middle ## Just the scales: continuous -- Displays the first five scales from every package in {paletteer} -- This is ~ 40 out of ~ 300 total scales. --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r pal <- paletteer_c("gameofthrones::baratheon", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #riwvakszxr .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #riwvakszxr .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #riwvakszxr .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #riwvakszxr .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #riwvakszxr .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #riwvakszxr .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #riwvakszxr .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #riwvakszxr .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #riwvakszxr .gt_column_spanner_outer:first-child { padding-left: 0; } #riwvakszxr .gt_column_spanner_outer:last-child { padding-right: 0; } #riwvakszxr .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #riwvakszxr .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #riwvakszxr .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #riwvakszxr .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #riwvakszxr .gt_from_md > :first-child { margin-top: 0; } #riwvakszxr .gt_from_md > :last-child { margin-bottom: 0; } #riwvakszxr .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #riwvakszxr .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #riwvakszxr .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #riwvakszxr .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #riwvakszxr .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #riwvakszxr .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #riwvakszxr .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #riwvakszxr .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #riwvakszxr .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #riwvakszxr .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #riwvakszxr .gt_sourcenote { font-size: 90%; padding: 4px; } #riwvakszxr .gt_left { text-align: left; } #riwvakszxr .gt_center { text-align: center; } #riwvakszxr .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #riwvakszxr .gt_font_normal { font-weight: normal; } #riwvakszxr .gt_font_bold { font-weight: bold; } #riwvakszxr .gt_font_italic { font-style: italic; } #riwvakszxr .gt_super { font-size: 65%; } #riwvakszxr .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="riwvakszxr" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #02060B; color: #FFFFFF;">#02060BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4D3D0E; color: #FFFFFF;">#4D3D0EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #987411; color: #FFFFFF;">#987411FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A88214; color: #000000;">#A88214FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B89017; color: #000000;">#B89017FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D3A40B; color: #000000;">#D3A40BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0BA00; color: #000000;">#F0BA00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6DB7C; color: #000000;">#F6DB7CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEFEF9; color: #000000;">#FEFEF9FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("gameofthrones::greyjoy", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ercahcnmnk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ercahcnmnk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ercahcnmnk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ercahcnmnk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ercahcnmnk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ercahcnmnk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ercahcnmnk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ercahcnmnk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ercahcnmnk .gt_column_spanner_outer:first-child { padding-left: 0; } #ercahcnmnk .gt_column_spanner_outer:last-child { padding-right: 0; } #ercahcnmnk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ercahcnmnk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ercahcnmnk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ercahcnmnk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ercahcnmnk .gt_from_md > :first-child { margin-top: 0; } #ercahcnmnk .gt_from_md > :last-child { margin-bottom: 0; } #ercahcnmnk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ercahcnmnk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ercahcnmnk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ercahcnmnk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ercahcnmnk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ercahcnmnk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ercahcnmnk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ercahcnmnk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ercahcnmnk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ercahcnmnk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ercahcnmnk .gt_sourcenote { font-size: 90%; padding: 4px; } #ercahcnmnk .gt_left { text-align: left; } #ercahcnmnk .gt_center { text-align: center; } #ercahcnmnk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ercahcnmnk .gt_font_normal { font-weight: normal; } #ercahcnmnk .gt_font_bold { font-weight: bold; } #ercahcnmnk .gt_font_italic { font-style: italic; } #ercahcnmnk .gt_super { font-size: 65%; } #ercahcnmnk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ercahcnmnk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1B1714; color: #FFFFFF;">#1B1714FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #372E29; color: #FFFFFF;">#372E29FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54483F; color: #FFFFFF;">#54483FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #726255; color: #FFFFFF;">#726255FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B09459; color: #000000;">#B09459FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0C75E; color: #000000;">#F0C75EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEC04B; color: #000000;">#EEC04BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECB939; color: #000000;">#ECB939FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("gameofthrones::jon_snow", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xwnlnzewue .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xwnlnzewue .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xwnlnzewue .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xwnlnzewue .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xwnlnzewue .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xwnlnzewue .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xwnlnzewue .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xwnlnzewue .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xwnlnzewue .gt_column_spanner_outer:first-child { padding-left: 0; } #xwnlnzewue .gt_column_spanner_outer:last-child { padding-right: 0; } #xwnlnzewue .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xwnlnzewue .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xwnlnzewue .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xwnlnzewue .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xwnlnzewue .gt_from_md > :first-child { margin-top: 0; } #xwnlnzewue .gt_from_md > :last-child { margin-bottom: 0; } #xwnlnzewue .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xwnlnzewue .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xwnlnzewue .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xwnlnzewue .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xwnlnzewue .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xwnlnzewue .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xwnlnzewue .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xwnlnzewue .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xwnlnzewue .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xwnlnzewue .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xwnlnzewue .gt_sourcenote { font-size: 90%; padding: 4px; } #xwnlnzewue .gt_left { text-align: left; } #xwnlnzewue .gt_center { text-align: center; } #xwnlnzewue .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xwnlnzewue .gt_font_normal { font-weight: normal; } #xwnlnzewue .gt_font_bold { font-weight: bold; } #xwnlnzewue .gt_font_italic { font-style: italic; } #xwnlnzewue .gt_super { font-size: 65%; } #xwnlnzewue .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xwnlnzewue" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #132525; color: #FFFFFF;">#132525FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #112B2B; color: #FFFFFF;">#112B2BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #113232; color: #FFFFFF;">#113232FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #425253; color: #FFFFFF;">#425253FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #747374; color: #FFFFFF;">#747374FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #849A9A; color: #000000;">#849A9AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #95C2C1; color: #000000;">#95C2C1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #65B8B7; color: #000000;">#65B8B7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #36AFAE; color: #000000;">#36AFAEFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("gameofthrones::lannister", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #dxqznuhiwv .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #dxqznuhiwv .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dxqznuhiwv .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #dxqznuhiwv .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #dxqznuhiwv .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dxqznuhiwv .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #dxqznuhiwv .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #dxqznuhiwv .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #dxqznuhiwv .gt_column_spanner_outer:first-child { padding-left: 0; } #dxqznuhiwv .gt_column_spanner_outer:last-child { padding-right: 0; } #dxqznuhiwv .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #dxqznuhiwv .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #dxqznuhiwv .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #dxqznuhiwv .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #dxqznuhiwv .gt_from_md > :first-child { margin-top: 0; } #dxqznuhiwv .gt_from_md > :last-child { margin-bottom: 0; } #dxqznuhiwv .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #dxqznuhiwv .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #dxqznuhiwv .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dxqznuhiwv .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #dxqznuhiwv .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #dxqznuhiwv .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #dxqznuhiwv .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #dxqznuhiwv .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dxqznuhiwv .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #dxqznuhiwv .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #dxqznuhiwv .gt_sourcenote { font-size: 90%; padding: 4px; } #dxqznuhiwv .gt_left { text-align: left; } #dxqznuhiwv .gt_center { text-align: center; } #dxqznuhiwv .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #dxqznuhiwv .gt_font_normal { font-weight: normal; } #dxqznuhiwv .gt_font_bold { font-weight: bold; } #dxqznuhiwv .gt_font_italic { font-style: italic; } #dxqznuhiwv .gt_super { font-size: 65%; } #dxqznuhiwv .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="dxqznuhiwv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #5C0000; color: #FFFFFF;">#5C0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #720000; color: #FFFFFF;">#720000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #890000; color: #FFFFFF;">#890000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A70000; color: #FFFFFF;">#A70000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C50000; color: #FFFFFF;">#C50000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DF3E00; color: #FFFFFF;">#DF3E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB7E00; color: #000000;">#FB7E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC9200; color: #000000;">#FC9200FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFA700; color: #000000;">#FFA700FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("gameofthrones::martell", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #oozofgytee .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #oozofgytee .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #oozofgytee .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #oozofgytee .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #oozofgytee .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #oozofgytee .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #oozofgytee .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #oozofgytee .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #oozofgytee .gt_column_spanner_outer:first-child { padding-left: 0; } #oozofgytee .gt_column_spanner_outer:last-child { padding-right: 0; } #oozofgytee .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #oozofgytee .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #oozofgytee .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #oozofgytee .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #oozofgytee .gt_from_md > :first-child { margin-top: 0; } #oozofgytee .gt_from_md > :last-child { margin-bottom: 0; } #oozofgytee .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #oozofgytee .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #oozofgytee .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #oozofgytee .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #oozofgytee .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #oozofgytee .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #oozofgytee .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #oozofgytee .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #oozofgytee .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #oozofgytee .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #oozofgytee .gt_sourcenote { font-size: 90%; padding: 4px; } #oozofgytee .gt_left { text-align: left; } #oozofgytee .gt_center { text-align: center; } #oozofgytee .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #oozofgytee .gt_font_normal { font-weight: normal; } #oozofgytee .gt_font_bold { font-weight: bold; } #oozofgytee .gt_font_italic { font-style: italic; } #oozofgytee .gt_super { font-size: 65%; } #oozofgytee .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="oozofgytee" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #F1B043; color: #000000;">#F1B043FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8A22C; color: #000000;">#F8A22CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9517; color: #000000;">#FF9517FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F6830B; color: #000000;">#F6830BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EF7300; color: #000000;">#EF7300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EE5D00; color: #FFFFFF;">#EE5D00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ED4700; color: #FFFFFF;">#ED4700FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CF2300; color: #FFFFFF;">#CF2300FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B20000; color: #FFFFFF;">#B20000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("ggthemes::Blue-Green Sequential", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #coyxxwjpjs .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #coyxxwjpjs .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #coyxxwjpjs .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #coyxxwjpjs .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #coyxxwjpjs .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #coyxxwjpjs .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #coyxxwjpjs .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #coyxxwjpjs .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #coyxxwjpjs .gt_column_spanner_outer:first-child { padding-left: 0; } #coyxxwjpjs .gt_column_spanner_outer:last-child { padding-right: 0; } #coyxxwjpjs .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #coyxxwjpjs .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #coyxxwjpjs .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #coyxxwjpjs .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #coyxxwjpjs .gt_from_md > :first-child { margin-top: 0; } #coyxxwjpjs .gt_from_md > :last-child { margin-bottom: 0; } #coyxxwjpjs .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #coyxxwjpjs .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #coyxxwjpjs .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #coyxxwjpjs .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #coyxxwjpjs .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #coyxxwjpjs .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #coyxxwjpjs .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #coyxxwjpjs .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #coyxxwjpjs .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #coyxxwjpjs .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #coyxxwjpjs .gt_sourcenote { font-size: 90%; padding: 4px; } #coyxxwjpjs .gt_left { text-align: left; } #coyxxwjpjs .gt_center { text-align: center; } #coyxxwjpjs .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #coyxxwjpjs .gt_font_normal { font-weight: normal; } #coyxxwjpjs .gt_font_bold { font-weight: bold; } #coyxxwjpjs .gt_font_italic { font-style: italic; } #coyxxwjpjs .gt_super { font-size: 65%; } #coyxxwjpjs .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="coyxxwjpjs" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FEFFD9; color: #000000;">#FEFFD9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5FBC5; color: #000000;">#F5FBC5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E9F7B8; color: #000000;">#E9F7B8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D8F1B2; color: #000000;">#D8F1B2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4EAB1; color: #000000;">#C4EAB1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A1DBB6; color: #000000;">#A1DBB6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #80CDBB; color: #000000;">#80CDBBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #60C1C0; color: #000000;">#60C1C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #41B7C4; color: #000000;">#41B7C4FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("ggthemes::Blue Light", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ycwhqqzaet .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ycwhqqzaet .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ycwhqqzaet .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ycwhqqzaet .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ycwhqqzaet .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ycwhqqzaet .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ycwhqqzaet .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ycwhqqzaet .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ycwhqqzaet .gt_column_spanner_outer:first-child { padding-left: 0; } #ycwhqqzaet .gt_column_spanner_outer:last-child { padding-right: 0; } #ycwhqqzaet .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ycwhqqzaet .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ycwhqqzaet .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ycwhqqzaet .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ycwhqqzaet .gt_from_md > :first-child { margin-top: 0; } #ycwhqqzaet .gt_from_md > :last-child { margin-bottom: 0; } #ycwhqqzaet .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ycwhqqzaet .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ycwhqqzaet .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ycwhqqzaet .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ycwhqqzaet .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ycwhqqzaet .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ycwhqqzaet .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ycwhqqzaet .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ycwhqqzaet .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ycwhqqzaet .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ycwhqqzaet .gt_sourcenote { font-size: 90%; padding: 4px; } #ycwhqqzaet .gt_left { text-align: left; } #ycwhqqzaet .gt_center { text-align: center; } #ycwhqqzaet .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ycwhqqzaet .gt_font_normal { font-weight: normal; } #ycwhqqzaet .gt_font_bold { font-weight: bold; } #ycwhqqzaet .gt_font_italic { font-style: italic; } #ycwhqqzaet .gt_super { font-size: 65%; } #ycwhqqzaet .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ycwhqqzaet" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E5E5E5; color: #000000;">#E5E5E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E1E3E7; color: #000000;">#E1E3E7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DEE2E9; color: #000000;">#DEE2E9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DAE0EB; color: #000000;">#DAE0EBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D5DFEC; color: #000000;">#D5DFECFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D1DDEE; color: #000000;">#D1DDEEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CDDBF0; color: #000000;">#CDDBF0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C9D9F2; color: #000000;">#C9D9F2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C4D8F3; color: #000000;">#C4D8F3FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("ggthemes::Orange Light", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #rpegmlavlq .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #rpegmlavlq .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rpegmlavlq .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #rpegmlavlq .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #rpegmlavlq .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rpegmlavlq .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #rpegmlavlq .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #rpegmlavlq .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #rpegmlavlq .gt_column_spanner_outer:first-child { padding-left: 0; } #rpegmlavlq .gt_column_spanner_outer:last-child { padding-right: 0; } #rpegmlavlq .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #rpegmlavlq .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #rpegmlavlq .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #rpegmlavlq .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #rpegmlavlq .gt_from_md > :first-child { margin-top: 0; } #rpegmlavlq .gt_from_md > :last-child { margin-bottom: 0; } #rpegmlavlq .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #rpegmlavlq .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #rpegmlavlq .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rpegmlavlq .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #rpegmlavlq .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #rpegmlavlq .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #rpegmlavlq .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #rpegmlavlq .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rpegmlavlq .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #rpegmlavlq .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #rpegmlavlq .gt_sourcenote { font-size: 90%; padding: 4px; } #rpegmlavlq .gt_left { text-align: left; } #rpegmlavlq .gt_center { text-align: center; } #rpegmlavlq .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #rpegmlavlq .gt_font_normal { font-weight: normal; } #rpegmlavlq .gt_font_bold { font-weight: bold; } #rpegmlavlq .gt_font_italic { font-style: italic; } #rpegmlavlq .gt_super { font-size: 65%; } #rpegmlavlq .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="rpegmlavlq" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #E5E5E5; color: #000000;">#E5E5E5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EAE2DC; color: #000000;">#EAE2DCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEDFD3; color: #000000;">#EEDFD3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F1DCCA; color: #000000;">#F1DCCAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F5D9C2; color: #000000;">#F5D9C2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8D5B9; color: #000000;">#F8D5B9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBD2B0; color: #000000;">#FBD2B0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FECFA7; color: #000000;">#FECFA7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFCC9E; color: #000000;">#FFCC9EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("ggthemes::Blue", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #nowaquiqqn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #nowaquiqqn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nowaquiqqn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #nowaquiqqn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #nowaquiqqn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nowaquiqqn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #nowaquiqqn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #nowaquiqqn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #nowaquiqqn .gt_column_spanner_outer:first-child { padding-left: 0; } #nowaquiqqn .gt_column_spanner_outer:last-child { padding-right: 0; } #nowaquiqqn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #nowaquiqqn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #nowaquiqqn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #nowaquiqqn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #nowaquiqqn .gt_from_md > :first-child { margin-top: 0; } #nowaquiqqn .gt_from_md > :last-child { margin-bottom: 0; } #nowaquiqqn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #nowaquiqqn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #nowaquiqqn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nowaquiqqn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #nowaquiqqn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #nowaquiqqn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #nowaquiqqn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #nowaquiqqn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nowaquiqqn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #nowaquiqqn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #nowaquiqqn .gt_sourcenote { font-size: 90%; padding: 4px; } #nowaquiqqn .gt_left { text-align: left; } #nowaquiqqn .gt_center { text-align: center; } #nowaquiqqn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #nowaquiqqn .gt_font_normal { font-weight: normal; } #nowaquiqqn .gt_font_bold { font-weight: bold; } #nowaquiqqn .gt_font_italic { font-style: italic; } #nowaquiqqn .gt_super { font-size: 65%; } #nowaquiqqn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="nowaquiqqn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #B9DDF1; color: #000000;">#B9DDF1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A1CCE7; color: #000000;">#A1CCE7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BBADB; color: #000000;">#8BBADBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #78A9CE; color: #000000;">#78A9CEFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6797C0; color: #000000;">#6797C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5586B3; color: #000000;">#5586B3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4779A4; color: #FFFFFF;">#4779A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #396694; color: #FFFFFF;">#396694FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2A5783; color: #FFFFFF;">#2A5783FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("ggthemes::Orange", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ekxntyupgk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ekxntyupgk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ekxntyupgk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ekxntyupgk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ekxntyupgk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ekxntyupgk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ekxntyupgk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ekxntyupgk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ekxntyupgk .gt_column_spanner_outer:first-child { padding-left: 0; } #ekxntyupgk .gt_column_spanner_outer:last-child { padding-right: 0; } #ekxntyupgk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ekxntyupgk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ekxntyupgk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ekxntyupgk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ekxntyupgk .gt_from_md > :first-child { margin-top: 0; } #ekxntyupgk .gt_from_md > :last-child { margin-bottom: 0; } #ekxntyupgk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ekxntyupgk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ekxntyupgk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ekxntyupgk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ekxntyupgk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ekxntyupgk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ekxntyupgk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ekxntyupgk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ekxntyupgk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ekxntyupgk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ekxntyupgk .gt_sourcenote { font-size: 90%; padding: 4px; } #ekxntyupgk .gt_left { text-align: left; } #ekxntyupgk .gt_center { text-align: center; } #ekxntyupgk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ekxntyupgk .gt_font_normal { font-weight: normal; } #ekxntyupgk .gt_font_bold { font-weight: bold; } #ekxntyupgk .gt_font_italic { font-style: italic; } #ekxntyupgk .gt_super { font-size: 65%; } #ekxntyupgk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ekxntyupgk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFC685; color: #000000;">#FFC685FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F8B35F; color: #000000;">#F8B35FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F59F3E; color: #000000;">#F59F3EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2872C; color: #000000;">#F2872CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EC7021; color: #000000;">#EC7021FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC5F20; color: #FFFFFF;">#DC5F20FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C85322; color: #FFFFFF;">#C85322FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B24823; color: #FFFFFF;">#B24823FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9E3D22; color: #FFFFFF;">#9E3D22FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("grDevices::rainbow", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mfyyxlnqrg .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mfyyxlnqrg .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mfyyxlnqrg .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mfyyxlnqrg .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mfyyxlnqrg .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mfyyxlnqrg .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mfyyxlnqrg .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mfyyxlnqrg .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mfyyxlnqrg .gt_column_spanner_outer:first-child { padding-left: 0; } #mfyyxlnqrg .gt_column_spanner_outer:last-child { padding-right: 0; } #mfyyxlnqrg .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mfyyxlnqrg .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mfyyxlnqrg .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mfyyxlnqrg .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mfyyxlnqrg .gt_from_md > :first-child { margin-top: 0; } #mfyyxlnqrg .gt_from_md > :last-child { margin-bottom: 0; } #mfyyxlnqrg .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mfyyxlnqrg .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mfyyxlnqrg .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mfyyxlnqrg .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mfyyxlnqrg .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mfyyxlnqrg .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mfyyxlnqrg .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mfyyxlnqrg .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mfyyxlnqrg .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mfyyxlnqrg .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mfyyxlnqrg .gt_sourcenote { font-size: 90%; padding: 4px; } #mfyyxlnqrg .gt_left { text-align: left; } #mfyyxlnqrg .gt_center { text-align: center; } #mfyyxlnqrg .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mfyyxlnqrg .gt_font_normal { font-weight: normal; } #mfyyxlnqrg .gt_font_bold { font-weight: bold; } #mfyyxlnqrg .gt_font_italic { font-style: italic; } #mfyyxlnqrg .gt_super { font-size: 65%; } #mfyyxlnqrg .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mfyyxlnqrg" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF0000; color: #FFFFFF;">#FF0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFAA00; color: #000000;">#FFAA00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AAFF00; color: #000000;">#AAFF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FF00; color: #000000;">#00FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FFAA; color: #000000;">#00FFAAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00AAFF; color: #000000;">#00AAFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000FF; color: #FFFFFF;">#0000FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AA00FF; color: #FFFFFF;">#AA00FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF00AA; color: #FFFFFF;">#FF00AAFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("grDevices::heat.colors", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ltzzlskpqh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ltzzlskpqh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ltzzlskpqh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ltzzlskpqh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ltzzlskpqh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ltzzlskpqh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ltzzlskpqh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ltzzlskpqh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ltzzlskpqh .gt_column_spanner_outer:first-child { padding-left: 0; } #ltzzlskpqh .gt_column_spanner_outer:last-child { padding-right: 0; } #ltzzlskpqh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ltzzlskpqh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ltzzlskpqh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ltzzlskpqh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ltzzlskpqh .gt_from_md > :first-child { margin-top: 0; } #ltzzlskpqh .gt_from_md > :last-child { margin-bottom: 0; } #ltzzlskpqh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ltzzlskpqh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ltzzlskpqh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ltzzlskpqh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ltzzlskpqh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ltzzlskpqh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ltzzlskpqh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ltzzlskpqh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ltzzlskpqh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ltzzlskpqh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ltzzlskpqh .gt_sourcenote { font-size: 90%; padding: 4px; } #ltzzlskpqh .gt_left { text-align: left; } #ltzzlskpqh .gt_center { text-align: center; } #ltzzlskpqh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ltzzlskpqh .gt_font_normal { font-weight: normal; } #ltzzlskpqh .gt_font_bold { font-weight: bold; } #ltzzlskpqh .gt_font_italic { font-style: italic; } #ltzzlskpqh .gt_super { font-size: 65%; } #ltzzlskpqh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ltzzlskpqh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FF0000; color: #FFFFFF;">#FF0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF2A00; color: #FFFFFF;">#FF2A00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF5500; color: #FFFFFF;">#FF5500FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF8000; color: #000000;">#FF8000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFAA00; color: #000000;">#FFAA00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFD500; color: #000000;">#FFD500FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF40; color: #000000;">#FFFF40FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFFBF; color: #000000;">#FFFFBFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("grDevices::terrain.colors", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #hdruhukgem .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #hdruhukgem .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #hdruhukgem .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #hdruhukgem .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #hdruhukgem .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #hdruhukgem .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #hdruhukgem .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #hdruhukgem .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #hdruhukgem .gt_column_spanner_outer:first-child { padding-left: 0; } #hdruhukgem .gt_column_spanner_outer:last-child { padding-right: 0; } #hdruhukgem .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #hdruhukgem .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #hdruhukgem .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #hdruhukgem .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #hdruhukgem .gt_from_md > :first-child { margin-top: 0; } #hdruhukgem .gt_from_md > :last-child { margin-bottom: 0; } #hdruhukgem .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #hdruhukgem .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #hdruhukgem .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #hdruhukgem .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #hdruhukgem .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #hdruhukgem .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #hdruhukgem .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #hdruhukgem .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #hdruhukgem .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #hdruhukgem .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #hdruhukgem .gt_sourcenote { font-size: 90%; padding: 4px; } #hdruhukgem .gt_left { text-align: left; } #hdruhukgem .gt_center { text-align: center; } #hdruhukgem .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #hdruhukgem .gt_font_normal { font-weight: normal; } #hdruhukgem .gt_font_bold { font-weight: bold; } #hdruhukgem .gt_font_italic { font-style: italic; } #hdruhukgem .gt_super { font-size: 65%; } #hdruhukgem .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="hdruhukgem" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00A600; color: #FFFFFF;">#00A600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3EBB00; color: #000000;">#3EBB00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8BD000; color: #000000;">#8BD000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6E600; color: #000000;">#E6E600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E8C32E; color: #000000;">#E8C32EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EBB25E; color: #000000;">#EBB25EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EDB48E; color: #000000;">#EDB48EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0C9C0; color: #000000;">#F0C9C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F2F2F2; color: #000000;">#F2F2F2FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("grDevices::topo.colors", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ctuzhzjart .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ctuzhzjart .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ctuzhzjart .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ctuzhzjart .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ctuzhzjart .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ctuzhzjart .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ctuzhzjart .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ctuzhzjart .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ctuzhzjart .gt_column_spanner_outer:first-child { padding-left: 0; } #ctuzhzjart .gt_column_spanner_outer:last-child { padding-right: 0; } #ctuzhzjart .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ctuzhzjart .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ctuzhzjart .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ctuzhzjart .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ctuzhzjart .gt_from_md > :first-child { margin-top: 0; } #ctuzhzjart .gt_from_md > :last-child { margin-bottom: 0; } #ctuzhzjart .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ctuzhzjart .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ctuzhzjart .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ctuzhzjart .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ctuzhzjart .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ctuzhzjart .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ctuzhzjart .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ctuzhzjart .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ctuzhzjart .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ctuzhzjart .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ctuzhzjart .gt_sourcenote { font-size: 90%; padding: 4px; } #ctuzhzjart .gt_left { text-align: left; } #ctuzhzjart .gt_center { text-align: center; } #ctuzhzjart .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ctuzhzjart .gt_font_normal { font-weight: normal; } #ctuzhzjart .gt_font_bold { font-weight: bold; } #ctuzhzjart .gt_font_italic { font-style: italic; } #ctuzhzjart .gt_super { font-size: 65%; } #ctuzhzjart .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ctuzhzjart" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #4C00FF; color: #FFFFFF;">#4C00FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #004CFF; color: #FFFFFF;">#004CFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00E5FF; color: #000000;">#00E5FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FF4D; color: #000000;">#00FF4DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4DFF00; color: #000000;">#4DFF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E6FF00; color: #000000;">#E6FF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFDE59; color: #000000;">#FFDE59FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFE0B3; color: #000000;">#FFE0B3FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("grDevices::cm.colors", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ajvwvgtozj .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ajvwvgtozj .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ajvwvgtozj .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ajvwvgtozj .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ajvwvgtozj .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ajvwvgtozj .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ajvwvgtozj .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ajvwvgtozj .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ajvwvgtozj .gt_column_spanner_outer:first-child { padding-left: 0; } #ajvwvgtozj .gt_column_spanner_outer:last-child { padding-right: 0; } #ajvwvgtozj .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ajvwvgtozj .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ajvwvgtozj .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ajvwvgtozj .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ajvwvgtozj .gt_from_md > :first-child { margin-top: 0; } #ajvwvgtozj .gt_from_md > :last-child { margin-bottom: 0; } #ajvwvgtozj .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ajvwvgtozj .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ajvwvgtozj .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ajvwvgtozj .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ajvwvgtozj .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ajvwvgtozj .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ajvwvgtozj .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ajvwvgtozj .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ajvwvgtozj .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ajvwvgtozj .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ajvwvgtozj .gt_sourcenote { font-size: 90%; padding: 4px; } #ajvwvgtozj .gt_left { text-align: left; } #ajvwvgtozj .gt_center { text-align: center; } #ajvwvgtozj .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ajvwvgtozj .gt_font_normal { font-weight: normal; } #ajvwvgtozj .gt_font_bold { font-weight: bold; } #ajvwvgtozj .gt_font_italic { font-style: italic; } #ajvwvgtozj .gt_super { font-size: 65%; } #ajvwvgtozj .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ajvwvgtozj" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #80FFFF; color: #000000;">#80FFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9FFFFF; color: #000000;">#9FFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BFFFFF; color: #000000;">#BFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DFFFFF; color: #000000;">#DFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFDFFF; color: #000000;">#FFDFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFBFFF; color: #000000;">#FFBFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF9FFF; color: #000000;">#FF9FFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF80FF; color: #000000;">#FF80FFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("harrypotter::slytherin", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #vyluziowki .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #vyluziowki .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vyluziowki .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #vyluziowki .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #vyluziowki .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vyluziowki .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #vyluziowki .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #vyluziowki .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #vyluziowki .gt_column_spanner_outer:first-child { padding-left: 0; } #vyluziowki .gt_column_spanner_outer:last-child { padding-right: 0; } #vyluziowki .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #vyluziowki .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #vyluziowki .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #vyluziowki .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #vyluziowki .gt_from_md > :first-child { margin-top: 0; } #vyluziowki .gt_from_md > :last-child { margin-bottom: 0; } #vyluziowki .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #vyluziowki .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #vyluziowki .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vyluziowki .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #vyluziowki .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #vyluziowki .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #vyluziowki .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #vyluziowki .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vyluziowki .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #vyluziowki .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #vyluziowki .gt_sourcenote { font-size: 90%; padding: 4px; } #vyluziowki .gt_left { text-align: left; } #vyluziowki .gt_center { text-align: center; } #vyluziowki .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #vyluziowki .gt_font_normal { font-weight: normal; } #vyluziowki .gt_font_bold { font-weight: bold; } #vyluziowki .gt_font_italic { font-style: italic; } #vyluziowki .gt_super { font-size: 65%; } #vyluziowki .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="vyluziowki" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #C2C5C0; color: #000000;">#C2C5C0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ACB7A4; color: #000000;">#ACB7A4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98AA8B; color: #000000;">#98AA8BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #829D74; color: #000000;">#829D74FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6A915F; color: #000000;">#6A915FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #53834C; color: #FFFFFF;">#53834CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3E763B; color: #FFFFFF;">#3E763BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C692E; color: #FFFFFF;">#2C692EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1F5D25; color: #FFFFFF;">#1F5D25FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("harrypotter::gryffindor", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #ijllbcblbw .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #ijllbcblbw .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ijllbcblbw .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #ijllbcblbw .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #ijllbcblbw .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ijllbcblbw .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #ijllbcblbw .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #ijllbcblbw .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #ijllbcblbw .gt_column_spanner_outer:first-child { padding-left: 0; } #ijllbcblbw .gt_column_spanner_outer:last-child { padding-right: 0; } #ijllbcblbw .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #ijllbcblbw .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #ijllbcblbw .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #ijllbcblbw .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #ijllbcblbw .gt_from_md > :first-child { margin-top: 0; } #ijllbcblbw .gt_from_md > :last-child { margin-bottom: 0; } #ijllbcblbw .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #ijllbcblbw .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #ijllbcblbw .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ijllbcblbw .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #ijllbcblbw .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #ijllbcblbw .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #ijllbcblbw .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #ijllbcblbw .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ijllbcblbw .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #ijllbcblbw .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #ijllbcblbw .gt_sourcenote { font-size: 90%; padding: 4px; } #ijllbcblbw .gt_left { text-align: left; } #ijllbcblbw .gt_center { text-align: center; } #ijllbcblbw .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #ijllbcblbw .gt_font_normal { font-weight: normal; } #ijllbcblbw .gt_font_bold { font-weight: bold; } #ijllbcblbw .gt_font_italic { font-style: italic; } #ijllbcblbw .gt_super { font-size: 65%; } #ijllbcblbw .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="ijllbcblbw" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #5C0000; color: #FFFFFF;">#5C0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #720000; color: #FFFFFF;">#720000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #890000; color: #FFFFFF;">#890000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A70000; color: #FFFFFF;">#A70000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C50000; color: #FFFFFF;">#C50000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DF3E00; color: #FFFFFF;">#DF3E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB7E00; color: #000000;">#FB7E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FC9200; color: #000000;">#FC9200FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFA700; color: #000000;">#FFA700FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("harrypotter::hufflepuff", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #iomgbqdtwb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #iomgbqdtwb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iomgbqdtwb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #iomgbqdtwb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #iomgbqdtwb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iomgbqdtwb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iomgbqdtwb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #iomgbqdtwb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #iomgbqdtwb .gt_column_spanner_outer:first-child { padding-left: 0; } #iomgbqdtwb .gt_column_spanner_outer:last-child { padding-right: 0; } #iomgbqdtwb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #iomgbqdtwb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #iomgbqdtwb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #iomgbqdtwb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #iomgbqdtwb .gt_from_md > :first-child { margin-top: 0; } #iomgbqdtwb .gt_from_md > :last-child { margin-bottom: 0; } #iomgbqdtwb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #iomgbqdtwb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #iomgbqdtwb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iomgbqdtwb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #iomgbqdtwb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iomgbqdtwb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #iomgbqdtwb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iomgbqdtwb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iomgbqdtwb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #iomgbqdtwb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iomgbqdtwb .gt_sourcenote { font-size: 90%; padding: 4px; } #iomgbqdtwb .gt_left { text-align: left; } #iomgbqdtwb .gt_center { text-align: center; } #iomgbqdtwb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #iomgbqdtwb .gt_font_normal { font-weight: normal; } #iomgbqdtwb .gt_font_bold { font-weight: bold; } #iomgbqdtwb .gt_font_italic { font-style: italic; } #iomgbqdtwb .gt_super { font-size: 65%; } #iomgbqdtwb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="iomgbqdtwb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1B1714; color: #FFFFFF;">#1B1714FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #372E29; color: #FFFFFF;">#372E29FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #54483F; color: #FFFFFF;">#54483FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #726255; color: #FFFFFF;">#726255FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B09459; color: #000000;">#B09459FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0C75E; color: #000000;">#F0C75EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #EEC04B; color: #000000;">#EEC04BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #ECB939; color: #000000;">#ECB939FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("harrypotter::ravenclaw", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #zryuohbvkh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #zryuohbvkh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zryuohbvkh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #zryuohbvkh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #zryuohbvkh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zryuohbvkh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #zryuohbvkh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #zryuohbvkh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #zryuohbvkh .gt_column_spanner_outer:first-child { padding-left: 0; } #zryuohbvkh .gt_column_spanner_outer:last-child { padding-right: 0; } #zryuohbvkh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #zryuohbvkh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #zryuohbvkh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #zryuohbvkh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #zryuohbvkh .gt_from_md > :first-child { margin-top: 0; } #zryuohbvkh .gt_from_md > :last-child { margin-bottom: 0; } #zryuohbvkh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #zryuohbvkh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #zryuohbvkh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zryuohbvkh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #zryuohbvkh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #zryuohbvkh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #zryuohbvkh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #zryuohbvkh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zryuohbvkh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #zryuohbvkh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #zryuohbvkh .gt_sourcenote { font-size: 90%; padding: 4px; } #zryuohbvkh .gt_left { text-align: left; } #zryuohbvkh .gt_center { text-align: center; } #zryuohbvkh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #zryuohbvkh .gt_font_normal { font-weight: normal; } #zryuohbvkh .gt_font_bold { font-weight: bold; } #zryuohbvkh .gt_font_italic { font-style: italic; } #zryuohbvkh .gt_super { font-size: 65%; } #zryuohbvkh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="zryuohbvkh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #006699; color: #FFFFFF;">#006699FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1479AC; color: #FFFFFF;">#1479ACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2E93C6; color: #000000;">#2E93C6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #56ADD9; color: #000000;">#56ADD9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #98C2D9; color: #000000;">#98C2D9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C8B197; color: #000000;">#C8B197FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D99451; color: #000000;">#D99451FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CF7318; color: #000000;">#CF7318FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B35900; color: #FFFFFF;">#B35900FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("harrypotter::ravenclaw2", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #thtuqxcodh .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #thtuqxcodh .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #thtuqxcodh .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #thtuqxcodh .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #thtuqxcodh .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #thtuqxcodh .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #thtuqxcodh .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #thtuqxcodh .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #thtuqxcodh .gt_column_spanner_outer:first-child { padding-left: 0; } #thtuqxcodh .gt_column_spanner_outer:last-child { padding-right: 0; } #thtuqxcodh .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #thtuqxcodh .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #thtuqxcodh .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #thtuqxcodh .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #thtuqxcodh .gt_from_md > :first-child { margin-top: 0; } #thtuqxcodh .gt_from_md > :last-child { margin-bottom: 0; } #thtuqxcodh .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #thtuqxcodh .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #thtuqxcodh .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #thtuqxcodh .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #thtuqxcodh .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #thtuqxcodh .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #thtuqxcodh .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #thtuqxcodh .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #thtuqxcodh .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #thtuqxcodh .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #thtuqxcodh .gt_sourcenote { font-size: 90%; padding: 4px; } #thtuqxcodh .gt_left { text-align: left; } #thtuqxcodh .gt_center { text-align: center; } #thtuqxcodh .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #thtuqxcodh .gt_font_normal { font-weight: normal; } #thtuqxcodh .gt_font_bold { font-weight: bold; } #thtuqxcodh .gt_font_italic { font-style: italic; } #thtuqxcodh .gt_super { font-size: 65%; } #thtuqxcodh .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="thtuqxcodh" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0D6585; color: #FFFFFF;">#0D6585FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0A81A6; color: #FFFFFF;">#0A81A6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #089EC7; color: #FFFFFF;">#089EC7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #619897; color: #000000;">#619897FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BA9368; color: #000000;">#BA9368FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #967256; color: #FFFFFF;">#967256FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #735145; color: #FFFFFF;">#735145FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4F362C; color: #FFFFFF;">#4F362CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2B1C13; color: #FFFFFF;">#2B1C13FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("oompaBase::redscale", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #icsojuvtxl .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #icsojuvtxl .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #icsojuvtxl .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #icsojuvtxl .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #icsojuvtxl .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #icsojuvtxl .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #icsojuvtxl .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #icsojuvtxl .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #icsojuvtxl .gt_column_spanner_outer:first-child { padding-left: 0; } #icsojuvtxl .gt_column_spanner_outer:last-child { padding-right: 0; } #icsojuvtxl .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #icsojuvtxl .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #icsojuvtxl .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #icsojuvtxl .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #icsojuvtxl .gt_from_md > :first-child { margin-top: 0; } #icsojuvtxl .gt_from_md > :last-child { margin-bottom: 0; } #icsojuvtxl .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #icsojuvtxl .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #icsojuvtxl .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #icsojuvtxl .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #icsojuvtxl .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #icsojuvtxl .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #icsojuvtxl .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #icsojuvtxl .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #icsojuvtxl .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #icsojuvtxl .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #icsojuvtxl .gt_sourcenote { font-size: 90%; padding: 4px; } #icsojuvtxl .gt_left { text-align: left; } #icsojuvtxl .gt_center { text-align: center; } #icsojuvtxl .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #icsojuvtxl .gt_font_normal { font-weight: normal; } #icsojuvtxl .gt_font_bold { font-weight: bold; } #icsojuvtxl .gt_font_italic { font-style: italic; } #icsojuvtxl .gt_super { font-size: 65%; } #icsojuvtxl .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="icsojuvtxl" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C0000; color: #FFFFFF;">#1C0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #390000; color: #FFFFFF;">#390000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #550000; color: #FFFFFF;">#550000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #710000; color: #FFFFFF;">#710000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8E0000; color: #FFFFFF;">#8E0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AA0000; color: #FFFFFF;">#AA0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C60000; color: #FFFFFF;">#C60000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E30000; color: #FFFFFF;">#E30000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("oompaBase::greenscale", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #iwrsxvbbre .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #iwrsxvbbre .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iwrsxvbbre .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #iwrsxvbbre .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #iwrsxvbbre .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iwrsxvbbre .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #iwrsxvbbre .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #iwrsxvbbre .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #iwrsxvbbre .gt_column_spanner_outer:first-child { padding-left: 0; } #iwrsxvbbre .gt_column_spanner_outer:last-child { padding-right: 0; } #iwrsxvbbre .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #iwrsxvbbre .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #iwrsxvbbre .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #iwrsxvbbre .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #iwrsxvbbre .gt_from_md > :first-child { margin-top: 0; } #iwrsxvbbre .gt_from_md > :last-child { margin-bottom: 0; } #iwrsxvbbre .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #iwrsxvbbre .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #iwrsxvbbre .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iwrsxvbbre .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #iwrsxvbbre .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #iwrsxvbbre .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #iwrsxvbbre .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #iwrsxvbbre .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iwrsxvbbre .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #iwrsxvbbre .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #iwrsxvbbre .gt_sourcenote { font-size: 90%; padding: 4px; } #iwrsxvbbre .gt_left { text-align: left; } #iwrsxvbbre .gt_center { text-align: center; } #iwrsxvbbre .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #iwrsxvbbre .gt_font_normal { font-weight: normal; } #iwrsxvbbre .gt_font_bold { font-weight: bold; } #iwrsxvbbre .gt_font_italic { font-style: italic; } #iwrsxvbbre .gt_super { font-size: 65%; } #iwrsxvbbre .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="iwrsxvbbre" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #001C00; color: #FFFFFF;">#001C00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #003900; color: #FFFFFF;">#003900FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #005500; color: #FFFFFF;">#005500FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007100; color: #FFFFFF;">#007100FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #008E00; color: #FFFFFF;">#008E00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00AA00; color: #FFFFFF;">#00AA00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00C600; color: #FFFFFF;">#00C600FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00E300; color: #000000;">#00E300FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("oompaBase::bluescale", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #oqrsxnibkk .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #oqrsxnibkk .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #oqrsxnibkk .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #oqrsxnibkk .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #oqrsxnibkk .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #oqrsxnibkk .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #oqrsxnibkk .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #oqrsxnibkk .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #oqrsxnibkk .gt_column_spanner_outer:first-child { padding-left: 0; } #oqrsxnibkk .gt_column_spanner_outer:last-child { padding-right: 0; } #oqrsxnibkk .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #oqrsxnibkk .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #oqrsxnibkk .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #oqrsxnibkk .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #oqrsxnibkk .gt_from_md > :first-child { margin-top: 0; } #oqrsxnibkk .gt_from_md > :last-child { margin-bottom: 0; } #oqrsxnibkk .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #oqrsxnibkk .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #oqrsxnibkk .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #oqrsxnibkk .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #oqrsxnibkk .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #oqrsxnibkk .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #oqrsxnibkk .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #oqrsxnibkk .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #oqrsxnibkk .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #oqrsxnibkk .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #oqrsxnibkk .gt_sourcenote { font-size: 90%; padding: 4px; } #oqrsxnibkk .gt_left { text-align: left; } #oqrsxnibkk .gt_center { text-align: center; } #oqrsxnibkk .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #oqrsxnibkk .gt_font_normal { font-weight: normal; } #oqrsxnibkk .gt_font_bold { font-weight: bold; } #oqrsxnibkk .gt_font_italic { font-style: italic; } #oqrsxnibkk .gt_super { font-size: 65%; } #oqrsxnibkk .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="oqrsxnibkk" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00001C; color: #FFFFFF;">#00001CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000039; color: #FFFFFF;">#000039FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000055; color: #FFFFFF;">#000055FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000071; color: #FFFFFF;">#000071FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00008E; color: #FFFFFF;">#00008EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000AA; color: #FFFFFF;">#0000AAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000C6; color: #FFFFFF;">#0000C6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000E3; color: #FFFFFF;">#0000E3FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("oompaBase::blueyellow", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #qbgyuiwcxm .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #qbgyuiwcxm .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qbgyuiwcxm .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #qbgyuiwcxm .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #qbgyuiwcxm .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qbgyuiwcxm .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #qbgyuiwcxm .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #qbgyuiwcxm .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #qbgyuiwcxm .gt_column_spanner_outer:first-child { padding-left: 0; } #qbgyuiwcxm .gt_column_spanner_outer:last-child { padding-right: 0; } #qbgyuiwcxm .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #qbgyuiwcxm .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #qbgyuiwcxm .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #qbgyuiwcxm .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #qbgyuiwcxm .gt_from_md > :first-child { margin-top: 0; } #qbgyuiwcxm .gt_from_md > :last-child { margin-bottom: 0; } #qbgyuiwcxm .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #qbgyuiwcxm .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #qbgyuiwcxm .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qbgyuiwcxm .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #qbgyuiwcxm .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #qbgyuiwcxm .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #qbgyuiwcxm .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #qbgyuiwcxm .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qbgyuiwcxm .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #qbgyuiwcxm .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #qbgyuiwcxm .gt_sourcenote { font-size: 90%; padding: 4px; } #qbgyuiwcxm .gt_left { text-align: left; } #qbgyuiwcxm .gt_center { text-align: center; } #qbgyuiwcxm .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #qbgyuiwcxm .gt_font_normal { font-weight: normal; } #qbgyuiwcxm .gt_font_bold { font-weight: bold; } #qbgyuiwcxm .gt_font_italic { font-style: italic; } #qbgyuiwcxm .gt_super { font-size: 65%; } #qbgyuiwcxm .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="qbgyuiwcxm" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0000E3; color: #FFFFFF;">#0000E3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1C1CC6; color: #FFFFFF;">#1C1CC6FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3939AA; color: #FFFFFF;">#3939AAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #55558E; color: #FFFFFF;">#55558EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #717171; color: #FFFFFF;">#717171FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8E8E55; color: #000000;">#8E8E55FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AAAA39; color: #000000;">#AAAA39FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C6C61C; color: #000000;">#C6C61CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3E300; color: #000000;">#E3E300FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("oompaBase::cyanyellow", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mcqrghtpvo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mcqrghtpvo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mcqrghtpvo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mcqrghtpvo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mcqrghtpvo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mcqrghtpvo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mcqrghtpvo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mcqrghtpvo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mcqrghtpvo .gt_column_spanner_outer:first-child { padding-left: 0; } #mcqrghtpvo .gt_column_spanner_outer:last-child { padding-right: 0; } #mcqrghtpvo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mcqrghtpvo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mcqrghtpvo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mcqrghtpvo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mcqrghtpvo .gt_from_md > :first-child { margin-top: 0; } #mcqrghtpvo .gt_from_md > :last-child { margin-bottom: 0; } #mcqrghtpvo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mcqrghtpvo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mcqrghtpvo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mcqrghtpvo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mcqrghtpvo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mcqrghtpvo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mcqrghtpvo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mcqrghtpvo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mcqrghtpvo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mcqrghtpvo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mcqrghtpvo .gt_sourcenote { font-size: 90%; padding: 4px; } #mcqrghtpvo .gt_left { text-align: left; } #mcqrghtpvo .gt_center { text-align: center; } #mcqrghtpvo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mcqrghtpvo .gt_font_normal { font-weight: normal; } #mcqrghtpvo .gt_font_bold { font-weight: bold; } #mcqrghtpvo .gt_font_italic { font-style: italic; } #mcqrghtpvo .gt_super { font-size: 65%; } #mcqrghtpvo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mcqrghtpvo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00FFFF; color: #000000;">#00FFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00BFBF; color: #000000;">#00BFBFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007F7F; color: #FFFFFF;">#007F7FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #003F3F; color: #FFFFFF;">#003F3FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #000000; color: #FFFFFF;">#000000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3F3F00; color: #FFFFFF;">#3F3F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7F7F00; color: #FFFFFF;">#7F7F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BFBF00; color: #000000;">#BFBF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("pals::coolwarm", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #uuxnpzbmqc .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #uuxnpzbmqc .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uuxnpzbmqc .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #uuxnpzbmqc .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #uuxnpzbmqc .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uuxnpzbmqc .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #uuxnpzbmqc .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #uuxnpzbmqc .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #uuxnpzbmqc .gt_column_spanner_outer:first-child { padding-left: 0; } #uuxnpzbmqc .gt_column_spanner_outer:last-child { padding-right: 0; } #uuxnpzbmqc .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #uuxnpzbmqc .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #uuxnpzbmqc .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #uuxnpzbmqc .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #uuxnpzbmqc .gt_from_md > :first-child { margin-top: 0; } #uuxnpzbmqc .gt_from_md > :last-child { margin-bottom: 0; } #uuxnpzbmqc .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #uuxnpzbmqc .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #uuxnpzbmqc .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uuxnpzbmqc .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #uuxnpzbmqc .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #uuxnpzbmqc .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #uuxnpzbmqc .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #uuxnpzbmqc .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uuxnpzbmqc .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #uuxnpzbmqc .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #uuxnpzbmqc .gt_sourcenote { font-size: 90%; padding: 4px; } #uuxnpzbmqc .gt_left { text-align: left; } #uuxnpzbmqc .gt_center { text-align: center; } #uuxnpzbmqc .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #uuxnpzbmqc .gt_font_normal { font-weight: normal; } #uuxnpzbmqc .gt_font_bold { font-weight: bold; } #uuxnpzbmqc .gt_font_italic { font-style: italic; } #uuxnpzbmqc .gt_super { font-size: 65%; } #uuxnpzbmqc .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="uuxnpzbmqc" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #3B4CC0; color: #FFFFFF;">#3B4CC0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6180E8; color: #000000;">#6180E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8CAEFC; color: #000000;">#8CAEFCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B7CEF8; color: #000000;">#B7CEF8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DDDDDD; color: #000000;">#DDDDDDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3C2AB; color: #000000;">#F3C2ABFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3987A; color: #000000;">#F3987AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC5F4C; color: #000000;">#DC5F4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B40426; color: #FFFFFF;">#B40426FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("pals::warmcool", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #asuhwlwdov .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #asuhwlwdov .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #asuhwlwdov .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #asuhwlwdov .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #asuhwlwdov .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #asuhwlwdov .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #asuhwlwdov .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #asuhwlwdov .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #asuhwlwdov .gt_column_spanner_outer:first-child { padding-left: 0; } #asuhwlwdov .gt_column_spanner_outer:last-child { padding-right: 0; } #asuhwlwdov .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #asuhwlwdov .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #asuhwlwdov .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #asuhwlwdov .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #asuhwlwdov .gt_from_md > :first-child { margin-top: 0; } #asuhwlwdov .gt_from_md > :last-child { margin-bottom: 0; } #asuhwlwdov .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #asuhwlwdov .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #asuhwlwdov .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #asuhwlwdov .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #asuhwlwdov .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #asuhwlwdov .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #asuhwlwdov .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #asuhwlwdov .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #asuhwlwdov .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #asuhwlwdov .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #asuhwlwdov .gt_sourcenote { font-size: 90%; padding: 4px; } #asuhwlwdov .gt_left { text-align: left; } #asuhwlwdov .gt_center { text-align: center; } #asuhwlwdov .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #asuhwlwdov .gt_font_normal { font-weight: normal; } #asuhwlwdov .gt_font_bold { font-weight: bold; } #asuhwlwdov .gt_font_italic { font-style: italic; } #asuhwlwdov .gt_super { font-size: 65%; } #asuhwlwdov .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="asuhwlwdov" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #B40426; color: #FFFFFF;">#B40426FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DC5F4C; color: #000000;">#DC5F4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3987A; color: #000000;">#F3987AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F3C2AB; color: #000000;">#F3C2ABFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #DDDDDD; color: #000000;">#DDDDDDFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B7CEF8; color: #000000;">#B7CEF8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8CAEFC; color: #000000;">#8CAEFCFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6180E8; color: #000000;">#6180E8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3B4CC0; color: #FFFFFF;">#3B4CC0FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("pals::jet", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xcuxniikmb .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xcuxniikmb .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xcuxniikmb .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xcuxniikmb .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xcuxniikmb .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xcuxniikmb .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xcuxniikmb .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xcuxniikmb .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xcuxniikmb .gt_column_spanner_outer:first-child { padding-left: 0; } #xcuxniikmb .gt_column_spanner_outer:last-child { padding-right: 0; } #xcuxniikmb .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xcuxniikmb .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xcuxniikmb .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xcuxniikmb .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xcuxniikmb .gt_from_md > :first-child { margin-top: 0; } #xcuxniikmb .gt_from_md > :last-child { margin-bottom: 0; } #xcuxniikmb .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xcuxniikmb .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xcuxniikmb .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xcuxniikmb .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xcuxniikmb .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xcuxniikmb .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xcuxniikmb .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xcuxniikmb .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xcuxniikmb .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xcuxniikmb .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xcuxniikmb .gt_sourcenote { font-size: 90%; padding: 4px; } #xcuxniikmb .gt_left { text-align: left; } #xcuxniikmb .gt_center { text-align: center; } #xcuxniikmb .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xcuxniikmb .gt_font_normal { font-weight: normal; } #xcuxniikmb .gt_font_bold { font-weight: bold; } #xcuxniikmb .gt_font_italic { font-style: italic; } #xcuxniikmb .gt_super { font-size: 65%; } #xcuxniikmb .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xcuxniikmb" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00007F; color: #FFFFFF;">#00007FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0000FF; color: #FFFFFF;">#0000FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #007FFF; color: #FFFFFF;">#007FFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #00FFFF; color: #000000;">#00FFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7FFF7F; color: #000000;">#7FFF7FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFFF00; color: #000000;">#FFFF00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF7F00; color: #000000;">#FF7F00FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FF0000; color: #FFFFFF;">#FF0000FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7F0000; color: #FFFFFF;">#7F0000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("pals::parula", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #siwhhxhhat .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #siwhhxhhat .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #siwhhxhhat .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #siwhhxhhat .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #siwhhxhhat .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #siwhhxhhat .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #siwhhxhhat .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #siwhhxhhat .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #siwhhxhhat .gt_column_spanner_outer:first-child { padding-left: 0; } #siwhhxhhat .gt_column_spanner_outer:last-child { padding-right: 0; } #siwhhxhhat .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #siwhhxhhat .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #siwhhxhhat .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #siwhhxhhat .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #siwhhxhhat .gt_from_md > :first-child { margin-top: 0; } #siwhhxhhat .gt_from_md > :last-child { margin-bottom: 0; } #siwhhxhhat .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #siwhhxhhat .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #siwhhxhhat .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #siwhhxhhat .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #siwhhxhhat .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #siwhhxhhat .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #siwhhxhhat .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #siwhhxhhat .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #siwhhxhhat .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #siwhhxhhat .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #siwhhxhhat .gt_sourcenote { font-size: 90%; padding: 4px; } #siwhhxhhat .gt_left { text-align: left; } #siwhhxhhat .gt_center { text-align: center; } #siwhhxhhat .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #siwhhxhhat .gt_font_normal { font-weight: normal; } #siwhhxhhat .gt_font_bold { font-weight: bold; } #siwhhxhhat .gt_font_italic { font-style: italic; } #siwhhxhhat .gt_super { font-size: 65%; } #siwhhxhhat .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="siwhhxhhat" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #352A87; color: #FFFFFF;">#352A87FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0E5FDB; color: #FFFFFF;">#0E5FDBFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1283D4; color: #FFFFFF;">#1283D4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #06A5C7; color: #FFFFFF;">#06A5C7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #33B7A0; color: #000000;">#33B7A0FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #8ABE75; color: #000000;">#8ABE75FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D1BA58; color: #000000;">#D1BA58FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FBC831; color: #000000;">#FBC831FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F9FB0E; color: #000000;">#F9FB0EFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("pals::cubicyf", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #sqyqsbqrcc .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #sqyqsbqrcc .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #sqyqsbqrcc .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #sqyqsbqrcc .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #sqyqsbqrcc .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #sqyqsbqrcc .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #sqyqsbqrcc .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #sqyqsbqrcc .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #sqyqsbqrcc .gt_column_spanner_outer:first-child { padding-left: 0; } #sqyqsbqrcc .gt_column_spanner_outer:last-child { padding-right: 0; } #sqyqsbqrcc .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #sqyqsbqrcc .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #sqyqsbqrcc .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #sqyqsbqrcc .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #sqyqsbqrcc .gt_from_md > :first-child { margin-top: 0; } #sqyqsbqrcc .gt_from_md > :last-child { margin-bottom: 0; } #sqyqsbqrcc .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #sqyqsbqrcc .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #sqyqsbqrcc .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #sqyqsbqrcc .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #sqyqsbqrcc .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #sqyqsbqrcc .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #sqyqsbqrcc .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #sqyqsbqrcc .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #sqyqsbqrcc .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #sqyqsbqrcc .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #sqyqsbqrcc .gt_sourcenote { font-size: 90%; padding: 4px; } #sqyqsbqrcc .gt_left { text-align: left; } #sqyqsbqrcc .gt_center { text-align: center; } #sqyqsbqrcc .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #sqyqsbqrcc .gt_font_normal { font-weight: normal; } #sqyqsbqrcc .gt_font_bold { font-weight: bold; } #sqyqsbqrcc .gt_font_italic { font-style: italic; } #sqyqsbqrcc .gt_super { font-size: 65%; } #sqyqsbqrcc .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="sqyqsbqrcc" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #830CAB; color: #FFFFFF;">#830CABFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7D46E7; color: #FFFFFF;">#7D46E7FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #6574FA; color: #000000;">#6574FAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C9CDA; color: #000000;">#4C9CDAFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3BBCAC; color: #000000;">#3BBCACFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4BD276; color: #000000;">#4BD276FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #62E44A; color: #000000;">#62E44AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9DEC54; color: #000000;">#9DEC54FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CCEC5A; color: #000000;">#CCEC5AFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("scico::acton", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #tzofglrwgv .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #tzofglrwgv .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tzofglrwgv .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #tzofglrwgv .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #tzofglrwgv .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tzofglrwgv .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #tzofglrwgv .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #tzofglrwgv .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #tzofglrwgv .gt_column_spanner_outer:first-child { padding-left: 0; } #tzofglrwgv .gt_column_spanner_outer:last-child { padding-right: 0; } #tzofglrwgv .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #tzofglrwgv .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #tzofglrwgv .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #tzofglrwgv .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #tzofglrwgv .gt_from_md > :first-child { margin-top: 0; } #tzofglrwgv .gt_from_md > :last-child { margin-bottom: 0; } #tzofglrwgv .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #tzofglrwgv .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #tzofglrwgv .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tzofglrwgv .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #tzofglrwgv .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #tzofglrwgv .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #tzofglrwgv .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #tzofglrwgv .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tzofglrwgv .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #tzofglrwgv .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #tzofglrwgv .gt_sourcenote { font-size: 90%; padding: 4px; } #tzofglrwgv .gt_left { text-align: left; } #tzofglrwgv .gt_center { text-align: center; } #tzofglrwgv .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #tzofglrwgv .gt_font_normal { font-weight: normal; } #tzofglrwgv .gt_font_bold { font-weight: bold; } #tzofglrwgv .gt_font_italic { font-style: italic; } #tzofglrwgv .gt_super { font-size: 65%; } #tzofglrwgv .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="tzofglrwgv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #2D204C; color: #FFFFFF;">#2D204CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4F3D69; color: #FFFFFF;">#4F3D69FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #765985; color: #FFFFFF;">#765985FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9E6492; color: #FFFFFF;">#9E6492FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C36D9A; color: #000000;">#C36D9AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D58CB1; color: #000000;">#D58CB1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D4A6C4; color: #000000;">#D4A6C4FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D9C5D9; color: #000000;">#D9C5D9FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E5E5F0; color: #000000;">#E5E5F0FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("scico::bamako", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #yicvcglezg .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #yicvcglezg .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yicvcglezg .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #yicvcglezg .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #yicvcglezg .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yicvcglezg .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #yicvcglezg .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #yicvcglezg .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #yicvcglezg .gt_column_spanner_outer:first-child { padding-left: 0; } #yicvcglezg .gt_column_spanner_outer:last-child { padding-right: 0; } #yicvcglezg .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #yicvcglezg .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #yicvcglezg .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #yicvcglezg .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #yicvcglezg .gt_from_md > :first-child { margin-top: 0; } #yicvcglezg .gt_from_md > :last-child { margin-bottom: 0; } #yicvcglezg .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #yicvcglezg .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #yicvcglezg .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yicvcglezg .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #yicvcglezg .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #yicvcglezg .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #yicvcglezg .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #yicvcglezg .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yicvcglezg .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #yicvcglezg .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #yicvcglezg .gt_sourcenote { font-size: 90%; padding: 4px; } #yicvcglezg .gt_left { text-align: left; } #yicvcglezg .gt_center { text-align: center; } #yicvcglezg .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #yicvcglezg .gt_font_normal { font-weight: normal; } #yicvcglezg .gt_font_bold { font-weight: bold; } #yicvcglezg .gt_font_italic { font-style: italic; } #yicvcglezg .gt_super { font-size: 65%; } #yicvcglezg .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="yicvcglezg" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #003F4C; color: #FFFFFF;">#003F4CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #144B41; color: #FFFFFF;">#144B41FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2A5934; color: #FFFFFF;">#2A5934FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #426925; color: #FFFFFF;">#426925FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #607D14; color: #FFFFFF;">#607D14FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #878E03; color: #FFFFFF;">#878E03FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B9A525; color: #000000;">#B9A525FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E3C961; color: #000000;">#E3C961FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFE599; color: #000000;">#FFE599FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("scico::batlow", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #llpdrczvxo .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #llpdrczvxo .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #llpdrczvxo .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #llpdrczvxo .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #llpdrczvxo .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #llpdrczvxo .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #llpdrczvxo .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #llpdrczvxo .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #llpdrczvxo .gt_column_spanner_outer:first-child { padding-left: 0; } #llpdrczvxo .gt_column_spanner_outer:last-child { padding-right: 0; } #llpdrczvxo .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #llpdrczvxo .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #llpdrczvxo .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #llpdrczvxo .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #llpdrczvxo .gt_from_md > :first-child { margin-top: 0; } #llpdrczvxo .gt_from_md > :last-child { margin-bottom: 0; } #llpdrczvxo .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #llpdrczvxo .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #llpdrczvxo .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #llpdrczvxo .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #llpdrczvxo .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #llpdrczvxo .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #llpdrczvxo .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #llpdrczvxo .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #llpdrczvxo .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #llpdrczvxo .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #llpdrczvxo .gt_sourcenote { font-size: 90%; padding: 4px; } #llpdrczvxo .gt_left { text-align: left; } #llpdrczvxo .gt_center { text-align: center; } #llpdrczvxo .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #llpdrczvxo .gt_font_normal { font-weight: normal; } #llpdrczvxo .gt_font_bold { font-weight: bold; } #llpdrczvxo .gt_font_italic { font-style: italic; } #llpdrczvxo .gt_super { font-size: 65%; } #llpdrczvxo .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="llpdrczvxo" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #001959; color: #FFFFFF;">#001959FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #0E3A5E; color: #FFFFFF;">#0E3A5EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #225B60; color: #FFFFFF;">#225B60FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4D724C; color: #FFFFFF;">#4D724CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #808133; color: #FFFFFF;">#808133FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BF8F38; color: #000000;">#BF8F38FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F49E71; color: #000000;">#F49E71FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDB4B5; color: #000000;">#FDB4B5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F9CCF9; color: #000000;">#F9CCF9FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("scico::berlin", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #windfqxhhz .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #windfqxhhz .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #windfqxhhz .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #windfqxhhz .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #windfqxhhz .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #windfqxhhz .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #windfqxhhz .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #windfqxhhz .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #windfqxhhz .gt_column_spanner_outer:first-child { padding-left: 0; } #windfqxhhz .gt_column_spanner_outer:last-child { padding-right: 0; } #windfqxhhz .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #windfqxhhz .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #windfqxhhz .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #windfqxhhz .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #windfqxhhz .gt_from_md > :first-child { margin-top: 0; } #windfqxhhz .gt_from_md > :last-child { margin-bottom: 0; } #windfqxhhz .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #windfqxhhz .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #windfqxhhz .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #windfqxhhz .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #windfqxhhz .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #windfqxhhz .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #windfqxhhz .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #windfqxhhz .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #windfqxhhz .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #windfqxhhz .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #windfqxhhz .gt_sourcenote { font-size: 90%; padding: 4px; } #windfqxhhz .gt_left { text-align: left; } #windfqxhhz .gt_center { text-align: center; } #windfqxhhz .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #windfqxhhz .gt_font_normal { font-weight: normal; } #windfqxhhz .gt_font_bold { font-weight: bold; } #windfqxhhz .gt_font_italic { font-style: italic; } #windfqxhhz .gt_super { font-size: 65%; } #windfqxhhz .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="windfqxhhz" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #9EB0FF; color: #000000;">#9EB0FFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #519FD3; color: #000000;">#519FD3FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #286886; color: #FFFFFF;">#286886FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #14303E; color: #FFFFFF;">#14303EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #180B09; color: #FFFFFF;">#180B09FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3F1101; color: #FFFFFF;">#3F1101FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7B321C; color: #FFFFFF;">#7B321CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BC6D61; color: #000000;">#BC6D61FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFACAC; color: #000000;">#FFACACFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("scico::bilbao", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #anifzutcoe .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #anifzutcoe .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #anifzutcoe .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #anifzutcoe .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #anifzutcoe .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #anifzutcoe .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #anifzutcoe .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #anifzutcoe .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #anifzutcoe .gt_column_spanner_outer:first-child { padding-left: 0; } #anifzutcoe .gt_column_spanner_outer:last-child { padding-right: 0; } #anifzutcoe .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #anifzutcoe .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #anifzutcoe .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #anifzutcoe .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #anifzutcoe .gt_from_md > :first-child { margin-top: 0; } #anifzutcoe .gt_from_md > :last-child { margin-bottom: 0; } #anifzutcoe .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #anifzutcoe .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #anifzutcoe .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #anifzutcoe .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #anifzutcoe .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #anifzutcoe .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #anifzutcoe .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #anifzutcoe .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #anifzutcoe .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #anifzutcoe .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #anifzutcoe .gt_sourcenote { font-size: 90%; padding: 4px; } #anifzutcoe .gt_left { text-align: left; } #anifzutcoe .gt_center { text-align: center; } #anifzutcoe .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #anifzutcoe .gt_font_normal { font-weight: normal; } #anifzutcoe .gt_font_bold { font-weight: bold; } #anifzutcoe .gt_font_italic { font-style: italic; } #anifzutcoe .gt_super { font-size: 65%; } #anifzutcoe .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="anifzutcoe" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #FFFFFF; color: #000000;">#FFFFFFFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #D3D3D2; color: #000000;">#D3D3D2FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #C0BBA5; color: #000000;">#C0BBA5FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B4A87A; color: #000000;">#B4A87AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AB8B67; color: #000000;">#AB8B67FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A16D5A; color: #FFFFFF;">#A16D5AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #974D4B; color: #FFFFFF;">#974D4BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #732726; color: #FFFFFF;">#732726FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C0000; color: #FFFFFF;">#4C0000FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("viridis::viridis", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #xfqynxtzdd .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #xfqynxtzdd .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xfqynxtzdd .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #xfqynxtzdd .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #xfqynxtzdd .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xfqynxtzdd .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #xfqynxtzdd .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #xfqynxtzdd .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #xfqynxtzdd .gt_column_spanner_outer:first-child { padding-left: 0; } #xfqynxtzdd .gt_column_spanner_outer:last-child { padding-right: 0; } #xfqynxtzdd .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #xfqynxtzdd .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #xfqynxtzdd .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #xfqynxtzdd .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #xfqynxtzdd .gt_from_md > :first-child { margin-top: 0; } #xfqynxtzdd .gt_from_md > :last-child { margin-bottom: 0; } #xfqynxtzdd .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #xfqynxtzdd .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #xfqynxtzdd .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xfqynxtzdd .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #xfqynxtzdd .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #xfqynxtzdd .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #xfqynxtzdd .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #xfqynxtzdd .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xfqynxtzdd .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #xfqynxtzdd .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #xfqynxtzdd .gt_sourcenote { font-size: 90%; padding: 4px; } #xfqynxtzdd .gt_left { text-align: left; } #xfqynxtzdd .gt_center { text-align: center; } #xfqynxtzdd .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #xfqynxtzdd .gt_font_normal { font-weight: normal; } #xfqynxtzdd .gt_font_bold { font-weight: bold; } #xfqynxtzdd .gt_font_italic { font-style: italic; } #xfqynxtzdd .gt_super { font-size: 65%; } #xfqynxtzdd .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="xfqynxtzdd" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #440154; color: #FFFFFF;">#440154FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #472D7B; color: #FFFFFF;">#472D7BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #3B528B; color: #FFFFFF;">#3B528BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #2C728E; color: #FFFFFF;">#2C728EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #21908C; color: #FFFFFF;">#21908CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #27AD81; color: #000000;">#27AD81FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #5DC863; color: #000000;">#5DC863FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #AADC32; color: #000000;">#AADC32FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDE725; color: #000000;">#FDE725FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("viridis::inferno", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #halauysyyx .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #halauysyyx .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #halauysyyx .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #halauysyyx .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #halauysyyx .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #halauysyyx .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #halauysyyx .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #halauysyyx .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #halauysyyx .gt_column_spanner_outer:first-child { padding-left: 0; } #halauysyyx .gt_column_spanner_outer:last-child { padding-right: 0; } #halauysyyx .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #halauysyyx .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #halauysyyx .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #halauysyyx .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #halauysyyx .gt_from_md > :first-child { margin-top: 0; } #halauysyyx .gt_from_md > :last-child { margin-bottom: 0; } #halauysyyx .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #halauysyyx .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #halauysyyx .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #halauysyyx .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #halauysyyx .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #halauysyyx .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #halauysyyx .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #halauysyyx .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #halauysyyx .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #halauysyyx .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #halauysyyx .gt_sourcenote { font-size: 90%; padding: 4px; } #halauysyyx .gt_left { text-align: left; } #halauysyyx .gt_center { text-align: center; } #halauysyyx .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #halauysyyx .gt_font_normal { font-weight: normal; } #halauysyyx .gt_font_bold { font-weight: bold; } #halauysyyx .gt_font_italic { font-style: italic; } #halauysyyx .gt_super { font-size: 65%; } #halauysyyx .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="halauysyyx" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000004; color: #FFFFFF;">#000004FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #210C4A; color: #FFFFFF;">#210C4AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #56106E; color: #FFFFFF;">#56106EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #89226A; color: #FFFFFF;">#89226AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BB3754; color: #FFFFFF;">#BB3754FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E35932; color: #FFFFFF;">#E35932FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F98C0A; color: #000000;">#F98C0AFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F9C932; color: #000000;">#F9C932FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FCFFA4; color: #000000;">#FCFFA4FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("viridis::magma", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #azlfnwysjn .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #azlfnwysjn .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #azlfnwysjn .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #azlfnwysjn .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #azlfnwysjn .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #azlfnwysjn .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #azlfnwysjn .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #azlfnwysjn .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #azlfnwysjn .gt_column_spanner_outer:first-child { padding-left: 0; } #azlfnwysjn .gt_column_spanner_outer:last-child { padding-right: 0; } #azlfnwysjn .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #azlfnwysjn .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #azlfnwysjn .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #azlfnwysjn .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #azlfnwysjn .gt_from_md > :first-child { margin-top: 0; } #azlfnwysjn .gt_from_md > :last-child { margin-bottom: 0; } #azlfnwysjn .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #azlfnwysjn .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #azlfnwysjn .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #azlfnwysjn .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #azlfnwysjn .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #azlfnwysjn .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #azlfnwysjn .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #azlfnwysjn .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #azlfnwysjn .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #azlfnwysjn .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #azlfnwysjn .gt_sourcenote { font-size: 90%; padding: 4px; } #azlfnwysjn .gt_left { text-align: left; } #azlfnwysjn .gt_center { text-align: center; } #azlfnwysjn .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #azlfnwysjn .gt_font_normal { font-weight: normal; } #azlfnwysjn .gt_font_bold { font-weight: bold; } #azlfnwysjn .gt_font_italic { font-style: italic; } #azlfnwysjn .gt_super { font-size: 65%; } #azlfnwysjn .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="azlfnwysjn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #000004; color: #FFFFFF;">#000004FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #1D1147; color: #FFFFFF;">#1D1147FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #51127C; color: #FFFFFF;">#51127CFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #822681; color: #FFFFFF;">#822681FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #B63679; color: #FFFFFF;">#B63679FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E65164; color: #000000;">#E65164FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FB8861; color: #000000;">#FB8861FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FEC287; color: #000000;">#FEC287FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FCFDBF; color: #000000;">#FCFDBFFF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("viridis::plasma", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #gwcnyseezv .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #gwcnyseezv .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gwcnyseezv .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #gwcnyseezv .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #gwcnyseezv .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gwcnyseezv .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #gwcnyseezv .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #gwcnyseezv .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #gwcnyseezv .gt_column_spanner_outer:first-child { padding-left: 0; } #gwcnyseezv .gt_column_spanner_outer:last-child { padding-right: 0; } #gwcnyseezv .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #gwcnyseezv .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #gwcnyseezv .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #gwcnyseezv .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #gwcnyseezv .gt_from_md > :first-child { margin-top: 0; } #gwcnyseezv .gt_from_md > :last-child { margin-bottom: 0; } #gwcnyseezv .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #gwcnyseezv .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #gwcnyseezv .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gwcnyseezv .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #gwcnyseezv .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #gwcnyseezv .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #gwcnyseezv .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #gwcnyseezv .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gwcnyseezv .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #gwcnyseezv .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #gwcnyseezv .gt_sourcenote { font-size: 90%; padding: 4px; } #gwcnyseezv .gt_left { text-align: left; } #gwcnyseezv .gt_center { text-align: center; } #gwcnyseezv .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #gwcnyseezv .gt_font_normal { font-weight: normal; } #gwcnyseezv .gt_font_bold { font-weight: bold; } #gwcnyseezv .gt_font_italic { font-style: italic; } #gwcnyseezv .gt_super { font-size: 65%; } #gwcnyseezv .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="gwcnyseezv" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #0D0887; color: #FFFFFF;">#0D0887FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #4C02A1; color: #FFFFFF;">#4C02A1FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7E03A8; color: #FFFFFF;">#7E03A8FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #A92395; color: #FFFFFF;">#A92395FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #CC4678; color: #FFFFFF;">#CC4678FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E56B5D; color: #000000;">#E56B5DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F89441; color: #000000;">#F89441FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FDC328; color: #000000;">#FDC328FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #F0F921; color: #000000;">#F0F921FF</td> </tr> </tbody> </table></div> ] --- class: split-40 count: false .left-code-straight_up_c-rotate[ ```r *pal <- paletteer_c("viridis::cividis", 9) pal %>% fct_inorder() %>% tibble(pal = .) %>% gt::gt() %>% gt::data_color(columns = vars(pal), colors = as.character(pal)) ``` ] .right-output-straight_up_c-rotate[ <style>html { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif; } #mxtnvhcukf .gt_table { display: table; border-collapse: collapse; margin-left: auto; margin-right: auto; color: #333333; font-size: 16px; background-color: #FFFFFF; width: auto; border-top-style: solid; border-top-width: 2px; border-top-color: #A8A8A8; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #A8A8A8; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; } #mxtnvhcukf .gt_heading { background-color: #FFFFFF; text-align: center; border-bottom-color: #FFFFFF; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mxtnvhcukf .gt_title { color: #333333; font-size: 125%; font-weight: initial; padding-top: 4px; padding-bottom: 4px; border-bottom-color: #FFFFFF; border-bottom-width: 0; } #mxtnvhcukf .gt_subtitle { color: #333333; font-size: 85%; font-weight: initial; padding-top: 0; padding-bottom: 4px; border-top-color: #FFFFFF; border-top-width: 0; } #mxtnvhcukf .gt_bottom_border { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mxtnvhcukf .gt_col_headings { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; } #mxtnvhcukf .gt_col_heading { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; overflow-x: hidden; } #mxtnvhcukf .gt_column_spanner_outer { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: normal; text-transform: inherit; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; } #mxtnvhcukf .gt_column_spanner_outer:first-child { padding-left: 0; } #mxtnvhcukf .gt_column_spanner_outer:last-child { padding-right: 0; } #mxtnvhcukf .gt_column_spanner { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: bottom; padding-top: 5px; padding-bottom: 6px; overflow-x: hidden; display: inline-block; width: 100%; } #mxtnvhcukf .gt_group_heading { padding: 8px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; } #mxtnvhcukf .gt_empty_group_heading { padding: 0.5px; color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; vertical-align: middle; } #mxtnvhcukf .gt_striped { background-color: rgba(128, 128, 128, 0.05); } #mxtnvhcukf .gt_from_md > :first-child { margin-top: 0; } #mxtnvhcukf .gt_from_md > :last-child { margin-bottom: 0; } #mxtnvhcukf .gt_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; margin: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: #D3D3D3; border-left-style: none; border-left-width: 1px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 1px; border-right-color: #D3D3D3; vertical-align: middle; overflow-x: hidden; } #mxtnvhcukf .gt_stub { color: #333333; background-color: #FFFFFF; font-size: 100%; font-weight: initial; text-transform: inherit; border-right-style: solid; border-right-width: 2px; border-right-color: #D3D3D3; padding-left: 12px; } #mxtnvhcukf .gt_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mxtnvhcukf .gt_first_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; } #mxtnvhcukf .gt_grand_summary_row { color: #333333; background-color: #FFFFFF; text-transform: inherit; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } #mxtnvhcukf .gt_first_grand_summary_row { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; border-top-style: double; border-top-width: 6px; border-top-color: #D3D3D3; } #mxtnvhcukf .gt_table_body { border-top-style: solid; border-top-width: 2px; border-top-color: #D3D3D3; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #D3D3D3; } #mxtnvhcukf .gt_footnotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mxtnvhcukf .gt_footnote { margin: 0px; font-size: 90%; padding: 4px; } #mxtnvhcukf .gt_sourcenotes { color: #333333; background-color: #FFFFFF; border-bottom-style: none; border-bottom-width: 2px; border-bottom-color: #D3D3D3; border-left-style: none; border-left-width: 2px; border-left-color: #D3D3D3; border-right-style: none; border-right-width: 2px; border-right-color: #D3D3D3; } #mxtnvhcukf .gt_sourcenote { font-size: 90%; padding: 4px; } #mxtnvhcukf .gt_left { text-align: left; } #mxtnvhcukf .gt_center { text-align: center; } #mxtnvhcukf .gt_right { text-align: right; font-variant-numeric: tabular-nums; } #mxtnvhcukf .gt_font_normal { font-weight: normal; } #mxtnvhcukf .gt_font_bold { font-weight: bold; } #mxtnvhcukf .gt_font_italic { font-style: italic; } #mxtnvhcukf .gt_super { font-size: 65%; } #mxtnvhcukf .gt_footnote_marks { font-style: italic; font-size: 65%; } </style> <div id="mxtnvhcukf" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table"> <thead class="gt_col_headings"> <tr> <th class="gt_col_heading gt_columns_bottom_border gt_center" rowspan="1" colspan="1">pal</th> </tr> </thead> <tbody class="gt_table_body"> <tr> <td class="gt_row gt_center" style="background-color: #00204D; color: #FFFFFF;">#00204DFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #05366E; color: #FFFFFF;">#05366EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #414D6B; color: #FFFFFF;">#414D6BFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #61646F; color: #FFFFFF;">#61646FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #7C7B78; color: #FFFFFF;">#7C7B78FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #9B9477; color: #000000;">#9B9477FF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #BCAF6F; color: #000000;">#BCAF6FFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #E0CB5E; color: #000000;">#E0CB5EFF</td> </tr> <tr> <td class="gt_row gt_center" style="background-color: #FFEA46; color: #000000;">#FFEA46FF</td> </tr> </tbody> </table></div> ] <style> .left-code-straight_up_c-rotate { color: #777; width: 69%; height: 92%; float: left; font-size: 110% } .right-output-straight_up_c-rotate { width: 30%; float: right; padding-left: 1%; } </style> <!-- palettes_c_names %>% --> <!-- group_by(package) %>% --> <!-- slice(1:5) -> --> <!-- my_slice --> <!-- paste0('pal <- paletteer_c("', my_slice$package, "::", my_slice$palette, '", 9) #ROTATE') %>% cat(sep = "\n") --> <style type="text/css"> .remark-code{line-height: 1.5; font-size: 80%} </style>