Víctor Gauto
  • Tidytuesday
  • Publicaciones
  • Mapas de Argentina
  • Visualizaciones
  • Mi CV

Sitio en construcción

Contenido

  • Paquetes
  • Estilos
  • Epígrafe
  • Datos
  • Procesamiento
  • Figura
  • Editar esta página
  • Informar sobre problema

Semana 49

  • Mostrar todo el código
  • Ocultar todo el código

  • Ver el código fuente
geom_rect
geom_vline
geom_point
geom_richtext
Autor

Víctor Gauto

Fecha de publicación

14 de marzo de 2026

Fabricantes de vehículos, precios y tipo de motor del conjunto de datos qatarcars.

Semana 49, 2025

Paquetes

Ocultar código
library(glue)
library(ggtext)
library(showtext)
library(tidyverse)

Estilos

Colores.

Ocultar código
c1 <- "#b48ead"
c2 <- "#a3be8c"
c3 <- "#ebcb8b"
c4 <- "#8A1538"
c5 <- "ivory"

Fuentes: Ubuntu y JetBrains Mono.

Ocultar código
font_add(
  family = "ubuntu",
  regular = "././fuente/Ubuntu-Regular.ttf",
  bold = "././fuente/Ubuntu-Bold.ttf",
  italic = "././fuente/Ubuntu-Italic.ttf"
)

font_add(
  family = "jet",
  regular = "././fuente/JetBrainsMonoNLNerdFontMono-Regular.ttf"
)

showtext_auto()
showtext_opts(dpi = 300)

Epígrafe

Ocultar código
fuente <- glue(
  "Datos: <span style='color:{c4};'><span style='font-family:jet;'>",
  "{{<b>tidytuesdayR</b>}}</span> semana 49, ",
  "<b>{{qatarcars}}</b>.</span>"
)

autor <- glue("<span style='color:{c4};'>**Víctor Gauto**</span>")
icon_twitter <- glue("<span style='font-family:jet;'>&#xf099;</span>")
icon_instagram <- glue("<span style='font-family:jet;'>&#xf16d;</span>")
icon_github <- glue("<span style='font-family:jet;'>&#xf09b;</span>")
icon_mastodon <- glue("<span style='font-family:jet;'>&#xf0ad1;</span>")
icon_bsky <- glue("<span style='font-family:jet;'>&#xe28e;</span>")
usuario <- glue("<span style='color:{c4};'>**vhgauto**</span>")
sep <- glue("**|**")

mi_caption <- glue(
  "{fuente}<br>{autor} {sep} {icon_github} {icon_twitter} {icon_instagram} ",
  "{icon_mastodon} {icon_bsky} {usuario}"
)

Datos

Ocultar código
tuesdata <- tidytuesdayR::tt_load(2025, 49)
qatarcars <- tuesdata$qatarcars

Procesamiento

Me interesa el precio de los vehículos y el tipo de motor, mostrando el logo de cada marca.

Convierto a factor las marcas de acuerdo al precio y agrego colores según tipo de motor. El precio lo convierto de riyal catarí (\(QAR\)) a dólar estadounidense (\(USD\)).

Ocultar código
d <- mutate(qatarcars, make = fct_reorder(make, price)) |>
  arrange(make) |>
  mutate(enginetype = fct_infreq(enginetype))

colores_tipos <- c(c1, c2, c3)
names(colores_tipos) <- sort(unique(d$enginetype))

d <- d |>
  mutate(fill = colores_tipos[enginetype]) |>
  mutate(price = price / 3.64)

Figura

Defino los límites del panel e incorporo los logos de los vehículos, obtenidos de este repositorio. Acomodo las posiciones tal que los logos estén intercalados. En particular, disminuyo el tamaña del logo de un fabricante.

Ocultar código
link <- "https://raw.githubusercontent.com/filippofilip95/car-logos-dataset/master/logos/optimized/"

x_min <- min(d$price) - 7000
x_max <- max(d$price) + 10000000

d_img <- distinct(d, make) |>
  mutate(make_label = tolower(make)) |>
  mutate(make_label = gsub(" ", "-", make_label)) |>
  mutate(
    make_label = if_else(make_label == "mercedes", "mercedes-benz", make_label)
  ) |>
  mutate(img = paste0(link, make_label, ".png")) |>
  mutate(id = row_number()) |>
  mutate(
    x = if_else(id %% 2 == 0, x_min, x_max)
  ) |>
  mutate(
    img_label = glue("<img src='{img}' height=45></img>"),
    hjust = if_else(id %% 2 == 0, 0, 1)
  ) |>
  mutate(
    img_label = if_else(
      make_label == "jetour",
      str_replace(img_label, "height=45", "height=17"),
      img_label
    )
  )

