{"id":13449,"date":"2022-05-17T06:51:50","date_gmt":"2022-05-17T11:51:50","guid":{"rendered":"https:\/\/rud.is\/b\/?p=13449"},"modified":"2022-05-17T06:52:31","modified_gmt":"2022-05-17T11:52:31","slug":"using-leonardo-svg-palettes-in-r","status":"publish","type":"post","link":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/","title":{"rendered":"Using Leonardo SVG Palettes in R"},"content":{"rendered":"

In today’s newsletter<\/a> Leonardo<\/a>, an open source project and free online too from Adobe that lets you make great and accessible color palettes for use in UX\/UI design and<\/em> data visualizations! You can read the one newsletter section to get a feel for Leonardo, then go play with it a bit.<\/p>\n

The app lets you download the palettes in many forms, as well as just copy the values from the site. Two of the formats are SVG: one for discrete mappings (so, a small, finite number of colors) and another for continuous mappings (so, a gradient). I’ll eventually add the following to my {swatches} package, but, for now, you can tuck these away into a snippet if you do end up working with Leonardo on-the-regular.<\/p>\n

Read a qualitative leonardo SVG palette<\/h3>\n

This is a pretty straightforward format to read and transform into something usable in R:<\/p>\n

<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"616px\" height=\"80px\" aria-hidden=\"true\" id=\"svg\">\n    <rect x=\"0\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#580000\"><\/rect>\n    <rect x=\"88\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#a54d15\"><\/rect>\n    <rect x=\"176\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#edc58d\"><\/rect>\n    <rect x=\"264\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#ffffe0\"><\/rect>\n    <rect x=\"352\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#b9d6c7\"><\/rect>\n    <rect x=\"440\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#297878\"><\/rect>\n    <rect x=\"528\" y=\"0\" width=\"80\" height=\"80\" rx=\"8\" fill=\"#003233\"><\/rect>\n<\/svg>\n<\/code><\/pre>\n
which means {xml2} can make quick work of it:<\/p>\n
read_svg_palette <- \\(path) {\n  xml2::read_xml(path) |> \n    xml2::xml_find_all(\".\/\/d1:rect\") |> \n    xml2::xml_attr(\"fill\")\n}\n\npal <- read_svg_palette(\"https:\/\/rud.is\/dl\/diverging.svg\")\n\nscales::show_col(pal)\n<\/code><\/pre>\n
\"\"<\/a><\/p>\n
Read a gradient leonardo SVG palette<\/h3>\n
The continuous one is only slightly more complex:<\/p>\n
<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"800px\" height=\"80px\" aria-hidden=\"true\" id=\"gradientSvg\">\n    <rect id=\"gradientRect\" width=\"800\" height=\"80\" fill=\"url(#gradientLinearGrad)\" rx=\"8\"><\/rect>\n    <defs id=\"gradientDefs\">\n        <linearGradient id=\"gradientLinearGrad\" x1=\"0\" y1=\"0\" x2=\"800\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n            <stop offset=\"0\" stop-color=\"rgb(88, 0, 0)\"><\/stop>\n            <stop offset=\"0.04081632653061224\" stop-color=\"rgb(123, 37, 6)\"><\/stop>\n            <stop offset=\"0.08163265306122448\" stop-color=\"rgb(153, 65, 16)\"><\/stop>\n            <stop offset=\"0.12244897959183673\" stop-color=\"rgb(179, 90, 25)\"><\/stop>\n            <stop offset=\"0.16326530612244897\" stop-color=\"rgb(203, 115, 34)\"><\/stop>\n            <stop offset=\"0.20408163265306123\" stop-color=\"rgb(222, 139, 51)\"><\/stop>\n            <stop offset=\"0.24489795918367346\" stop-color=\"rgb(230, 166, 94)\"><\/stop>\n            <stop offset=\"0.2857142857142857\" stop-color=\"rgb(236, 190, 130)\"><\/stop>\n            <stop offset=\"0.32653061224489793\" stop-color=\"rgb(240, 210, 160)\"><\/stop>\n            <stop offset=\"0.3673469387755102\" stop-color=\"rgb(245, 227, 184)\"><\/stop>\n            <stop offset=\"0.40816326530612246\" stop-color=\"rgb(249, 241, 204)\"><\/stop>\n            <stop offset=\"0.4489795918367347\" stop-color=\"rgb(252, 250, 217)\"><\/stop>\n            <stop offset=\"0.4897959183673469\" stop-color=\"rgb(254, 254, 222)\"><\/stop>\n            <stop offset=\"0.5306122448979592\" stop-color=\"rgb(251, 252, 222)\"><\/stop>\n            <stop offset=\"0.5714285714285714\" stop-color=\"rgb(242, 248, 220)\"><\/stop>\n            <stop offset=\"0.6122448979591837\" stop-color=\"rgb(229, 240, 216)\"><\/stop>\n            <stop offset=\"0.6530612244897959\" stop-color=\"rgb(210, 229, 209)\"><\/stop>\n            <stop offset=\"0.6938775510204082\" stop-color=\"rgb(188, 216, 201)\"><\/stop>\n            <stop offset=\"0.7346938775510204\" stop-color=\"rgb(160, 202, 189)\"><\/stop>\n            <stop offset=\"0.7755102040816326\" stop-color=\"rgb(126, 186, 178)\"><\/stop>\n            <stop offset=\"0.8163265306122449\" stop-color=\"rgb(74, 170, 167)\"><\/stop>\n            <stop offset=\"0.8571428571428571\" stop-color=\"rgb(53, 147, 146)\"><\/stop>\n            <stop offset=\"0.8979591836734694\" stop-color=\"rgb(42, 122, 121)\"><\/stop>\n            <stop offset=\"0.9387755102040817\" stop-color=\"rgb(28, 94, 95)\"><\/stop>\n            <stop offset=\"0.9795918367346939\" stop-color=\"rgb(9, 65, 66)\"><\/stop>\n        <\/linearGradient>\n    <\/defs>\n<\/svg>\n<\/code><\/pre>\n
Which means we have to do a tad bit more work in R:<\/p>\n
read_svg_gradient <- \\(path) {\n\n  xml2::read_xml(path) |> \n    xml2::xml_find_all(\".\/\/d1:stop\") -> stops\n\n  stringi::stri_replace_last_fixed(\n    str = xml2::xml_attr(stops, \"stop-color\"),\n    pattern = \")\",\n    replacement = \", alpha = 255, maxColorValue = 255)\"\n  ) -> rgbs\n\n  list(\n    colours = lapply(rgbs, \\(rgb) parse(text = rgb)) |> \n      sapply(eval) |> \n      stringi::stri_replace_last_regex(\"FF$\", \"\"),\n    values = as.numeric(xml2::xml_attr(stops, \"offset\"))\n  )\n\n}\n\nsvg_grad <- read_svg_gradient(\"https:\/\/rud.is\/dl\/diverging-gradient.svg\")\n\nscales::show_col(svg_grad$colours)\n<\/code><\/pre>\n
\"\"<\/a><\/p>\n
We can use the continuous palette with ggplot2::scale_color_gradientn()<\/code>:<\/p>\n
df <- data.frame(\n  x = runif(100),\n  y = runif(100),\n  z1 = rnorm(100),\n  z2 = abs(rnorm(100))\n)\n\nggplot2::ggplot(df, ggplot2::aes(x, y)) +\n  ggplot2::geom_point(ggplot2::aes(colour = z1)) +\n  ggplot2::scale_color_gradientn(\n    colours = svg_grad$colours,\n    values = svg_grad$values\n  ) +\n  hrbrthemes::theme_ft_rc(grid=\"XY\") \n<\/code><\/pre>\n
\"\"<\/a><\/p>\n
FIN<\/h3>\n
Short post, but hopefully a few folks are inspired to try Leonardo out.<\/p>\n","protected":false},"excerpt":{"rendered":"
In today’s newsletter Leonardo, an open source project and free online too from Adobe that lets you make great and accessible color palettes for use in UX\/UI design and data visualizations! You can read the one newsletter section to get a feel for Leonardo, then go play with it a bit. The app lets you […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[91],"tags":[],"class_list":["post-13449","post","type-post","status-publish","format-standard","hentry","category-r"],"yoast_head":"\nUsing Leonardo SVG Palettes in R - rud.is<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Leonardo SVG Palettes in R - rud.is\" \/>\n<meta property=\"og:description\" content=\"In today’s newsletter Leonardo, an open source project and free online too from Adobe that lets you make great and accessible color palettes for use in UX\/UI design and data visualizations! You can read the one newsletter section to get a feel for Leonardo, then go play with it a bit. The app lets you […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/\" \/>\n<meta property=\"og:site_name\" content=\"rud.is\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-17T11:51:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-17T11:52:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette-530x379.png\" \/>\n<meta name=\"author\" content=\"hrbrmstr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hrbrmstr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/\"},\"author\":{\"name\":\"hrbrmstr\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#\\\/schema\\\/person\\\/d7cb7487ab0527447f7fda5c423ff886\"},\"headline\":\"Using Leonardo SVG Palettes in R\",\"datePublished\":\"2022-05-17T11:51:50+00:00\",\"dateModified\":\"2022-05-17T11:52:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/\"},\"wordCount\":212,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#\\\/schema\\\/person\\\/d7cb7487ab0527447f7fda5c423ff886\"},\"image\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/discrete-palette-530x379.png\",\"articleSection\":[\"R\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/\",\"url\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/\",\"name\":\"Using Leonardo SVG Palettes in R - rud.is\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/discrete-palette-530x379.png\",\"datePublished\":\"2022-05-17T11:51:50+00:00\",\"dateModified\":\"2022-05-17T11:52:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/discrete-palette.png?fit=1344%2C960&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/discrete-palette.png?fit=1344%2C960&ssl=1\",\"width\":1344,\"height\":960},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/2022\\\/05\\\/17\\\/using-leonardo-svg-palettes-in-r\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rud.is\\\/b\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Leonardo SVG Palettes in R\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#website\",\"url\":\"https:\\\/\\\/rud.is\\\/b\\\/\",\"name\":\"rud.is\",\"description\":\""In God we trust. All others must bring data"\",\"publisher\":{\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#\\\/schema\\\/person\\\/d7cb7487ab0527447f7fda5c423ff886\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rud.is\\\/b\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/rud.is\\\/b\\\/#\\\/schema\\\/person\\\/d7cb7487ab0527447f7fda5c423ff886\",\"name\":\"hrbrmstr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/ukr-shield.png?fit=460%2C460&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/ukr-shield.png?fit=460%2C460&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/ukr-shield.png?fit=460%2C460&ssl=1\",\"width\":460,\"height\":460,\"caption\":\"hrbrmstr\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/rud.is\\\/b\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/ukr-shield.png?fit=460%2C460&ssl=1\"},\"description\":\"Don't look at me\u2026I do what he does \u2014 just slower. #rstats avuncular \u2022 ?Resistance Fighter \u2022 Cook \u2022 Christian \u2022 [Master] Chef des Donn\u00e9es de S\u00e9curit\u00e9 @ @rapid7\",\"sameAs\":[\"http:\\\/\\\/rud.is\"],\"url\":\"https:\\\/\\\/rud.is\\\/b\\\/author\\\/hrbrmstr\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using Leonardo SVG Palettes in R - rud.is","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/","og_locale":"en_US","og_type":"article","og_title":"Using Leonardo SVG Palettes in R - rud.is","og_description":"In today’s newsletter Leonardo, an open source project and free online too from Adobe that lets you make great and accessible color palettes for use in UX\/UI design and data visualizations! You can read the one newsletter section to get a feel for Leonardo, then go play with it a bit. The app lets you […]","og_url":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/","og_site_name":"rud.is","article_published_time":"2022-05-17T11:51:50+00:00","article_modified_time":"2022-05-17T11:52:31+00:00","og_image":[{"url":"https:\/\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette-530x379.png","type":"","width":"","height":""}],"author":"hrbrmstr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hrbrmstr","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#article","isPartOf":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/"},"author":{"name":"hrbrmstr","@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"headline":"Using Leonardo SVG Palettes in R","datePublished":"2022-05-17T11:51:50+00:00","dateModified":"2022-05-17T11:52:31+00:00","mainEntityOfPage":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/"},"wordCount":212,"commentCount":2,"publisher":{"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"image":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#primaryimage"},"thumbnailUrl":"https:\/\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette-530x379.png","articleSection":["R"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/","url":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/","name":"Using Leonardo SVG Palettes in R - rud.is","isPartOf":{"@id":"https:\/\/rud.is\/b\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#primaryimage"},"image":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#primaryimage"},"thumbnailUrl":"https:\/\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette-530x379.png","datePublished":"2022-05-17T11:51:50+00:00","dateModified":"2022-05-17T11:52:31+00:00","breadcrumb":{"@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#primaryimage","url":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette.png?fit=1344%2C960&ssl=1","contentUrl":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2022\/05\/discrete-palette.png?fit=1344%2C960&ssl=1","width":1344,"height":960},{"@type":"BreadcrumbList","@id":"https:\/\/rud.is\/b\/2022\/05\/17\/using-leonardo-svg-palettes-in-r\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rud.is\/b\/"},{"@type":"ListItem","position":2,"name":"Using Leonardo SVG Palettes in R"}]},{"@type":"WebSite","@id":"https:\/\/rud.is\/b\/#website","url":"https:\/\/rud.is\/b\/","name":"rud.is","description":""In God we trust. All others must bring data"","publisher":{"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rud.is\/b\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/rud.is\/b\/#\/schema\/person\/d7cb7487ab0527447f7fda5c423ff886","name":"hrbrmstr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","url":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","contentUrl":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1","width":460,"height":460,"caption":"hrbrmstr"},"logo":{"@id":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/10\/ukr-shield.png?fit=460%2C460&ssl=1"},"description":"Don't look at me\u2026I do what he does \u2014 just slower. #rstats avuncular \u2022 ?Resistance Fighter \u2022 Cook \u2022 Christian \u2022 [Master] Chef des Donn\u00e9es de S\u00e9curit\u00e9 @ @rapid7","sameAs":["http:\/\/rud.is"],"url":"https:\/\/rud.is\/b\/author\/hrbrmstr\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p23idr-3uV","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":3929,"url":"https:\/\/rud.is\/b\/2016\/02\/11\/plot-the-new-svg-r-logo-with-ggplot2\/","url_meta":{"origin":13449,"position":0},"title":"Plot the new SVG R logo with ggplot2","author":"hrbrmstr","date":"2016-02-11","format":false,"excerpt":"High resolution and SVG versions of the new R logo are finally available. I converted the SVG to WKT (file here) which means we can use it like we would a shapefile in R. That includes plotting! Here's a short example of how to read that WKT and plot the\u2026","rel":"","context":"In "R"","block_context":{"text":"R","link":"https:\/\/rud.is\/b\/category\/r\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2016\/02\/RStudio.png?fit=1198%2C942&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2016\/02\/RStudio.png?fit=1198%2C942&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2016\/02\/RStudio.png?fit=1198%2C942&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2016\/02\/RStudio.png?fit=1198%2C942&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2016\/02\/RStudio.png?fit=1198%2C942&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3386,"url":"https:\/\/rud.is\/b\/2015\/05\/09\/quotebox-an-npr-like-embedded-twitter-quote-generator\/","url_meta":{"origin":13449,"position":1},"title":"quotebox – An NPR-like Embedded Twitter Quote Generator","author":"hrbrmstr","date":"2015-05-09","format":false,"excerpt":"I'm an avid NPR listener also follow a number of their programs and people on Twitter. I really dig their [quotable](https:\/\/github.com\/nprapps\/quotable) tweets. Here's a sample of a recent one: Minn. state senators cannot look other senators in the eye during floor debate. @ailsachang http:\/\/t.co\/SfQBq4yyHQ pic.twitter.com\/DNHGEiVA9j\u2014 NPR News (@nprnews) May 8,\u2026","rel":"","context":"In "phantomjs"","block_context":{"text":"phantomjs","link":"https:\/\/rud.is\/b\/category\/phantomjs\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12667,"url":"https:\/\/rud.is\/b\/2020\/03\/02\/make-wsj-esque-uber-tuesday-democrat-delegate-cartograms-in-r-with-catchpole\/","url_meta":{"origin":13449,"position":2},"title":"Make WSJ-esque \u00dcber Tuesday Democrat Delegate Cartograms in R with {catchpole}","author":"hrbrmstr","date":"2020-03-02","format":false,"excerpt":"For folks who are smart enough not to go near Twitter, I've been on a hiatus from the platform insofar as reading the Twitter feed goes. \"Why\" isn't the subject of this post so I won't go into it, but I've broken this half-NYE resolution on more than one occasion\u2026","rel":"","context":"In "R"","block_context":{"text":"R","link":"https:\/\/rud.is\/b\/category\/r\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2020\/03\/my-map-2.png?fit=1200%2C784&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2020\/03\/my-map-2.png?fit=1200%2C784&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2020\/03\/my-map-2.png?fit=1200%2C784&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2020\/03\/my-map-2.png?fit=1200%2C784&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2020\/03\/my-map-2.png?fit=1200%2C784&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11840,"url":"https:\/\/rud.is\/b\/2019\/01\/30\/fast-static-maps-built-with-r\/","url_meta":{"origin":13449,"position":3},"title":"Fast Static Maps Built with R","author":"hrbrmstr","date":"2019-01-30","format":false,"excerpt":"Luke Whyte posted an article (apologies for a Medium link) over on Towards Data Science showing how to use a command line workflow involving curl, node and various D3 libraries and javascript source files to build a series of SVG static maps. It's well written and you should give it\u2026","rel":"","context":"In "R"","block_context":{"text":"R","link":"https:\/\/rud.is\/b\/category\/r\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2019\/01\/fast-static-maps.png?fit=1200%2C806&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2019\/01\/fast-static-maps.png?fit=1200%2C806&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2019\/01\/fast-static-maps.png?fit=1200%2C806&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2019\/01\/fast-static-maps.png?fit=1200%2C806&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2019\/01\/fast-static-maps.png?fit=1200%2C806&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":13860,"url":"https:\/\/rud.is\/b\/2023\/03\/25\/linking-lits-lightweight-web-components-and-webr-for-vanilla-js-reactivity\/","url_meta":{"origin":13449,"position":4},"title":"Linking Lit’s Lightweight Web Components And WebR For Vanilla JS Reactivity","author":"hrbrmstr","date":"2023-03-25","format":false,"excerpt":"See it live before reading! This is a Lit + WebR reproduction of the OG Shiny Demo App Lit is a javascript library that makes it a bit easier to work with Web Components, and is especially well-suited in reactive environments. My recent hack-y WebR experiments have been using Reef\u2026","rel":"","context":"In "R"","block_context":{"text":"R","link":"https:\/\/rud.is\/b\/category\/r\/"},"img":{"alt_text":"some descriptive text you can read at the linked url in the post. there's also a popup menu and a barplot.","src":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/03\/lit-webr-phones.png?fit=1200%2C972&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/03\/lit-webr-phones.png?fit=1200%2C972&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/03\/lit-webr-phones.png?fit=1200%2C972&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/03\/lit-webr-phones.png?fit=1200%2C972&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/rud.is\/b\/wp-content\/uploads\/2023\/03\/lit-webr-phones.png?fit=1200%2C972&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3302,"url":"https:\/\/rud.is\/b\/2015\/03\/12\/streamgraph-htmlwidget-version-0-7-released-adds-support-for-markers-annotations\/","url_meta":{"origin":13449,"position":5},"title":"Streamgraph htmlwidget version 0.7 released (adds support for markers & annotations)","author":"hrbrmstr","date":"2015-03-12","format":false,"excerpt":"In preparation for using some of our streamgraphs for production (PDF\/print) graphics, I ended up having to hand-edit labels in on one of the graphics in an Adobe product. This bumped up the priority on adding annotation functions to the streamgraph package (you really don't want to have to hand-edit\u2026","rel":"","context":"In "d3"","block_context":{"text":"d3","link":"https:\/\/rud.is\/b\/category\/d3\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts\/13449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/comments?post=13449"}],"version-history":[{"count":0,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/posts\/13449\/revisions"}],"wp:attachment":[{"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/media?parent=13449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/categories?post=13449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rud.is\/b\/wp-json\/wp\/v2\/tags?post=13449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}