count: false .panel1-the_chunk-auto[ ```r *mtcars[1:5, 1:4] ``` ] .panel2-the_chunk-auto[ ``` mpg cyl disp hp Mazda RX4 21.0 6 160 110 Mazda RX4 Wag 21.0 6 160 110 Datsun 710 22.8 4 108 93 Hornet 4 Drive 21.4 6 258 110 Hornet Sportabout 18.7 8 360 175 ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% * mutate(car = row.names(.)) ``` ] .panel2-the_chunk-auto[ ``` mpg cyl disp hp car 1 21.0 6 160 110 Mazda RX4 2 21.0 6 160 110 Mazda RX4 Wag 3 22.8 4 108 93 Datsun 710 4 21.4 6 258 110 Hornet 4 Drive 5 18.7 8 360 175 Hornet Sportabout ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% * select(car, everything()) ``` ] .panel2-the_chunk-auto[ ``` car mpg cyl disp hp 1 Mazda RX4 21.0 6 160 110 2 Mazda RX4 Wag 21.0 6 160 110 3 Datsun 710 22.8 4 108 93 4 Hornet 4 Drive 21.4 6 258 110 5 Hornet Sportabout 18.7 8 360 175 ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% * mutate(mpg = formattable::color_tile("white", "orange")(mpg)) ``` ] .panel2-the_chunk-auto[ ``` car 1 Mazda RX4 2 Mazda RX4 Wag 3 Datsun 710 4 Hornet 4 Drive 5 Hornet Sportabout mpg 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> cyl disp hp 1 6 160 110 2 6 160 110 3 4 108 93 4 6 258 110 5 8 360 175 ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% * mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) ``` ] .panel2-the_chunk-auto[ ``` car 1 Mazda RX4 2 Mazda RX4 Wag 3 Datsun 710 4 Hornet 4 Drive 5 Hornet Sportabout mpg 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> cyl disp 1 6 160 2 6 160 3 4 108 4 6 258 5 8 360 hp 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) %>% * mutate(cyl = kableExtra::cell_spec(x = cyl, * format = "html", * angle = (1:5)*90/5, * background = "red", * color = "white", * align = "center")) ``` ] .panel2-the_chunk-auto[ ``` car 1 Mazda RX4 2 Mazda RX4 Wag 3 Datsun 710 4 Hornet 4 Drive 5 Hornet Sportabout mpg 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> cyl 1 <span style="-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 2 <span style="-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 3 <span style="-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >4</span></span> 4 <span style="-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 5 <span style="-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >8</span></span> disp 1 160 2 160 3 108 4 258 5 360 hp 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) %>% mutate(cyl = kableExtra::cell_spec(x = cyl, format = "html", angle = (1:5)*90/5, background = "red", color = "white", align = "center")) %>% * mutate(disp = ifelse(disp > 200, * kableExtra::cell_spec( * x = disp, * "html", * color = "red", * bold = T), * kableExtra::cell_spec( * x = disp, * format = "html", * color = "green", * italic = T))) ``` ] .panel2-the_chunk-auto[ ``` car 1 Mazda RX4 2 Mazda RX4 Wag 3 Datsun 710 4 Hornet 4 Drive 5 Hornet Sportabout mpg 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> cyl 1 <span style="-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 2 <span style="-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 3 <span style="-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >4</span></span> 4 <span style="-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> 5 <span style="-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >8</span></span> disp 1 <span style=" font-style: italic; color: green !important;" >160</span> 2 <span style=" font-style: italic; color: green !important;" >160</span> 3 <span style=" font-style: italic; color: green !important;" >108</span> 4 <span style=" font-weight: bold; color: red !important;" >258</span> 5 <span style=" font-weight: bold; color: red !important;" >360</span> hp 1 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 2 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 3 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> 4 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> 5 <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> ``` ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) %>% mutate(cyl = kableExtra::cell_spec(x = cyl, format = "html", angle = (1:5)*90/5, background = "red", color = "white", align = "center")) %>% mutate(disp = ifelse(disp > 200, kableExtra::cell_spec( x = disp, "html", color = "red", bold = T), kableExtra::cell_spec( x = disp, format = "html", color = "green", italic = T))) %>% * knitr::kable("html", escape = F) ``` ] .panel2-the_chunk-auto[ <table> <thead> <tr> <th style="text-align:left;"> car </th> <th style="text-align:left;"> mpg </th> <th style="text-align:left;"> cyl </th> <th style="text-align:left;"> disp </th> <th style="text-align:left;"> hp </th> </tr> </thead> <tbody> <tr> <td style="text-align:left;"> Mazda RX4 </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;"> <span style="-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> </td> <td style="text-align:left;"> <span style=" font-style: italic; color: green !important;" >160</span> </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Mazda RX4 Wag </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;"> <span style="-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> </td> <td style="text-align:left;"> <span style=" font-style: italic; color: green !important;" >160</span> </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Datsun 710 </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> </td> <td style="text-align:left;"> <span style="-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >4</span></span> </td> <td style="text-align:left;"> <span style=" font-style: italic; color: green !important;" >108</span> </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet 4 Drive </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> </td> <td style="text-align:left;"> <span style="-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >6</span></span> </td> <td style="text-align:left;"> <span style=" font-weight: bold; color: red !important;" >258</span> </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet Sportabout </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> </td> <td style="text-align:left;"> <span style="-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;" >8</span></span> </td> <td style="text-align:left;"> <span style=" font-weight: bold; color: red !important;" >360</span> </td> <td style="text-align:left;"> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> </td> </tr> </tbody> </table> ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) %>% mutate(cyl = kableExtra::cell_spec(x = cyl, format = "html", angle = (1:5)*90/5, background = "red", color = "white", align = "center")) %>% mutate(disp = ifelse(disp > 200, kableExtra::cell_spec( x = disp, "html", color = "red", bold = T), kableExtra::cell_spec( x = disp, format = "html", color = "green", italic = T))) %>% knitr::kable("html", escape = F) %>% * kableExtra::column_spec(column = 2:5, * width = c("1cm", "1cm","1cm","3cm") * ) ``` ] .panel2-the_chunk-auto[ <table> <thead> <tr> <th style="text-align:left;"> car </th> <th style="text-align:left;"> mpg </th> <th style="text-align:left;"> cyl </th> <th style="text-align:left;"> disp </th> <th style="text-align:left;"> hp </th> </tr> </thead> <tbody> <tr> <td style="text-align:left;"> Mazda RX4 </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">160</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Mazda RX4 Wag </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">160</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Datsun 710 </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">4</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">108</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet 4 Drive </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-weight: bold; color: red !important;">258</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet Sportabout </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">8</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-weight: bold; color: red !important;">360</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> </td> </tr> </tbody> </table> ] --- count: false .panel1-the_chunk-auto[ ```r mtcars[1:5, 1:4] %>% mutate(car = row.names(.)) %>% select(car, everything()) %>% mutate(mpg = formattable::color_tile("white", "orange")(mpg)) %>% mutate(hp = formattable::color_tile("white", "lightgreen")(hp)) %>% mutate(cyl = kableExtra::cell_spec(x = cyl, format = "html", angle = (1:5)*90/5, background = "red", color = "white", align = "center")) %>% mutate(disp = ifelse(disp > 200, kableExtra::cell_spec( x = disp, "html", color = "red", bold = T), kableExtra::cell_spec( x = disp, format = "html", color = "green", italic = T))) %>% knitr::kable("html", escape = F) %>% kableExtra::column_spec(column = 2:5, width = c("1cm", "1cm","1cm","3cm") ) %>% * kableExtra::add_header_above(header = * c(" ", * "Hello" = 2, * "World" = 2)) ``` ] .panel2-the_chunk-auto[ <table> <thead> <tr> <th style="empty-cells: hide;border-bottom:hidden;" colspan="1"></th> <th style="border-bottom:hidden;padding-bottom:0; padding-left:3px;padding-right:3px;text-align: center; " colspan="2"><div style="border-bottom: 1px solid #ddd; padding-bottom: 5px; ">Hello</div></th> <th style="border-bottom:hidden;padding-bottom:0; padding-left:3px;padding-right:3px;text-align: center; " colspan="2"><div style="border-bottom: 1px solid #ddd; padding-bottom: 5px; ">World</div></th> </tr> <tr> <th style="text-align:left;"> car </th> <th style="text-align:left;"> mpg </th> <th style="text-align:left;"> cyl </th> <th style="text-align:left;"> disp </th> <th style="text-align:left;"> hp </th> </tr> </thead> <tbody> <tr> <td style="text-align:left;"> Mazda RX4 </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">160</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Mazda RX4 Wag </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffcc6f">21.0</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">160</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Datsun 710 </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffa500">22.8</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">4</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-style: italic; color: green !important;">108</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">93</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet 4 Drive </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffc357">21.4</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">6</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-weight: bold; color: red !important;">258</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #e7fbe7">110</span> </td> </tr> <tr> <td style="text-align:left;"> Hornet Sportabout </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #ffffff">18.7</span> </td> <td style="text-align:left;width: 1cm; "> <span style="-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; "><span style=" color: white !important;border-radius: 4px; padding-right: 4px; padding-left: 4px; background-color: red !important;text-align: center;">8</span></span> </td> <td style="text-align:left;width: 1cm; "> <span style=" font-weight: bold; color: red !important;">360</span> </td> <td style="text-align:left;width: 1cm; "> <span style="display: block; padding: 0 4px; border-radius: 4px; background-color: #90ee90">175</span> </td> </tr> </tbody> </table> ] <style> .panel1-the_chunk-auto { color: black; width: 38.6060606060606%; hight: 32%; float: left; padding-left: 1%; font-size: 80% } .panel2-the_chunk-auto { color: black; width: 59.3939393939394%; hight: 32%; float: left; padding-left: 1%; font-size: 80% } .panel3-the_chunk-auto { color: black; width: NA%; hight: 33%; float: left; padding-left: 1%; font-size: 80% } </style> <style type="text/css"> .remark-code{line-height: 1.5; font-size: 90%} @media print { .has-continuation { display: block; } } </style>