Defino un recuadro en el que se va a intercalar el color de relleno para facilitar la lectura de la figura.

Ocultar código
d_rect <- distinct(d, make) |>
  mutate(y_min = as.numeric(make) - .5) |>
  mutate(y_max = y_min + 1) |>
  mutate(id = row_number()) |>
  mutate(
    fill = if_else(id %% 2 == 0, "grey98", "grey95")
  )

Título y figura.

Ocultar código
mi_titulo <- glue(
  "Marcas de <b style='color: {c4};'>automotores</b>, 
  sus precios y tipo de motor"
)

g <- ggplot(d, aes(price, make, fill = fill, shape = enginetype)) +
  geom_rect(
    data = d_rect,
    aes(
      xmin = x_min * .5,
      xmax = x_max * 2,
      ymin = y_min,
      ymax = y_max,
      fill = fill
    ),
    color = NA,
    inherit.aes = FALSE
  ) +
  geom_vline(xintercept = 10^(4:7), linewidth = .1, linetype = "FF") +
  geom_point(size = 10, color = "black", stroke = .5, alpha = .7) +
  geom_richtext(
    data = d_img,
    aes(x = x, y = make, label = img_label, hjust = .5),
    fill = NA,
    label.color = NA,
    inherit.aes = FALSE
  ) +
  annotate(
    geom = "rect",
    xmin = x_min * .5,
    xmax = x_max * 2,
    ymin = .5,
    ymax = 31.5,
    fill = NA,
    color = c4,
    linewidth = 1
  ) +
  annotation_logticks(
    sides = "tb",
    outside = TRUE,
    short = unit(5, "pt"),
    mid = unit(10, "pt"),
    long = unit(15, "pt"),
    color = c4,
    linewidth = 1
  ) +
  scale_x_log10(
    labels = scales::label_dollar(big.mark = ".", decimal.mark = ","),
    sec.axis = dup_axis(name = NULL)
  ) +
  scale_fill_identity() +
  scale_shape_manual(
    values = c(21, 22, 23),
    breaks = names(colores_tipos),
    labels = c("Fósil", "Híbrido", "Eléctrico")
  ) +
  coord_cartesian(expand = FALSE, clip = "off", xlim = c(x_min, x_max)) +
  labs(
    x = "Precio (USD, enero 2025)",
    y = NULL,
    shape = "Tipo de motor",
    title = mi_titulo,
    caption = mi_caption
  ) +
  guides(
    shape = guide_legend(
      override.aes = list(color = "black", fill = colores_tipos)
    )
  ) +
  theme_bw(base_size = 22, base_family = "ubuntu") +
  theme(aspect.ratio = 4 / 3) +
  theme_sub_axis_bottom(
    text = element_text(
      family = "jet",
      color = c4,
      margin = margin(t = 20)
    ),
    title = element_markdown(margin = margin(t = 20), color = c4, hjust = 0),
    ticks = element_blank()
  ) +
  theme_sub_axis_top(
    text = element_text(
      family = "jet",
      color = c4,
      margin = margin(b = 20)
    ),
    title = element_text(margin = margin(b = 10), color = c4),
    ticks = element_blank()
  ) +
  theme_sub_axis_y(text = element_blank(), ticks = element_blank()) +
  theme_sub_legend(
    position = "inside",
    background = element_rect(fill = "ivory", color = c4),
    position.inside = c(.65, .01),
    justification.inside = c(.5, 0),
    text = element_text(color = c4, size = rel(.7)),
    title = element_text(color = c4, size = rel(.7))
  ) +
  theme_sub_plot(
    margin = margin(r = 40, l = 40, b = 10, t = 15),
    title = element_markdown(hjust = .5, margin = margin(b = 20)),
    caption = element_markdown(
      color = scales::col_darker(c2, 30),
      lineheight = 1.3,
      size = rel(.7),
      margin = margin(t = 15, r = -70)
    ),
    background = element_rect(fill = c5, color = NA)
  ) +
  theme_sub_panel(
    background = element_blank(),
    border = element_blank()
  )

Guardo.

Ocultar código
ggsave(
  plot = g,
  filename = "tidytuesday/2025/semana_49.png",
  width = 30,
  height = 40,
  units = "cm"
)
Subir
Ejecutar el código
---
format:
  html:
    code-fold: show
    code-summary: "Ocultar código"
    code-line-numbers: false
    code-annotations: false
    code-link: true
    code-tools:
        source: true
        toggle: true
        caption: "Código"
    code-overflow: scroll
    page-layout: full
