ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Today I played around with the maquee package for text styling by @thomasp85.com. The custom styling system is very nice. Here is a simple example.

Apr 9, 2025, 7:03 PM

Record data

{
  "uri": "at://did:plc:v4fio6clr4zz64lhdkre7zph/app.bsky.feed.post/3lmfoj5tvpc2k",
  "cid": "bafyreifuil3napmu256eooe3zrmekjmcim6gfx5blvc6bvjitag45qdsyq",
  "value": {
    "text": "Today I played around with the maquee package for text styling by @thomasp85.com. The custom styling system is very nice. Here is a simple example.",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "Plot output showing iris data with custom text styling.",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreicknjcmcgctw4r6xaknym2hpdccsdfvftibihlohveolxnsyvxhb4"
            },
            "mimeType": "image/jpeg",
            "size": 321455
          },
          "aspectRatio": {
            "width": 1500,
            "height": 1200
          }
        },
        {
          "alt": "Screenshot of R code:\nlibrary(tidyverse)\nlibrary(marquee)\n\n# set up styling\niris_styles <- classic_style() |> # basic styling, italics, bold, etc.\n  # custom colors\n  modify_style(\"setosa\", style(color = \"#93263E\", weight = \"bold\")) |>\n  modify_style(\"virginica\", style(color = \"#3947A4\", weight = \"bold\")) |>\n  modify_style(\"versicolor\", style(color = \"#C6A634\", weight = \"bold\"))\n\nggplot(iris) +\n  geom_point(aes(Sepal.Length, Sepal.Width, color = Species)) +\n  scale_color_manual(\n    values = c(setosa = '#93263E', virginica = '#3947A4', versicolor = '#C6A634'),\n    guide = \"none\"\n  ) +\n  labs(\n    title = \"**Flower shapes of different *Iris* species**\",\n    subtitle = \"{.setosa *I. setosa*} — {.versicolor *I. versicolor*} — {.virginica *I. virginica*}\n\") +\n  theme_bw() +\n  theme(\n    title = element_marquee(style = iris_styles)\n  )\n",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreieb73dz4j46h7ijofkvumvgtfuwvu3shlkpkjsnhbdt3teiegz5ve"
            },
            "mimeType": "image/jpeg",
            "size": 379647
          },
          "aspectRatio": {
            "width": 1460,
            "height": 842
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 80,
          "byteStart": 66
        },
        "features": [
          {
            "did": "did:plc:6cf4jj62ofgoswlxcqdvtcg5",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      }
    ],
    "createdAt": "2025-04-09T19:03:00.919Z"
  }
}