editor_options:
  chunk_output_type: console
categories:
  - geom_rect
  - geom_vline
  - geom_point
  - geom_richtext
execute:
  eval: false
  echo: true
  warning: false
title: "Semana 49"
date: last-modified
author: Víctor Gauto
---

Fabricantes de vehículos, precios y tipo de motor del conjunto de datos [qatarcars](https://profmusgrave.github.io/qatarcars/).

::: {.column-page-right}

![Semana 49, 2025](semana_49.png)

:::

## Paquetes

```{r}
library(glue)
library(ggtext)
library(showtext)
library(tidyverse)
```

## Estilos

Colores.

```{r}
c1 <- "#b48ead"
c2 <- "#a3be8c"
c3 <- "#ebcb8b"
c4 <- "#8A1538"
c5 <- "ivory"
```

Fuentes: Ubuntu y JetBrains Mono.

```{r}
font_add(
  family = "ubuntu",
  regular = "././fuente/Ubuntu-Regular.ttf",
  bold = "././fuente/Ubuntu-Bold.ttf",
  italic = "././fuente/Ubuntu-Italic.ttf"
)

font_add(
  family = "jet",
  regular = "././fuente/JetBrainsMonoNLNerdFontMono-Regular.ttf"
)

showtext_auto()
showtext_opts(dpi = 300)
```

## Epígrafe

```{r}
fuente <- glue(
  "Datos: <span style='color:{c4};'><span style='font-family:jet;'>",
  "{{<b>tidytuesdayR</b>}}</span> semana 49, ",
  "<b>{{qatarcars}}</b>.</span>"
)

autor <- glue("<span style='color:{c4};'>**Víctor Gauto**</span>")
icon_twitter <- glue("<span style='font-family:jet;'>&#xf099;</span>")
icon_instagram <- glue("<span style='font-family:jet;'>&#xf16d;</span>")
icon_github <- glue("<span style='font-family:jet;'>&#xf09b;</span>")
icon_mastodon <- glue("<span style='font-family:jet;'>&#xf0ad1;</span>")
icon_bsky <- glue("<span style='font-family:jet;'>&#xe28e;</span>")
usuario <- glue("<span style='color:{c4};'>**vhgauto**</span>")
sep <- glue("**|**")

mi_caption <- glue(
  "{fuente}<br>{autor} {sep} {icon_github} {icon_twitter} {icon_instagram} ",
  "{icon_mastodon} {icon_bsky} {usuario}"
)
```

## Datos

```{r}
tuesdata <- tidytuesdayR::tt_load(2025, 49)
qatarcars <- tuesdata$qatarcars
```

## Procesamiento

Me interesa el precio de los vehículos y el tipo de motor, mostrando el logo de cada marca.

Convierto a factor las marcas de acuerdo al precio y agrego colores según tipo de motor. El precio lo convierto de riyal catarí ($QAR$) a dólar estadounidense ($USD$).

```{r}
d <- mutate(qatarcars, make = fct_reorder(make, price)) |>
  arrange(make) |>
  mutate(enginetype = fct_infreq(enginetype))

colores_tipos <- c(c1, c2, c3)
names(colores_tipos) <- sort(unique(d$enginetype))

d <- d |>
  mutate(fill = colores_tipos[enginetype]) |>
  mutate(price = price / 3.64)
```

## Figura

Defino los límites del panel e incorporo los logos de los vehículos, obtenidos de [este repositorio](https://github.com/filippofilip95/car-logos-dataset). Acomodo las posiciones tal que los logos estén intercalados. En particular, disminuyo el tamaña del logo de un fabricante.

```{r}
link <- "https://raw.githubusercontent.com/filippofilip95/car-logos-dataset/master/logos/optimized/"

x_min <- min(d$price) - 7000
x_max <- max(d$price) + 10000000

d_img <- distinct(d, make) |>
  mutate(make_label = tolower(make)) |>
  mutate(make_label = gsub(" ", "-", make_label)) |>
  mutate(
    make_label = if_else(make_label == "mercedes", "mercedes-benz", make_label)
  ) |>
  mutate(img = paste0(link, make_label, ".png")) |>
  mutate(id = row_number()) |>
  mutate(
    x = if_else(id %% 2 == 0, x_min, x_max)
  ) |>
  mutate(
    img_label = glue("<img src='{img}' height=45></img>"),
    hjust = if_else(id %% 2 == 0, 0, 1)
  ) |>
  mutate(
    img_label = if_else(
      make_label == "jetour",
      str_replace(img_label, "height=45", "height=17"),
      img_label
    )
  )
```

Defino un recuadro en el que se va a intercalar el color de relleno para facilitar la lectura de la figura.

```{r}
d_rect <- distinct(d, make) |>
  mutate(y_min = as.numeric(make) - .5) |>
  mutate(y_max = y_min + 1) |>
  mutate(id = row_number()) |>
  mutate(
    fill = if_else(id %% 2 == 0, "grey98", "grey95")
  )
```

Título y figura.

```{r}
mi_titulo <- glue(
  "Marcas de <b style='color: {c4};'>automotores</b>, 
  sus precios y tipo de motor"
)

g <- ggplot(d, aes(price, make, fill = fill, shape = enginetype)) +
  geom_rect(
    data = d_rect,
    aes(
      xmin = x_min * .5,
      xmax = x_max * 2,
      ymin = y_min,
      ymax = y_max,
      fill = fill
    ),
    color = NA,
    inherit.aes = FALSE
  ) +
  geom_vline(xintercept = 10^(4:7), linewidth = .1, linetype = "FF") +
  geom_point(size = 10, color = "black", stroke = .5, alpha = .7) +
  geom_richtext(
    data = d_img,
    aes(x = x, y = make, label = img_label, hjust = .5),
    fill = NA,
    label.color = NA,
    inherit.aes = FALSE
  ) +
  annotate(
    geom = "rect",
    xmin = x_min * .5,
    xmax = x_max * 2,
    ymin = .5,
    ymax = 31.5,
    fill = NA,
    color = c4,
    linewidth = 1
  ) +
  annotation_logticks(
    sides = "tb",
    outside = TRUE,
    short = unit(5, "pt"),
    mid = unit(10, "pt"),
    long = unit(15, "pt"),
    color = c4,
    linewidth = 1
  ) +
  scale_x_log10(
    labels = scales::label_dollar(big.mark = ".", decimal.mark = ","),
    sec.axis = dup_axis(name = NULL)
  ) +
  scale_fill_identity() +
  scale_shape_manual(
    values = c(21, 22, 23),
    breaks = names(colores_tipos),
    labels = c("Fósil", "Híbrido", "Eléctrico")
  ) +
  coord_cartesian(expand = FALSE, clip = "off", xlim = c(x_min, x_max)) +
  labs(
    x = "Precio (USD, enero 2025)",
    y = NULL,
    shape = "Tipo de motor",
    title = mi_titulo,
    caption = mi_caption
  ) +
  guides(
    shape = guide_legend(
      override.aes = list(color = "black", fill = colores_tipos)
    )
  ) +
  theme_bw(base_size = 22, base_family = "ubuntu") +
  theme(aspect.ratio = 4 / 3) +
  theme_sub_axis_bottom(
    text = element_text(
      family = "jet",
      color = c4,
      margin = margin(t = 20)
    ),
    title = element_markdown(margin = margin(t = 20), color = c4, hjust = 0),
    ticks = element_blank()
  ) +
  theme_sub_axis_top(
    text = element_text(
      family = "jet",
      color = c4,
      margin = margin(b = 20)
    ),
    title = element_text(margin = margin(b = 10), color = c4),
    ticks = element_blank()
  ) +
  theme_sub_axis_y(text = element_blank(), ticks = element_blank()) +
  theme_sub_legend(
    position = "inside",
    background = element_rect(fill = "ivory", color = c4),
    position.inside = c(.65, .01),
    justification.inside = c(.5, 0),
    text = element_text(color = c4, size = rel(.7)),
    title = element_text(color = c4, size = rel(.7))
  ) +
  theme_sub_plot(
    margin = margin(r = 40, l = 40, b = 10, t = 15),
    title = element_markdown(hjust = .5, margin = margin(b = 20)),
    caption = element_markdown(
      color = scales::col_darker(c2, 30),
      lineheight = 1.3,
      size = rel(.7),
      margin = margin(t = 15, r = -70)
    ),
    background = element_rect(fill = c5, color = NA)
  ) +
  theme_sub_panel(
    background = element_blank(),
    border = element_blank()
  )
```

Guardo.

```{r}
ggsave(
  plot = g,
  filename = "tidytuesday/2025/semana_49.png",
  width = 30,
  height = 40,
  units = "cm"
)
```

Creado con y

Víctor Gauto

  • Editar esta página
  • Informar sobre problema