From 85818b1c838542ea53f3fb2be0f284b969995b00 Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Tue, 23 Jun 2020 12:45:23 -0500
Subject: [PATCH 1/7] Pull plotly's custom ggplot_build into a function and
 hook into thematic if relevant

---
 R/ggplotly.R | 409 +++++++++++++++++++++++++++------------------------
 R/plotly.R   |   3 +-
 2 files changed, 216 insertions(+), 196 deletions(-)

diff --git a/R/ggplotly.R b/R/ggplotly.R
index 556aa12326..9477f8e45e 100644
--- a/R/ggplotly.R
+++ b/R/ggplotly.R
@@ -214,212 +214,231 @@ gg2list <- function(p, width = NULL, height = NULL,
   # Our internal version of ggplot2::ggplot_build(). Modified from
   # https://github.com/hadley/ggplot2/blob/0cd0ba/R/plot-build.r#L18-L92
   # ------------------------------------------------------------------------
-  
-  plot <- ggfun("plot_clone")(p)
-  if (length(plot$layers) == 0) {
-    plot <- plot + geom_blank()
-  }
-  layers <- plot$layers
-  layer_data <- lapply(layers, function(y) y$layer_data(plot$data))
-  
-  # save crosstalk sets before this attribute gets squashed
-  sets <- lapply(layer_data, function(y) attr(y, "set"))
-  
-  scales <- plot$scales
-
-  # Apply function to layer and matching data
-  by_layer <- function(f) {
-    out <- vector("list", length(data))
-    for (i in seq_along(data)) {
-      out[[i]] <- f(l = layers[[i]], d = data[[i]])
+  ggplotly_build <- function(p) {
+    plot <- ggfun("plot_clone")(p)
+    
+    if (length(plot$layers) == 0) {
+      plot <- plot + geom_blank()
     }
-    out
-  }
-  
-  # ggplot2 3.1.0.9000 introduced a Layer method named setup_layer() 
-  # currently, LayerSf is the only core-ggplot2 Layer that makes use
-  # of it https://github.com/tidyverse/ggplot2/pull/2875#issuecomment-438708426
-  data <- layer_data
-  if (packageVersion("ggplot2") > "3.1.0") {
-    data <- by_layer(function(l, d) if (is.function(l$setup_layer)) l$setup_layer(d, plot) else d)
-  }
-  
-  # Initialise panels, add extra data for margins & missing facetting
-  # variables, and add on a PANEL variable to data
-  layout <- ggfun("create_layout")(plot$facet, plot$coordinates)
-  data <- layout$setup(data, plot$data, plot$plot_env)
-  
-  # save the domain of the group for display in tooltips
-  groupDomains <- Map(function(x, y) {
-    aes_g <- y$mapping[["group"]] %||% plot$mapping[["group"]]
-    tryNULL(rlang::eval_tidy(aes_g, x))
-  }, data, layers)
-  
-  # for simple (StatIdentity) geoms, add crosstalk key to aes mapping
-  # (effectively adding it as a group)
-  # later on, for more complicated geoms (w/ non-trivial summary statistics),
-  # we construct a nested key mapping (within group)
-  layers <- Map(function(x, y) {
-    if (crosstalk_key() %in% names(y) && !"key" %in% names(x[["mapping"]]) && 
-        inherits(x[["stat"]], "StatIdentity")) {
-      x[["mapping"]] <- c(x[["mapping"]], key = as.name(crosstalk_key()))
+    layers <- plot$layers
+    layer_data <- lapply(layers, function(y) y$layer_data(plot$data))
+    
+    # save crosstalk sets before this attribute gets squashed
+    sets <- lapply(layer_data, function(y) attr(y, "set"))
+    
+    scales <- plot$scales
+    
+    # Apply function to layer and matching data
+    by_layer <- function(f) {
+      out <- vector("list", length(data))
+      for (i in seq_along(data)) {
+        out[[i]] <- f(l = layers[[i]], d = data[[i]])
+      }
+      out
     }
-    x
-  }, layers, layer_data)
-  
-  # Compute aesthetics to produce data with generalised variable names
-  data <- by_layer(function(l, d) l$compute_aesthetics(d, plot))
-  
-  # add frame to group if it exists
-  data <- lapply(data, function(d) { 
-    if (!"frame" %in% names(d)) return(d)
-    d$group <- with(d, paste(group, frame, sep = "-"))
-    d
-  })
-  
-  # The computed aesthetic codes the groups as integers
-  # Here we build a map each of the integer values to the group label
-  group_maps <- Map(function(x, y) {
-    tryCatch({
-      x_group <- x[["group"]]
-      names(x_group) <- y
-      x_group <- x_group[!duplicated(x_group)]
-      x_group
-    }, error = function(e) NULL
-    )
-  }, data, groupDomains)
-  
-  # Before mapping x/y position, save the domain (for discrete scales)
-  # to display in tooltip.
-  data <- lapply(data, function(d) {
-    d[["x_plotlyDomain"]] <- d[["x"]]
-    d[["y_plotlyDomain"]] <- d[["y"]]
-    d
-  })
-
-  # Transform all scales
-  data <- lapply(data, ggfun("scales_transform_df"), scales = scales)
-  
-  # Map and train positions so that statistics have access to ranges
-  # and all positions are numeric
-  scale_x <- function() scales$get_scales("x")
-  scale_y <- function() scales$get_scales("y")
-  
-  layout$train_position(data, scale_x(), scale_y())
-  
-  data <- layout$map_position(data)
-  
-  # build a mapping between group and key
-  # if there are multiple keys within a group, the key is a list-column
-  reComputeGroup <- function(x, layer = NULL) {
-    # 1-to-1 link between data & visual marks -- group == key
-    if (inherits(layer$geom, "GeomDotplot")) {
-      x <- split(x, x[["PANEL"]])
-      x <- lapply(x, function(d) { 
-        d[["group"]] <- do.call("order", d[c("x", "group")]) 
-        d 
-      })
-      x <- dplyr::bind_rows(x)
+    
+    # ggplot2 3.1.0.9000 introduced a Layer method named setup_layer() 
+    # currently, LayerSf is the only core-ggplot2 Layer that makes use
+    # of it https://github.com/tidyverse/ggplot2/pull/2875#issuecomment-438708426
+    data <- layer_data
+    if (packageVersion("ggplot2") > "3.1.0") {
+      data <- by_layer(function(l, d) if (is.function(l$setup_layer)) l$setup_layer(d, plot) else d)
+    }
+    
+    # Initialise panels, add extra data for margins & missing facetting
+    # variables, and add on a PANEL variable to data
+    layout <- ggfun("create_layout")(plot$facet, plot$coordinates)
+    data <- layout$setup(data, plot$data, plot$plot_env)
+    
+    # save the domain of the group for display in tooltips
+    groupDomains <- Map(function(x, y) {
+      aes_g <- y$mapping[["group"]] %||% plot$mapping[["group"]]
+      tryNULL(rlang::eval_tidy(aes_g, x))
+    }, data, layers)
+    
+    # for simple (StatIdentity) geoms, add crosstalk key to aes mapping
+    # (effectively adding it as a group)
+    # later on, for more complicated geoms (w/ non-trivial summary statistics),
+    # we construct a nested key mapping (within group)
+    layers <- Map(function(x, y) {
+      if (crosstalk_key() %in% names(y) && !"key" %in% names(x[["mapping"]]) && 
+          inherits(x[["stat"]], "StatIdentity")) {
+        x[["mapping"]] <- c(x[["mapping"]], key = as.name(crosstalk_key()))
+      }
+      x
+    }, layers, layer_data)
+    
+    # Compute aesthetics to produce data with generalised variable names
+    data <- by_layer(function(l, d) l$compute_aesthetics(d, plot))
+    
+    # add frame to group if it exists
+    data <- lapply(data, function(d) { 
+      if (!"frame" %in% names(d)) return(d)
+      d$group <- with(d, paste(group, frame, sep = "-"))
+      d
+    })
+    
+    # The computed aesthetic codes the groups as integers
+    # Here we build a map each of the integer values to the group label
+    group_maps <- Map(function(x, y) {
+      tryCatch({
+        x_group <- x[["group"]]
+        names(x_group) <- y
+        x_group <- x_group[!duplicated(x_group)]
+        x_group
+      }, error = function(e) NULL
+      )
+    }, data, groupDomains)
+    
+    # Before mapping x/y position, save the domain (for discrete scales)
+    # to display in tooltip.
+    data <- lapply(data, function(d) {
+      d[["x_plotlyDomain"]] <- d[["x"]]
+      d[["y_plotlyDomain"]] <- d[["y"]]
+      d
+    })
+    
+    # Transform all scales
+    data <- lapply(data, ggfun("scales_transform_df"), scales = scales)
+    
+    # Map and train positions so that statistics have access to ranges
+    # and all positions are numeric
+    scale_x <- function() scales$get_scales("x")
+    scale_y <- function() scales$get_scales("y")
+    
+    layout$train_position(data, scale_x(), scale_y())
+    
+    data <- layout$map_position(data)
+    
+    # build a mapping between group and key
+    # if there are multiple keys within a group, the key is a list-column
+    reComputeGroup <- function(x, layer = NULL) {
+      # 1-to-1 link between data & visual marks -- group == key
+      if (inherits(layer$geom, "GeomDotplot")) {
+        x <- split(x, x[["PANEL"]])
+        x <- lapply(x, function(d) { 
+          d[["group"]] <- do.call("order", d[c("x", "group")]) 
+          d 
+        })
+        x <- dplyr::bind_rows(x)
+      }
+      if (inherits(layer$geom, "GeomSf")) {
+        x <- split(x, x[["PANEL"]])
+        x <- lapply(x, function(d) { 
+          d[["group"]] <- seq_len(nrow(d))
+          d 
+        })
+        # I think this is safe?
+        x <- suppressWarnings(dplyr::bind_rows(x))
+      }
+      x
     }
-    if (inherits(layer$geom, "GeomSf")) {
-      x <- split(x, x[["PANEL"]])
-      x <- lapply(x, function(d) { 
-        d[["group"]] <- seq_len(nrow(d))
-        d 
-      })
-      # I think this is safe?
-      x <- suppressWarnings(dplyr::bind_rows(x))
+    
+    nestedKeys <- Map(function(x, y, z) { 
+      key <- y[[crosstalk_key()]]
+      if (is.null(key) || inherits(z[["stat"]], "StatIdentity")) return(NULL)
+      x <- reComputeGroup(x, z)
+      tib <- tibble::as_tibble(x[c("PANEL", "group")])
+      tib[["key"]] <- key
+      nested <- tidyr::nest(tib, key, .key = key)
+      # reduce the dimensions of list column elements from 2 to 1
+      nested$key <- lapply(nested$key, function(x) x[[1]])
+      nested
+    }, data, layer_data, layers)
+    
+    # for some geoms (e.g. boxplots) plotly.js needs the "pre-statistics" data
+    # we also now provide the option to return one of these two
+    prestats_data <- data
+    data <- by_layer(function(l, d) l$compute_statistic(d, layout))
+    data <- by_layer(function(l, d) l$map_statistic(d, plot))
+    
+    # Make sure missing (but required) aesthetics are added
+    ggfun("scales_add_missing")(plot, c("x", "y"), plot$plot_env)
+    
+    # Reparameterise geoms from (e.g.) y and width to ymin and ymax
+    data <- by_layer(function(l, d) l$compute_geom_1(d))
+    
+    # compute_geom_1 can reorder the rows from `data`, making groupDomains
+    # invalid. We rebuild groupDomains based on the current `data` and the
+    # group map we built before.
+    groupDomains <- Map(function(x, y) {
+      tryCatch({
+        names(y)[match(x$group, y)]
+      }, error = function(e) NULL
+      )
+    }, data, group_maps)
+    
+    # there are some geoms (e.g. geom_dotplot()) where attaching the key 
+    # before applying the statistic can cause problems, but there is still a 
+    # 1-to-1 corresponding between graphical marks and 
+    
+    # Apply position adjustments
+    data <- by_layer(function(l, d) l$compute_position(d, layout))
+    
+    # Reset position scales, then re-train and map.  This ensures that facets
+    # have control over the range of a plot: is it generated from what's
+    # displayed, or does it include the range of underlying data
+    layout$reset_scales()
+    layout$train_position(data, scale_x(), scale_y())
+    layout$setup_panel_params()
+    data <- layout$map_position(data)
+    
+    # Train and map non-position scales
+    npscales <- scales$non_position_scales()
+    if (npscales$n() > 0) {
+      lapply(data, ggfun("scales_train_df"), scales = npscales)
+      # this for loop is unique to plotly -- it saves the "domain"
+      # of each non-positional scale for display in tooltips
+      for (sc in npscales$scales) {
+        data <- lapply(data, function(d) {
+          # scale may not be relevant for every layer data
+          if (any(names(d) %in% sc$aesthetics)) {
+            d[paste0(sc$aesthetics, "_plotlyDomain")] <- d[sc$aesthetics]
+          }
+          d
+        })
+      }
+      data <- lapply(data, ggfun("scales_map_df"), scales = npscales)
     }
-    x
+    
+    # Fill in defaults etc.
+    data <- by_layer(function(l, d) l$compute_geom_2(d))
+    
+    # Let layer stat have a final say before rendering
+    data <- by_layer(function(l, d) l$finish_statistics(d))
+    
+    # Let Layout modify data before rendering
+    data <- layout$finish_data(data)
+    
+    # if necessary, attach key
+    data <- Map(function(x, y, z) { 
+      if (!length(y)) return(x)
+      x <- reComputeGroup(x, z)
+      # dplyr issue??? https://github.com/tidyverse/dplyr/issues/2701
+      attr(y$group, "n") <- NULL
+      suppressMessages(dplyr::left_join(x, y))
+    }, data, nestedKeys, layers)
+    
+    # return all the objects in this environmet 
+    mget(ls(environment()), inherits = FALSE)
   }
   
-  nestedKeys <- Map(function(x, y, z) { 
-    key <- y[[crosstalk_key()]]
-    if (is.null(key) || inherits(z[["stat"]], "StatIdentity")) return(NULL)
-    x <- reComputeGroup(x, z)
-    tib <- tibble::as_tibble(x[c("PANEL", "group")])
-    tib[["key"]] <- key
-    nested <- tidyr::nest(tib, key, .key = key)
-    # reduce the dimensions of list column elements from 2 to 1
-    nested$key <- lapply(nested$key, function(x) x[[1]])
-    nested
-  }, data, layer_data, layers)
-  
-  # for some geoms (e.g. boxplots) plotly.js needs the "pre-statistics" data
-  # we also now provide the option to return one of these two
-  prestats_data <- data
-  data <- by_layer(function(l, d) l$compute_statistic(d, layout))
-  data <- by_layer(function(l, d) l$map_statistic(d, plot))
-  
-  # Make sure missing (but required) aesthetics are added
-  ggfun("scales_add_missing")(plot, c("x", "y"), plot$plot_env)
-  
-  # Reparameterise geoms from (e.g.) y and width to ymin and ymax
-  data <- by_layer(function(l, d) l$compute_geom_1(d))
-
-  # compute_geom_1 can reorder the rows from `data`, making groupDomains
-  # invalid. We rebuild groupDomains based on the current `data` and the
-  # group map we built before.
-  groupDomains <- Map(function(x, y) {
-    tryCatch({
-      names(y)[match(x$group, y)]
-    }, error = function(e) NULL
-    )
-  }, data, group_maps)
-  
-  # there are some geoms (e.g. geom_dotplot()) where attaching the key 
-  # before applying the statistic can cause problems, but there is still a 
-  # 1-to-1 corresponding between graphical marks and 
-
-  # Apply position adjustments
-  data <- by_layer(function(l, d) l$compute_position(d, layout))
-  
-  # Reset position scales, then re-train and map.  This ensures that facets
-  # have control over the range of a plot: is it generated from what's
-  # displayed, or does it include the range of underlying data
-  layout$reset_scales()
-  layout$train_position(data, scale_x(), scale_y())
-  layout$setup_panel_params()
-  data <- layout$map_position(data)
-  
-  # Train and map non-position scales
-  npscales <- scales$non_position_scales()
-  if (npscales$n() > 0) {
-    lapply(data, ggfun("scales_train_df"), scales = npscales)
-    # this for loop is unique to plotly -- it saves the "domain"
-    # of each non-positional scale for display in tooltips
-    for (sc in npscales$scales) {
-      data <- lapply(data, function(d) {
-        # scale may not be relevant for every layer data
-        if (any(names(d) %in% sc$aesthetics)) {
-          d[paste0(sc$aesthetics, "_plotlyDomain")] <- d[sc$aesthetics]
-        }
-        d
-      })
-    }
-    data <- lapply(data, ggfun("scales_map_df"), scales = npscales)
+  # Allow thematic to add new defaults to the plot object based on it's theme
+  ggthematic_build <- getFromNamespace("ggthematic_build", "thematic")
+  built <- if (is.function(ggthematic_build)) {
+    ggthematic_build(p, ggplotly_build, thematic::thematic_get_theme(resolve = TRUE))
+  } else {
+    ggplotly_build(p)
   }
   
-  # Fill in defaults etc.
-  data <- by_layer(function(l, d) l$compute_geom_2(d))
+  # ggplotly_build() returns list of objects...make them known to gg2list() env
   
-  # Let layer stat have a final say before rendering
-  data <- by_layer(function(l, d) l$finish_statistics(d))
+  env <- environment()
+  for (var in names(built)) {
+    assign(var, built[[var]], envir = env)
+  }
   
-  # Let Layout modify data before rendering
-  data <- layout$finish_data(data)
   
-  # ------------------------------------------------------------------------
-  # end of ggplot_build()
-  # ------------------------------------------------------------------------
-  # if necessary, attach key
-  data <- Map(function(x, y, z) { 
-    if (!length(y)) return(x)
-    x <- reComputeGroup(x, z)
-    # dplyr issue??? https://github.com/tidyverse/dplyr/issues/2701
-    attr(y$group, "n") <- NULL
-    suppressMessages(dplyr::left_join(x, y))
-  }, data, nestedKeys, layers)
   
   # initiate plotly.js layout with some plot-wide theming stuff
   theme <- ggfun("plot_theme")(plot)
diff --git a/R/plotly.R b/R/plotly.R
index b4d910d1b1..995816b588 100644
--- a/R/plotly.R
+++ b/R/plotly.R
@@ -420,7 +420,8 @@ as_widget <- function(x, ...) {
     sizingPolicy = htmlwidgets::sizingPolicy(
       browser.fill = TRUE,
       defaultWidth = '100%',
-      defaultHeight = 400
+      defaultHeight = 400,
+      padding = 0
     ),
     preRenderHook = plotly_build,
     dependencies = c(

From 9c864d617dddf35d898285ab4d5d850e395e4367 Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 13:29:11 -0500
Subject: [PATCH 2/7] add thematic to suggests and use it only when loaded

---
 DESCRIPTION  | 4 +++-
 R/ggplotly.R | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/DESCRIPTION b/DESCRIPTION
index 8c5c69eef9..9fc57b87e1 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -72,8 +72,10 @@ Suggests:
     IRdisplay,
     processx,
     plotlyGeoAssets,
-    forcats
+    forcats,
+    thematic
 LazyData: true
 RoxygenNote: 7.1.0
 Encoding: UTF-8
 Roxygen: list(markdown = TRUE)
+Remotes: rstudio/thematic
diff --git a/R/ggplotly.R b/R/ggplotly.R
index 9477f8e45e..f354fcb389 100644
--- a/R/ggplotly.R
+++ b/R/ggplotly.R
@@ -424,8 +424,8 @@ gg2list <- function(p, width = NULL, height = NULL,
   }
   
   # Allow thematic to add new defaults to the plot object based on it's theme
-  ggthematic_build <- getFromNamespace("ggthematic_build", "thematic")
-  built <- if (is.function(ggthematic_build)) {
+  built <- if (isNamespaceLoaded("thematic")) {
+    ggthematic_build <- getFromNamespace("ggthematic_build", "thematic")
     ggthematic_build(p, ggplotly_build, thematic::thematic_get_theme(resolve = TRUE))
   } else {
     ggplotly_build(p)

From 611318566977c15fb1d120d20d00ab6ab9d15070 Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 13:39:17 -0500
Subject: [PATCH 3/7] update shinytest tests

---
 .../tests/{ => shinytest}/mytest-expected/001.json  |   8 ++++----
 .../tests/{ => shinytest}/mytest-expected/001.png   | Bin
 .../tests/{ => shinytest}/mytest-expected/002.json  |   8 ++++----
 .../tests/{ => shinytest}/mytest-expected/002.png   | Bin
 .../tests/{ => shinytest}/mytest-expected/003.json  |   8 ++++----
 .../tests/{ => shinytest}/mytest-expected/003.png   | Bin
 .../tests/{ => shinytest}/mytest-expected/004.json  |   8 ++++----
 .../tests/{ => shinytest}/mytest-expected/004.png   | Bin
 .../shiny/event_data/tests/{ => shinytest}/mytest.R |   2 +-
 9 files changed, 17 insertions(+), 17 deletions(-)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/001.json (98%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/001.png (100%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/002.json (98%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/002.png (100%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/003.json (99%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/003.png (100%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/004.json (98%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest-expected/004.png (100%)
 rename inst/examples/shiny/event_data/tests/{ => shinytest}/mytest.R (96%)

diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/001.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
similarity index 98%
rename from inst/examples/shiny/event_data/tests/mytest-expected/001.json
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
index a3c073e484..042ba00d76 100644
--- a/inst/examples/shiny/event_data/tests/mytest-expected/001.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
@@ -413,9 +413,9 @@
         },
         {
           "name": "jquery",
-          "version": "1.11.3",
+          "version": "3.5.1",
           "src": {
-            "href": "jquery-1.11.3"
+            "href": "jquery-3.5.1"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -426,9 +426,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.1",
+          "version": "1.1.0.9000",
           "src": {
-            "href": "crosstalk-1.1.0.1"
+            "href": "crosstalk-1.1.0.9000"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/001.png b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.png
similarity index 100%
rename from inst/examples/shiny/event_data/tests/mytest-expected/001.png
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.png
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/002.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
similarity index 98%
rename from inst/examples/shiny/event_data/tests/mytest-expected/002.json
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
index 7a0880309a..d46839e415 100644
--- a/inst/examples/shiny/event_data/tests/mytest-expected/002.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
@@ -430,9 +430,9 @@
         },
         {
           "name": "jquery",
-          "version": "1.11.3",
+          "version": "3.5.1",
           "src": {
-            "href": "jquery-1.11.3"
+            "href": "jquery-3.5.1"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -443,9 +443,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.1",
+          "version": "1.1.0.9000",
           "src": {
-            "href": "crosstalk-1.1.0.1"
+            "href": "crosstalk-1.1.0.9000"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/002.png b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.png
similarity index 100%
rename from inst/examples/shiny/event_data/tests/mytest-expected/002.png
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.png
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/003.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
similarity index 99%
rename from inst/examples/shiny/event_data/tests/mytest-expected/003.json
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
index 56897f0274..ec14b55f3e 100644
--- a/inst/examples/shiny/event_data/tests/mytest-expected/003.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
@@ -434,9 +434,9 @@
         },
         {
           "name": "jquery",
-          "version": "1.11.3",
+          "version": "3.5.1",
           "src": {
-            "href": "jquery-1.11.3"
+            "href": "jquery-3.5.1"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -447,9 +447,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.1",
+          "version": "1.1.0.9000",
           "src": {
-            "href": "crosstalk-1.1.0.1"
+            "href": "crosstalk-1.1.0.9000"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/003.png b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.png
similarity index 100%
rename from inst/examples/shiny/event_data/tests/mytest-expected/003.png
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.png
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/004.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
similarity index 98%
rename from inst/examples/shiny/event_data/tests/mytest-expected/004.json
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
index 8304d1d071..213bd7767c 100644
--- a/inst/examples/shiny/event_data/tests/mytest-expected/004.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
@@ -435,9 +435,9 @@
         },
         {
           "name": "jquery",
-          "version": "1.11.3",
+          "version": "3.5.1",
           "src": {
-            "href": "jquery-1.11.3"
+            "href": "jquery-3.5.1"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -448,9 +448,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.1",
+          "version": "1.1.0.9000",
           "src": {
-            "href": "crosstalk-1.1.0.1"
+            "href": "crosstalk-1.1.0.9000"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/mytest-expected/004.png b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.png
similarity index 100%
rename from inst/examples/shiny/event_data/tests/mytest-expected/004.png
rename to inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.png
diff --git a/inst/examples/shiny/event_data/tests/mytest.R b/inst/examples/shiny/event_data/tests/shinytest/mytest.R
similarity index 96%
rename from inst/examples/shiny/event_data/tests/mytest.R
rename to inst/examples/shiny/event_data/tests/shinytest/mytest.R
index 6516d1a5b1..1138cc49fd 100644
--- a/inst/examples/shiny/event_data/tests/mytest.R
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest.R
@@ -1,4 +1,4 @@
-app <- ShinyDriver$new("../", shinyOptions = list(display.mode = "normal"))
+app <- ShinyDriver$new("../../", shinyOptions = list(display.mode = "normal"))
 app$snapshotInit("mytest")
 
 app$snapshot()

From 9114b8ad82172a368bf5ec3f83b5c7b52b4121b1 Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 16:25:54 -0500
Subject: [PATCH 4/7] Go back to the assign() based approach

---
 R/ggplotly.R | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/R/ggplotly.R b/R/ggplotly.R
index f354fcb389..04ea2b39aa 100644
--- a/R/ggplotly.R
+++ b/R/ggplotly.R
@@ -419,8 +419,13 @@ gg2list <- function(p, width = NULL, height = NULL,
       suppressMessages(dplyr::left_join(x, y))
     }, data, nestedKeys, layers)
     
-    # return all the objects in this environmet 
-    mget(ls(environment()), inherits = FALSE)
+    structure(
+      list(
+        data = data, layout = layout, plot = plot, 
+        env = environment()
+      ), 
+      class = "ggplot_built"
+    )
   }
   
   # Allow thematic to add new defaults to the plot object based on it's theme
@@ -431,15 +436,13 @@ gg2list <- function(p, width = NULL, height = NULL,
     ggplotly_build(p)
   }
   
-  # ggplotly_build() returns list of objects...make them known to gg2list() env
-  
-  env <- environment()
-  for (var in names(built)) {
-    assign(var, built[[var]], envir = env)
+  # Assign all the objects available to ggplotly_build() to this functions environment
+  built_env <- built$env
+  envir <- environment()
+  for (var in ls(built_env)) {
+    assign(var, built_env[[var]], envir = envir)
   }
   
-  
-  
   # initiate plotly.js layout with some plot-wide theming stuff
   theme <- ggfun("plot_theme")(plot)
   elements <- names(which(sapply(theme, inherits, "element")))

From c5a8a2f9bd8d9d6adbce6d2be4ac83fffed2511f Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 16:39:41 -0500
Subject: [PATCH 5/7] bust cache

---
 .travis.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.travis.yml b/.travis.yml
index cfa1e5be59..c29b9a5e7a 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,5 +1,5 @@
 language: R
-cache: packages
+#cache: packages
 warnings_are_errors: false
 
 r:

From deaa381155c89b1d8e870068ac0ad4c18131df2f Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 17:16:10 -0500
Subject: [PATCH 6/7] CRAN version of crosstalk

---
 .travis.yml                                               | 2 +-
 .../event_data/tests/shinytest/mytest-expected/001.json   | 8 ++++----
 .../event_data/tests/shinytest/mytest-expected/002.json   | 8 ++++----
 .../event_data/tests/shinytest/mytest-expected/003.json   | 8 ++++----
 .../event_data/tests/shinytest/mytest-expected/004.json   | 8 ++++----
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/.travis.yml b/.travis.yml
index c29b9a5e7a..cfa1e5be59 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,5 +1,5 @@
 language: R
-#cache: packages
+cache: packages
 warnings_are_errors: false
 
 r:
diff --git a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
index 042ba00d76..a3c073e484 100644
--- a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/001.json
@@ -413,9 +413,9 @@
         },
         {
           "name": "jquery",
-          "version": "3.5.1",
+          "version": "1.11.3",
           "src": {
-            "href": "jquery-3.5.1"
+            "href": "jquery-1.11.3"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -426,9 +426,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.9000",
+          "version": "1.1.0.1",
           "src": {
-            "href": "crosstalk-1.1.0.9000"
+            "href": "crosstalk-1.1.0.1"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
index d46839e415..7a0880309a 100644
--- a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/002.json
@@ -430,9 +430,9 @@
         },
         {
           "name": "jquery",
-          "version": "3.5.1",
+          "version": "1.11.3",
           "src": {
-            "href": "jquery-3.5.1"
+            "href": "jquery-1.11.3"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -443,9 +443,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.9000",
+          "version": "1.1.0.1",
           "src": {
-            "href": "crosstalk-1.1.0.9000"
+            "href": "crosstalk-1.1.0.1"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
index ec14b55f3e..56897f0274 100644
--- a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/003.json
@@ -434,9 +434,9 @@
         },
         {
           "name": "jquery",
-          "version": "3.5.1",
+          "version": "1.11.3",
           "src": {
-            "href": "jquery-3.5.1"
+            "href": "jquery-1.11.3"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -447,9 +447,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.9000",
+          "version": "1.1.0.1",
           "src": {
-            "href": "crosstalk-1.1.0.9000"
+            "href": "crosstalk-1.1.0.1"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",
diff --git a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
index 213bd7767c..8304d1d071 100644
--- a/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
+++ b/inst/examples/shiny/event_data/tests/shinytest/mytest-expected/004.json
@@ -435,9 +435,9 @@
         },
         {
           "name": "jquery",
-          "version": "3.5.1",
+          "version": "1.11.3",
           "src": {
-            "href": "jquery-3.5.1"
+            "href": "jquery-1.11.3"
           },
           "meta": null,
           "script": "jquery.min.js",
@@ -448,9 +448,9 @@
         },
         {
           "name": "crosstalk",
-          "version": "1.1.0.9000",
+          "version": "1.1.0.1",
           "src": {
-            "href": "crosstalk-1.1.0.9000"
+            "href": "crosstalk-1.1.0.1"
           },
           "meta": null,
           "script": "js/crosstalk.min.js",

From af9a22909b0682df25d51ddd1e855c0473eea04f Mon Sep 17 00:00:00 2001
From: Carson <cpsievert1@gmail.com>
Date: Thu, 25 Jun 2020 17:31:42 -0500
Subject: [PATCH 7/7] add visual tests

---
 tests/figs/axes/ticktext-linebreaks.svg       |  2 +-
 .../thematic-geom-and-theme-defaults.svg      |  1 +
 tests/figs/thematic/thematic-qualitative.svg  |  1 +
 tests/figs/thematic/thematic-sequential.svg   |  1 +
 tests/testthat/test-thematic.R                | 20 +++++++++++++++++++
 5 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 tests/figs/thematic/thematic-geom-and-theme-defaults.svg
 create mode 100644 tests/figs/thematic/thematic-qualitative.svg
 create mode 100644 tests/figs/thematic/thematic-sequential.svg
 create mode 100644 tests/testthat/test-thematic.R

diff --git a/tests/figs/axes/ticktext-linebreaks.svg b/tests/figs/axes/ticktext-linebreaks.svg
index 34fc751204..e3f67fdfe6 100644
--- a/tests/figs/axes/ticktext-linebreaks.svg
+++ b/tests/figs/axes/ticktext-linebreaks.svg
@@ -1 +1 @@
-<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="531" height="411"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="102" y="0" width="531" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="26" width="640" height="411"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="102" y="26" width="531" height="411"/></clipPath></g><g class="gradients"/></defs><g class="bglayer"><rect class="bg" x="102" y="26" width="531" height="411" style="fill: rgb(235, 235, 235); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(126.14,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(222.68,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(319.23,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(415.77,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(512.3199999999999,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(608.86,0)" d="M0,26v411" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,324.91)" d="M102,0h531" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,138.09)" d="M102,0h531" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(102, 26)" clip-path="url('#clipxyplot')"><g class="barlayer mlayer"><g class="trace bars" style="opacity: 1;"><g class="points"><g class="point"><path d="M24.14,196.16V28.02H120.68V196.16Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g><g class="point"><path d="M24.14,382.98V214.84H217.23V382.98Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g><g class="point"><path d="M217.23,382.98V214.84H506.86V382.98Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g></g></g></g></g><g class="overplot"/><path class="xlines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><path class="ylines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(126.14,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(222.68,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(319.23,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(415.77,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(512.3199999999999,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(608.86,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(126.14,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">0</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(222.68,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">1</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(319.23,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">2</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(415.77,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">3</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(512.3199999999999,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">4</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(608.86,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">5</text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M101,0h-3.65296803652968" transform="translate(0,324.91)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M101,0h-3.65296803652968" transform="translate(0,138.09)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="95.00913242009132" y="4.09132420091325" transform="translate(0,324.91)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">ticktext</text></g><g class="ytick"><text text-anchor="end" x="95.00913242009132" y="4.09132420091325" transform="translate(0,138.09) translate(0, -15.1963470319635)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;"><tspan class="line" dy="0em" x="95.00913242009132" y="4.09132420091325">ticktext</tspan><tspan class="line" dy="1.3em" x="95.00913242009132" y="4.09132420091325">long_ticktext</tspan><tspan class="line" dy="2.6em" x="95.00913242009132" y="4.09132420091325">ticktext</tspan></text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M102,437H633V26H102Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,-13.835616438356112)"><text class="xtitle" x="367.5" y="490.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">x</text></g><g class="g-ytitle"><text class="ytitle" transform="rotate(-90,62.7762557077626,231.5)" x="62.7762557077626" y="231.5" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">y</text></g></g></svg>
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="531" height="414"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="102" y="0" width="531" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="23" width="640" height="414"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="102" y="23" width="531" height="414"/></clipPath></g><g class="gradients"/></defs><g class="bglayer"><rect class="bg" x="102" y="23" width="531" height="414" style="fill: rgb(235, 235, 235); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(126.14,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(222.68,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(319.23,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(415.77,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(512.3199999999999,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(608.86,0)" d="M0,23v414" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,324.09)" d="M102,0h531" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,135.91)" d="M102,0h531" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(102, 23)" clip-path="url('#clipxyplot')"><g class="barlayer mlayer"><g class="trace bars" style="opacity: 1;"><g class="points"><g class="point"><path d="M24.14,197.59V28.23H120.68V197.59Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g><g class="point"><path d="M24.14,385.77V216.41H217.23V385.77Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g><g class="point"><path d="M217.23,385.77V216.41H506.86V385.77Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g></g></g></g></g><g class="overplot"/><path class="xlines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><path class="ylines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(126.14,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(222.68,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(319.23,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(415.77,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(512.3199999999999,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(608.86,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(126.14,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">0</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(222.68,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">1</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(319.23,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">2</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(415.77,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">3</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(512.3199999999999,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">4</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(608.86,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">5</text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M101,0h-3.65296803652968" transform="translate(0,324.09)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M101,0h-3.65296803652968" transform="translate(0,135.91)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="95.00913242009132" y="4.09132420091325" transform="translate(0,324.09)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;">ticktext</text></g><g class="ytick"><text text-anchor="end" x="95.00913242009132" y="4.09132420091325" transform="translate(0,135.91) translate(0, -15.1963470319635)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre;"><tspan class="line" dy="0em" x="95.00913242009132" y="4.09132420091325">ticktext</tspan><tspan class="line" dy="1.3em" x="95.00913242009132" y="4.09132420091325">long_ticktext</tspan><tspan class="line" dy="2.6em" x="95.00913242009132" y="4.09132420091325">ticktext</tspan></text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M102,437H633V23H102Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,-13.835616438356112)"><text class="xtitle" x="367.5" y="490.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">x</text></g><g class="g-ytitle"><text class="ytitle" transform="rotate(-90,62.7762557077626,230)" x="62.7762557077626" y="230" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">y</text></g></g></svg>
diff --git a/tests/figs/thematic/thematic-geom-and-theme-defaults.svg b/tests/figs/thematic/thematic-geom-and-theme-defaults.svg
new file mode 100644
index 0000000000..30f5e5fed4
--- /dev/null
+++ b/tests/figs/thematic/thematic-geom-and-theme-defaults.svg
@@ -0,0 +1 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="581" height="414"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="52" y="0" width="581" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="23" width="640" height="414"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="52" y="23" width="581" height="414"/></clipPath></g><g class="gradients"/></defs><g class="bglayer"><rect class="bg" x="52" y="23" width="581" height="414" style="fill: rgb(21, 21, 21); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(166.44,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(313.16,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(459.87,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(606.59,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,355.45)" d="M52,0h581" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,250.91)" d="M52,0h581" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,146.36)" d="M52,0h581" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,41.82)" d="M52,0h581" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(52, 23)" clip-path="url('#clipxyplot')"><g class="scatterlayer mlayer"><g class="trace scatter trace-vdiffr-plotly-1" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"/><g class="points"><path class="point" transform="translate(26.41,395.18)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(85.1,353.36)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(143.78,311.55)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(202.47,269.73)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(261.16,227.91)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(319.84,186.09)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(378.53,144.27)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(437.22,102.45)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(495.9,60.64)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/><path class="point" transform="translate(554.59,18.82)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></g><g class="text"/></g></g></g><g class="overplot"/><path class="xlines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><path class="ylines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(166.44,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(313.16,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(459.87,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(606.59,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(166.44,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2.5</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(313.16,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">5.0</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(459.87,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">7.5</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(606.59,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">10.0</text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,355.45)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,250.91)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,146.36)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,41.82)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,355.45)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2.5</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,250.91)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">5.0</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,146.36)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">7.5</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,41.82)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">10.0</text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M52,437H633V23H52Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,-13.835616438356112)"><text class="xtitle" x="342.5" y="490.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">1:10</text></g><g class="g-ytitle" transform="translate(0.2236328125,0)"><text class="ytitle" transform="rotate(-90,12.776255707762601,230)" x="12.776255707762601" y="230" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">1:10</text></g></g></svg>
diff --git a/tests/figs/thematic/thematic-qualitative.svg b/tests/figs/thematic/thematic-qualitative.svg
new file mode 100644
index 0000000000..abe946acff
--- /dev/null
+++ b/tests/figs/thematic/thematic-qualitative.svg
@@ -0,0 +1 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="470" height="414"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="52" y="0" width="470" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="23" width="640" height="414"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="52" y="23" width="470" height="414"/></clipPath></g><g class="gradients"/></defs><g class="bglayer"><rect class="bg" x="52" y="23" width="470" height="414" style="fill: rgb(21, 21, 21); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(95.78,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(185.25,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(274.74,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(364.21,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(453.7,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,418.18)" d="M52,0h470" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,324.09)" d="M52,0h470" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,230)" d="M52,0h470" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,135.91)" d="M52,0h470" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,41.82)" d="M52,0h470" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(52, 23)" clip-path="url('#clipxyplot')"><g class="scatterlayer mlayer"><g class="trace scatter trace-vdiffr-plotly-1" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"><path class="js-line" d="M21.36,395.18L29.6,393.58L30.33,393.36L60.17,388.28L60.9,388.04L66.88,386.5L67.64,386.35L71.39,384.91L72.07,384.68L78.81,383.27L79.57,383.02L84.01,381.3L84.76,380.75L88.51,380.08L89.27,379.64L90.72,379.46L91.45,378.69L104.17,373.6L104.93,373.21L107.18,371.85L107.87,371.62L116.12,367.86L116.81,367.14L120.56,364.9L121.32,364.71L132.49,357.84L133.25,356.84L136.97,356.15L137.71,355.24L147.41,348.17L148.17,348.2L149.66,348.04L150.4,347.45L154.85,345.54L155.59,344.77L157.11,343.72L157.84,343.04L160.1,341.49L160.86,341.39L165.29,336.77L166.05,336.31L169.04,333.59L169.8,334.1L172.76,331.13L173.5,331.16L177.25,328.33L178,327.17L180.94,324.67L181.7,324.89L183.96,321.5L184.69,322.75L187.71,320.68L188.39,320.57L192.14,318.15L192.9,315.8L194.39,317.19L195.13,314.98L195.89,316.97L196.65,314.83L199.59,312.54L200.32,311.84L201.84,310.82L202.58,310.56L204.07,309.28L204.83,308.01L205.59,307.76L206.3,306.5L207.06,306.42L207.79,305.43L214.56,299.17L215.24,298.83L216.74,297.12L217.5,296.64L220.48,294.49L221.24,294.17L223.5,291.44L224.18,290.58L227.93,287.57L228.69,286.87L230.92,287.15L231.68,287.81L234.62,284.84L235.38,284.6L237.63,283.18L238.37,283.46L239.86,282.03L240.62,279.96L244.35,276.98L245.08,276.09L246.6,274.46L247.33,273.52L250.35,271.24L251.03,271.33L254.02,267.59L254.78,267.19L257.77,264.29L258.53,263.84L260.74,261.07L261.47,261.13L263.72,258.13L264.48,257.73L265.98,256.1L266.71,255.58L268.23,255.29L268.92,254.17L269.68,254.02L270.41,252.64L271.17,251.21L271.91,251.44L273.43,249.82L274.16,250.03L275.65,247.34L276.41,247.72L279.38,243.28L280.14,243.08L287.59,235.69L288.32,235.66L293.56,228.19L294.32,228.27L308.46,207.76L309.22,206.08L310.71,204.18L311.45,200.93L312.21,201.04L312.97,198.32L313.68,196.19L314.44,196.67L317.42,192.55L318.18,189.85L319.68,189.22L320.41,187.82L321.93,186.21L322.62,186.47L323.38,186.04L324.11,184.56L326.37,182.57L327.13,185.66L327.86,179.36L328.62,180.67L329.35,181.32L330.11,180.46L332.32,176.24L333.05,176.97L335.31,173.15L336.07,173.48L339.06,168.91L339.82,168.82L341.26,166.08L342,165.85L343.49,162.3L344.25,159.2L345.74,158.84L346.5,157.11L348.76,153.23L349.47,151.43L350.23,151.02L350.96,148.62L351.72,149.13L352.46,146.82L353.98,143.53L354.71,141.81L356.2,138.37L356.96,138.73L360.66,130.53L361.4,127.16L362.16,127.07L362.92,125.35L369.61,113.91L370.34,111.28L371.1,111.31L371.86,110.25L373.35,109.43L374.09,106.57L377.79,100.7L378.55,100.18L383.03,92.42L383.79,91.72L384.55,92.25L385.26,90.77L388.25,86.09L389.01,86.42L390.5,90.74L391.26,95.24L392,98.14L392.76,96.43L393.52,97L394.2,98.53L395.7,97.55L396.46,95.68L397.19,94.56L397.95,90.72L398.71,93.22L399.44,91.66L400.2,91.38L400.94,89.5L401.7,89.41L402.46,88.48L403.9,85.83L404.64,85.25L406.13,83.52L406.89,82.12L407.65,81.45L408.39,79.65L413.58,69.76L414.34,68.96L416.59,65.7L417.33,65.21L418.82,64.6L419.58,61.7L421.05,58.81L421.81,57.92L423.31,58.99L424.04,58L425.56,55.28L426.29,54.05L429.31,49.55L429.99,49.95L430.75,50.65L431.49,49.39L434.5,45.45L435.24,43.74L436.73,40.58L437.49,40.76L441.92,29.55L442.68,26.85L443.44,26.43L444.18,24.32L445.67,23.06L446.43,23.58L447.19,22.41L447.88,19.96L448.64,18.82" style="vector-effect: non-scaling-stroke; fill: none; stroke: rgb(230, 159, 0); stroke-opacity: 1; stroke-width: 1.88976px; opacity: 1;"/></g><g class="points"/><g class="text"/></g><g class="trace scatter trace-vdiffr-plotly-2" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"><path class="js-line" d="M21.36,395.18L28.84,390.08L29.6,389.54L48.21,375.57L48.97,374.82L59.41,365.39L60.17,364.74L72.07,356.39L72.83,355.88L92.95,341.8L93.71,341.11L105.66,332.42L106.42,331.88L113.11,326.55L113.87,325.91L134.72,308.16L135.48,307.5L160.1,288.14L160.86,287.67L172.76,279.36L173.5,278.78L186.95,268.61L187.71,268.14L193.63,263.55L194.39,262.95L201.84,257.52L202.58,256.83L224.18,239.61L224.94,238.7L236.87,224.78L237.63,223.8L248.09,211.36L248.83,210.54L291.33,163.71L292.07,162.79L316.66,136.4L317.42,135.57L327.13,125.7L327.86,124.91L348,106.07L348.76,105.52L355.47,99.03L356.2,98.33L371.1,84.2L371.86,83.3L377.79,77.33L378.55,76.54L386.02,69.19L386.75,68.55L403.14,53.43L403.9,53.49L426.29,35.98L427.05,35.36L443.44,22.77L444.18,22.06L448.64,18.82" style="vector-effect: non-scaling-stroke; fill: none; stroke: rgb(0, 158, 115); stroke-opacity: 1; stroke-width: 1.88976px; opacity: 1;"/></g><g class="points"/><g class="text"/></g><g class="trace scatter trace-vdiffr-plotly-3" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"><path class="js-line" d="M21.36,135.96L22.12,135.96L22.88,153.41L23.62,128.49L24.38,130.98L25.87,158.4L26.63,143.44L27.34,158.4L28.1,143.44L29.6,158.4L30.33,183.32L31.09,188.31L31.85,185.81L32.58,180.83L33.34,185.81L34.08,173.35L34.84,193.29L35.6,208.25L36.28,195.78L37.04,208.25L37.78,198.28L39.27,155.9L40.03,163.38L40.79,160.89L41.53,165.87L43.02,155.9L43.78,155.9L44.54,158.4L45.22,140.95L45.98,118.52L46.72,140.95L47.48,143.44L48.21,113.53L48.97,116.02L49.73,128.49L50.47,123.5L51.23,111.04L51.96,121.01L52.72,118.52L53.48,118.52L54.17,113.53L54.93,121.01L55.66,111.04L56.42,83.62L57.16,106.05L60.17,123.5L60.9,125.99L61.66,138.46L62.42,130.98L63.89,163.38L64.63,158.4L66.12,158.4L66.88,150.92L67.64,145.93L68.38,125.99L69.87,108.55L70.63,140.95L71.39,138.46L72.07,133.47L73.57,121.01L74.33,111.04L75.06,121.01L75.82,103.56L76.58,123.5L77.32,91.1L78.08,91.1L78.81,81.13L82.51,130.98L83.27,130.98L84.01,130.98L84.76,148.43L87.02,106.05L87.75,101.07L89.27,138.46L89.96,133.47L90.72,96.08L91.45,18.82L92.95,135.96L93.71,125.99L94.47,125.99L95.2,116.02L97.45,158.4L98.21,143.44L98.92,145.93L99.68,158.4L100.42,143.44L101.18,165.87L101.91,158.4L102.67,158.4L104.17,173.35L104.93,165.87L105.66,185.81L106.42,185.81L107.18,218.22L107.87,188.31L108.63,188.31L109.36,193.29L110.12,185.81L110.86,188.31L112.37,173.35L113.11,175.84L114.6,165.87L115.36,153.41L116.81,175.84L117.57,180.83L119.06,200.77L119.8,178.34L120.56,188.31L121.32,185.81L122.05,183.32L122.81,188.31L123.55,190.8L124.3,173.35L125.06,173.35L125.75,170.86L126.51,175.84L127.24,193.29L128,203.26L128.74,185.81L130.26,215.72L130.99,208.25L131.75,208.25L132.49,198.28L133.25,203.26L134.01,198.28L134.72,195.78L135.48,168.37L136.21,165.87L136.97,170.86L138.46,168.37L139.22,158.4L139.96,168.37L140.72,160.89L141.45,165.87L142.21,178.34L143.66,180.83L144.42,178.34L145.15,175.84L145.91,180.83L146.65,143.44L147.41,150.92L149.66,121.01L150.4,138.46L151.15,133.47L151.91,148.43L152.6,145.93L153.36,128.49L154.09,143.44L154.85,143.44L156.35,135.96L157.11,155.9L158.6,178.34L159.34,178.34L160.1,173.35L160.86,173.35L163.8,223.2L164.53,210.74L165.29,220.71L166.05,210.74L166.78,208.25L167.54,193.29L169.04,200.77L169.8,158.4L170.51,163.38L171.27,163.38L172,173.35L172.76,173.35L174.26,155.9L175.02,155.9L175.75,158.4L176.51,178.34L177.25,170.86L178,193.29L179.45,233.17L180.21,203.26L180.94,173.35L181.7,210.74L183.2,245.63L183.96,268.07L184.69,223.2L185.45,225.69L186.19,235.66L186.95,235.66L188.39,203.26L189.15,208.25L189.89,218.22L190.65,215.72L191.38,218.22L192.14,225.69L192.9,270.56L193.63,240.65L194.39,230.68L195.13,275.54L195.89,208.25L196.65,238.16L197.33,238.16L198.09,337.85L198.83,245.63L199.59,258.1L201.08,270.56L201.84,260.59L203.34,238.16L204.07,233.17L204.83,248.13L205.59,235.66L206.3,245.63L207.06,230.68L207.79,240.65L208.55,240.65L209.29,235.66L210.05,240.65L210.81,228.19L211.54,235.66L213.04,243.14L213.8,238.16L215.24,213.23L216,240.65L216.74,248.13L217.5,245.63L218.23,245.63L218.99,260.59L221.24,235.66L221.98,255.6L222.74,250.62L223.5,235.66L224.18,243.14L224.94,230.68L226.44,235.66L227.17,233.17L227.93,248.13L228.69,248.13L229.43,255.6L230.19,253.11L231.68,218.22L232.44,230.68L233.13,250.62L233.89,235.66L234.62,240.65L235.38,228.19L236.11,245.63L236.87,235.66L237.63,230.68L238.37,218.22L239.13,225.69L239.86,208.25L240.62,215.72L241.38,205.75L242.09,208.25L242.85,203.26L243.59,203.26L244.35,198.28L245.08,210.74L245.84,208.25L247.33,250.62L248.09,250.62L248.83,185.81L249.59,235.66L251.03,228.19L251.79,233.17L254.02,260.59L254.78,258.1L256.28,292.99L257.04,292.99L257.77,223.2L258.53,273.05L259.29,288.01L259.98,280.53L260.74,290.5L261.47,260.59L262.23,278.04L262.96,275.54L263.72,288.01L264.48,280.53L265.22,273.05L265.98,275.54L268.23,255.6L268.92,263.08L269.68,278.04L270.41,273.05L271.17,283.02L271.91,273.05L272.67,283.02L273.43,280.53L274.16,273.05L274.92,285.51L275.65,297.98L276.41,283.02L277.17,283.02L277.88,285.51L278.64,307.95L279.38,283.02L280.14,273.05L280.87,283.02L281.63,285.51L282.39,283.02L283.13,290.5L283.89,290.5L284.62,290.5L285.38,295.48L286.14,295.48L286.83,290.5L287.59,288.01L288.32,280.53L289.08,285.51L289.81,297.98L290.57,300.47L291.33,295.48L292.07,295.48L292.83,290.5L293.56,290.5L294.32,265.57L295.08,265.57L295.77,263.08L298.02,280.53L298.76,278.04L299.52,280.53L300.28,290.5L301.01,295.48L301.77,292.99L302.5,305.45L303.26,290.5L304.71,302.96L305.47,320.41L306.96,330.38L307.7,330.38L308.46,332.87L309.22,345.33L310.71,330.38L311.45,340.35L312.21,315.42L312.97,330.38L313.68,337.85L314.44,325.39L315.93,327.89L316.66,320.41L317.42,320.41L318.18,337.85L318.92,335.36L319.68,337.85L320.41,345.33L321.17,330.38L321.93,327.89L322.62,317.92L324.11,337.85L324.87,337.85L327.13,275.54L327.86,365.27L329.35,337.85L330.11,297.98L330.87,305.45L331.56,302.96L332.32,305.45L333.05,288.01L333.81,290.5L334.55,312.93L335.31,315.42L336.07,307.95L337.56,307.95L338.3,312.93L339.06,312.93L339.82,310.44L340.5,317.92L341.26,317.92L342,305.45L342.76,310.44L343.49,292.99L344.25,300.47L345.01,320.41L345.74,317.92L347.24,315.42L348,325.39L348.76,325.39L349.47,327.89L351.72,305.45L352.46,317.92L353.22,320.41L353.98,335.36L354.71,337.85L355.47,347.82L356.2,278.04L356.96,357.79L357.72,365.27L358.41,360.29L359.17,372.75L359.9,362.78L361.4,395.18L362.16,382.72L362.92,382.72L363.65,372.75L365.91,345.33L366.67,345.33L367.35,345.33L368.11,350.32L368.85,355.3L369.61,350.32L370.34,365.27L371.1,360.29L372.59,360.29L373.35,352.81L374.09,357.79L374.85,357.79L376.29,340.35L377.05,345.33L380.04,365.27L380.8,362.78L381.54,365.27L382.3,372.75L383.79,357.79L384.55,347.82L385.26,350.32L386.02,365.27L386.75,255.6L387.51,312.93L389.01,355.3L389.77,332.87L392,290.5L392.76,295.48L393.52,312.93L394.2,302.96L395.7,245.63L396.46,283.02L397.95,327.89L398.71,302.96L399.44,315.42L400.2,302.96L400.94,302.96L401.7,297.98L403.14,307.95L403.9,290.5L404.64,275.54L405.4,278.04L406.13,280.53L406.89,278.04L408.39,285.51L409.15,285.51L410.64,265.57L411.4,260.59L412.84,278.04L413.58,278.04L415.07,268.07L415.83,270.56L417.33,280.53L418.09,275.54L419.58,250.62L420.34,250.62L421.81,233.17L422.55,230.68L423.31,223.2L424.04,245.63L424.8,250.62L425.56,245.63L427.05,208.25L427.79,150.92L429.31,305.45L429.99,302.96L431.49,283.02L432.25,280.53L432.98,285.51L433.74,283.02L434.5,280.53L435.24,292.99L436,295.48L436.73,290.5L438.25,268.07L438.94,265.57L441.19,265.57L441.92,263.08L442.68,270.56L443.44,265.57L444.18,270.56L444.94,268.07L446.43,258.1L447.19,253.11L447.88,265.57L448.64,260.59" style="vector-effect: non-scaling-stroke; fill: none; stroke: rgb(0, 114, 178); stroke-opacity: 1; stroke-width: 1.88976px; opacity: 1;"/></g><g class="points"/><g class="text"/></g><g class="trace scatter trace-vdiffr-plotly-4" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"><path class="js-line" d="M21.36,386.31L22.12,382.75L22.88,384.53L23.62,379.2L24.38,382.75L25.11,380.98L25.87,375.65L27.34,393.41L28.1,384.53L29.6,388.08L30.33,386.31L31.09,391.63L31.85,384.53L32.58,380.98L33.34,388.08L34.84,388.08L35.6,379.2L36.28,395.18L37.04,395.18L39.27,388.08L40.03,388.08L40.79,382.75L41.53,386.31L42.29,380.98L43.02,384.53L43.78,384.53L44.54,386.31L45.22,384.53L45.98,393.41L47.48,379.2L48.21,375.65L48.97,370.33L49.73,373.88L50.47,373.88L51.23,366.78L53.48,354.35L54.17,352.57L55.66,347.25L56.42,365L57.91,352.57L58.67,363.23L59.41,350.8L60.17,352.57L61.66,356.13L62.42,349.02L63.13,349.02L63.89,347.25L64.63,349.02L65.39,370.33L66.12,357.9L66.88,359.68L67.64,366.78L68.38,365L69.14,365L69.87,357.9L71.39,373.88L72.07,368.55L73.57,379.2L74.33,377.43L75.06,373.88L75.82,379.2L77.32,368.55L78.08,375.65L78.81,382.75L79.57,377.43L80.33,375.65L81.02,380.98L81.78,377.43L82.51,384.53L84.01,365L84.76,377.43L86.26,368.55L87.02,373.88L89.96,338.37L90.72,311.74L91.45,299.32L92.21,309.97L92.95,313.52L93.71,302.87L94.47,302.87L95.2,313.52L95.96,297.54L96.7,306.42L97.45,306.42L98.21,320.62L98.92,311.74L99.68,320.62L100.42,318.84L101.18,327.72L101.91,329.5L102.67,325.95L104.17,329.5L104.93,317.07L107.18,338.37L107.87,338.37L108.63,336.6L109.36,325.95L110.12,356.13L110.86,340.15L111.61,341.92L112.37,347.25L113.87,341.92L114.6,345.47L115.36,350.8L116.12,347.25L117.57,357.9L118.3,365L119.06,359.68L119.8,363.23L120.56,363.23L121.32,366.78L122.05,361.45L122.81,368.55L123.55,366.78L124.3,361.45L125.75,361.45L126.51,370.33L128.74,361.45L129.5,380.98L130.99,368.55L131.75,372.1L132.49,365L133.25,372.1L134.72,359.68L135.48,363.23L136.21,365L136.97,352.57L139.22,329.5L139.96,333.05L140.72,329.5L141.45,333.05L142.21,334.82L142.97,340.15L143.66,340.15L144.42,334.82L145.91,349.02L146.65,340.15L147.41,338.37L148.17,345.47L148.9,345.47L149.66,343.7L150.4,343.7L151.15,340.15L154.09,315.29L154.85,297.54L155.59,315.29L156.35,311.74L157.84,293.99L158.6,288.66L159.34,285.11L160.1,269.14L160.86,292.21L161.54,281.56L162.3,272.69L163.04,247.83L165.29,301.09L166.05,301.09L166.78,299.32L167.54,301.09L168.28,311.74L169.04,304.64L170.51,318.84L171.27,320.62L172,304.64L172.76,333.05L173.5,333.05L174.26,336.6L175.02,331.27L175.75,338.37L176.51,338.37L177.25,336.6L178,345.47L178.76,340.15L179.45,340.15L180.21,343.7L180.94,343.7L181.7,349.02L183.2,340.15L183.96,343.7L184.69,340.15L185.45,341.92L186.95,347.25L187.71,343.7L189.15,347.25L189.89,345.47L190.65,341.92L191.38,343.7L192.9,334.82L193.63,341.92L195.13,340.15L195.89,343.7L197.33,349.02L198.09,340.15L199.59,350.8L200.32,350.8L201.08,352.57L201.84,359.68L202.58,354.35L203.34,356.13L204.07,359.68L204.83,356.13L206.3,352.57L207.06,361.45L207.79,361.45L208.55,363.23L209.29,357.9L210.05,361.45L211.54,366.78L212.3,365L213.04,361.45L213.8,366.78L215.24,370.33L216,370.33L216.74,372.1L217.5,370.33L218.23,366.78L218.99,377.43L221.24,380.98L221.98,379.2L223.5,372.1L224.18,375.65L224.94,380.98L225.68,373.88L226.44,373.88L227.17,370.33L227.93,370.33L228.69,366.78L229.43,363.23L230.19,365L232.44,356.13L233.13,347.25L234.62,352.57L235.38,343.7L236.11,341.92L236.87,336.6L237.63,345.47L238.37,338.37L241.38,320.62L242.09,318.84L243.59,309.97L244.35,311.74L245.08,313.52L245.84,309.97L246.6,313.52L247.33,306.42L248.09,306.42L248.83,301.09L250.35,315.29L251.03,315.29L251.79,317.07L252.53,322.39L253.29,318.84L254.02,320.62L254.78,320.62L255.54,318.84L256.28,324.17L257.04,318.84L257.77,318.84L258.53,313.52L259.98,301.09L260.74,304.64L262.23,301.09L262.96,306.42L263.72,308.19L264.48,302.87L265.22,288.66L265.98,306.42L266.71,311.74L267.47,324.17L268.23,322.39L268.92,318.84L269.68,318.84L270.41,304.64L271.17,325.95L271.91,315.29L273.43,325.95L274.16,320.62L274.92,324.17L275.65,318.84L276.41,318.84L277.17,327.72L278.64,313.52L279.38,313.52L280.87,318.84L281.63,317.07L282.39,315.29L283.13,318.84L283.89,329.5L284.62,327.72L285.38,327.72L286.14,322.39L286.83,325.95L287.59,318.84L288.32,324.17L289.08,324.17L289.81,318.84L290.57,327.72L291.33,320.62L292.07,329.5L294.32,334.82L295.08,341.92L296.53,347.25L297.26,359.68L298.02,343.7L298.76,347.25L299.52,345.47L300.28,347.25L301.01,363.23L301.77,349.02L303.26,343.7L304.02,345.47L304.71,345.47L305.47,356.13L306.2,350.8L306.96,354.35L307.7,363.23L308.46,350.8L309.22,359.68L309.95,357.9L310.71,356.13L311.45,363.23L312.21,363.23L312.97,357.9L313.68,359.68L314.44,357.9L315.93,365L316.66,359.68L317.42,354.35L318.18,373.88L318.92,357.9L319.68,357.9L321.17,363.23L321.93,357.9L322.62,349.02L323.38,361.45L324.11,354.35L324.87,359.68L326.37,343.7L327.13,338.37L327.86,336.6L328.62,329.5L330.11,317.07L330.87,318.84L331.56,317.07L332.32,308.19L333.05,297.54L333.81,270.91L334.55,308.19L335.31,306.42L336.8,295.77L337.56,301.09L338.3,295.77L339.06,295.77L339.82,297.54L340.5,293.99L341.26,285.11L342,290.44L342.76,262.03L343.49,283.34L344.25,286.89L345.01,285.11L345.74,281.56L346.5,283.34L348,278.01L348.76,285.11L349.47,285.11L350.23,297.54L350.96,290.44L351.72,270.91L352.46,308.19L353.22,302.87L353.98,295.77L354.71,297.54L355.47,293.99L356.2,297.54L357.72,302.87L358.41,301.09L359.17,306.42L359.9,304.64L361.4,309.97L362.16,302.87L362.92,317.07L363.65,313.52L364.41,315.29L365.15,311.74L365.91,313.52L366.67,304.64L368.11,317.07L368.85,315.29L369.61,336.6L370.34,324.17L371.1,317.07L371.86,324.17L372.59,325.95L373.35,318.84L374.09,333.05L374.85,318.84L375.61,315.29L376.29,304.64L378.55,329.5L379.28,311.74L380.04,309.97L380.8,311.74L381.54,317.07L382.3,313.52L383.03,317.07L383.79,306.42L385.26,311.74L386.02,299.32L386.75,325.95L387.51,306.42L388.25,293.99L389.01,293.99L390.5,281.56L391.26,292.21L394.96,233.63L395.7,214.1L396.46,160.84L397.19,182.15L397.95,176.82L398.71,150.19L400.94,109.36L401.7,111.13L402.46,112.91L403.14,104.03L405.4,18.82L406.13,70.3L407.65,105.81L408.39,89.83L409.15,93.38L409.88,77.4L411.4,91.61L412.09,84.5L412.84,95.16L413.58,82.73L414.34,68.53L415.07,75.63L415.83,68.53L416.59,75.63L417.33,100.48L418.09,96.93L418.82,102.26L419.58,96.93L421.05,125.34L421.81,127.11L423.31,104.03L424.04,155.52L426.29,112.91L427.05,135.99L427.79,151.97L428.55,185.7L429.99,153.74L430.75,162.62L431.49,162.62L432.25,164.39L432.98,178.6L433.74,173.27L434.5,173.27L435.24,176.82L436.73,159.07L437.49,192.8L438.25,183.92L438.94,185.7L439.69,187.47L440.43,207L442.68,237.18L443.44,228.3L444.18,224.75L444.94,235.4L445.67,237.18L446.43,231.85L447.19,237.18L447.88,253.16L448.64,262.03" style="vector-effect: non-scaling-stroke; fill: none; stroke: rgb(204, 121, 167); stroke-opacity: 1; stroke-width: 1.88976px; opacity: 1;"/></g><g class="points"/><g class="text"/></g><g class="trace scatter trace-vdiffr-plotly-5" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"><path class="js-line" d="M21.36,387.49L22.88,387.07L23.62,381.57L25.87,389.45L26.63,385.79L28.1,394.47L28.84,393.55L29.6,387.66L30.33,389.3L31.85,395.15L32.58,395.06L33.34,394.29L34.08,395.18L34.84,394.2L35.6,394.97L37.04,393.01L37.78,394.35L39.27,389.74L40.03,390.1L41.53,384.37L42.29,390.1L43.02,389.27L43.78,379.85L45.98,362.14L46.72,358.52L50.47,338.55L51.23,329.43L51.96,324.14L52.72,326.81L53.48,329.28L54.17,326.78L54.93,327.62L55.66,326.52L56.42,327.91L57.16,325.36L57.91,322.42L58.67,325.15L59.41,327.76L60.17,321.61L60.9,321.82L61.66,325.83L62.42,328.54L63.13,325.27L64.63,328.72L65.39,328.69L66.12,328.98L66.88,328.21L67.64,330.88L68.38,330.11L70.63,346.42L71.39,342.68L72.07,344.4L72.83,342.47L73.57,346.34L74.33,345.32L75.82,347.05L76.58,345.71L77.32,351.83L78.08,344.34L80.33,334.39L81.02,337.27L81.78,337.75L82.51,335.16L84.01,324.53L84.76,325.74L87.75,277.79L88.51,252.09L89.27,251.52L89.96,237.92L91.45,224.4L92.21,230.73L92.95,233.49L93.71,239.4L95.2,240.32L95.96,243.38L96.7,244.87L97.45,251.11L98.92,260.14L99.68,257.17L100.42,265.4L101.18,257.41L102.67,251.58L103.43,255.68L104.17,254.2L104.93,248.55L105.66,250.78L106.42,258.65L107.18,253.81L107.87,257.85L109.36,269.62L110.12,262.99L110.86,272.05L111.61,269.2L112.37,274.37L113.11,274.02L113.87,272.47L114.6,285.22L115.36,282.16L116.12,287.24L116.81,286.67L117.57,291.34L119.06,295.85L119.8,287.51L120.56,294.31L121.32,292.97L122.05,298.26L122.81,294.4L123.55,289.91L124.3,293.45L125.06,291.55L125.75,293.45L126.51,294.64L127.24,301.44L128.74,296.8L129.5,287.18L130.26,291.04L130.99,287.89L131.75,289.61L132.49,287.03L134.01,275.83L134.72,275.03L136.97,234.35L137.71,226.48L138.46,228.91L139.22,236.64L139.96,234.65L140.72,236.58L141.45,245.64L142.21,235.15L142.97,235.75L143.66,237.8L144.42,241.15L145.15,232.09L145.91,234.35L146.65,241.33L148.17,230.43L148.9,218.07L150.4,199.62L151.15,195.75L154.09,167.88L154.85,161.85L158.6,120.26L159.34,116.9L160.1,132.26L160.86,131.93L163.04,143.55L163.8,140.82L164.53,161.56L165.29,159.33L169.8,213.76L170.51,215.1L171.27,214.62L172,223.71L172.76,230.55L173.5,221.31L174.26,221.84L175.02,226.36L175.75,225.94L176.51,231.38L178,224.69L178.76,227.72L179.45,227.19L180.21,225.53L180.94,228.29L181.7,223.59L182.44,222.02L183.2,231.44L184.69,228.41L185.45,233.46L186.19,233.16L186.95,243.35L187.71,225.32L188.39,225.88L189.15,226.45L190.65,222.17L191.38,227.78L192.14,233.25L192.9,228.05L194.39,232.54L195.13,240.74L195.89,240.47L196.65,241.27L197.33,241.36L198.09,250.87L198.83,249.92L199.59,255.15L201.84,263.94L202.58,260.23L204.07,268.88L204.83,268.37L206.3,270.66L207.06,278.83L207.79,273.54L208.55,280.46L209.29,278.71L210.05,271.64L211.54,279.81L212.3,280.73L213.04,281.3L213.8,276.42L215.24,290.6L216,282.78L216.74,285.54L217.5,279.54L218.23,281.98L218.99,281.5L221.24,275.14L221.98,276.87L222.74,274.34L223.5,277.34L224.18,278.92L224.94,273.01L225.68,274.64L226.44,279.16L228.69,256.04L229.43,253.34L230.92,240.2L231.68,236.82L233.13,219.85L233.89,224.22L234.62,215.39L235.38,216.7L236.11,219.85L236.87,217.47L237.63,215.81L238.37,212.24L239.13,209.6L239.86,201.67L242.09,193.88L242.85,195.22L244.35,176.65L245.08,182.29L246.6,184.34L247.33,195.72L248.09,190.76L248.83,191L251.03,205.89L251.79,204.28L252.53,203.12L253.29,203.95L255.54,216.05L256.28,214.98L257.77,223.09L258.53,218.54L259.29,219.94L259.98,223.3L260.74,227.43L261.47,239.79L263.72,239.25L264.48,245.17L265.22,248.2L265.98,255.83L266.71,260.14L267.47,255.83L268.92,262.43L269.68,247.81L271.17,254.29L271.91,251.32L273.43,252.77L274.16,257.23L275.65,254.41L276.41,252.39L277.17,257.67L277.88,257.53L278.64,254.64L279.38,254.41L280.14,264.15L280.87,256.96L281.63,270.48L283.13,266.05L283.89,259.96L284.62,259.46L285.38,262.28L286.83,266.97L287.59,270.75L288.32,277.22L289.08,272.95L290.57,278.62L291.33,277.19L292.83,287.53L293.56,282.54L295.08,287.59L295.77,284.15L296.53,298.44L297.26,295.29L298.76,288.99L299.52,291.37L300.28,287.77L301.01,288.37L302.5,295.74L303.26,297.4L304.02,293.39L304.71,303.13L305.47,296.57L306.2,302.75L307.7,295.94L308.46,301.5L309.22,299.21L309.95,303.28L311.45,307L312.21,305.36L312.97,300.91L313.68,304.62L314.44,312.11L315.17,303.88L315.93,307.06L316.66,304.2L317.42,301.05L318.18,307.83L318.92,310.53L319.68,307.41L320.41,307.56L321.17,296L323.38,288.63L324.11,289.97L327.13,262.75L327.86,246.35L329.35,229.6L330.11,231.85L330.87,230.87L331.56,228.23L332.32,219.46L333.05,225.41L334.55,225.67L335.31,228.23L336.07,229.8L336.8,228.14L338.3,218.25L339.06,221.81L339.82,218.9L340.5,219.79L342.76,199.65L343.49,207.22L344.25,210.64L345.01,209.9L347.24,227.84L348,226.27L348.76,232.3L349.47,222.67L350.23,232.21L350.96,230.96L351.72,228.76L352.46,233.22L353.98,239.43L354.71,235.45L356.96,243.68L357.72,237.86L359.17,247.01L359.9,247.63L362.16,256.72L362.92,250.54L363.65,253.51L364.41,250.16L365.91,265.07L366.67,261.51L367.35,264.83L368.11,263.41L368.85,267.57L369.61,266.94L370.34,261.77L371.1,264.27L372.59,275.09L373.35,270.78L374.09,274.05L374.85,263.53L376.29,274.97L377.05,271.43L377.79,273.93L378.55,267.6L379.28,262.55L380.04,264.98L381.54,259.93L382.3,259.84L383.79,246.62L384.55,252.21L385.26,242.55L386.02,248.05L387.51,220.18L388.25,209.42L392,139.63L392.76,116.69L395.7,44.16L396.46,37.98L397.19,41.13L397.95,34.8L399.44,18.82L400.2,22.77L401.7,27.91L402.46,25.92L403.9,19.62L404.64,33.76L405.4,44.91L406.13,43.78L406.89,39.74L407.65,41.79L408.39,43.66L409.15,26.87L410.64,58.6L411.4,64.34L412.09,66.8L412.84,60.27L413.58,63.3L414.34,60.12L415.07,66.03L415.83,64.4L416.59,60.53L417.33,71.05L419.58,94.73L420.34,94.26L421.81,99.22L422.55,98.8L423.31,97.85L424.04,98.92L425.56,115L426.29,114.73L427.05,118.26L427.79,109.56L428.55,104.42L429.31,119.9L429.99,127.65L430.75,125.54L431.49,128.69L432.25,125.81L433.74,139.84L434.5,140.1L435.24,144.08L436,154.45L437.49,171.84L438.25,167.47L438.94,166.55L439.69,186.69L440.43,182.03L441.19,193.88L441.92,189.48L442.68,189.75L444.18,207.85L444.94,204.88L445.67,215.96L446.43,210.43L447.88,222.29L448.64,221.63" style="vector-effect: non-scaling-stroke; fill: none; stroke: rgb(153, 153, 153); stroke-opacity: 1; stroke-width: 1.88976px; opacity: 1;"/></g><g class="points"/><g class="text"/></g></g></g><g class="overplot"/><path class="xlines-above crisp" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;" d=""/><path class="ylines-above crisp" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;" d=""/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(95.78,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(185.25,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(274.74,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(364.21,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(453.7,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(95.78,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">1970</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(185.25,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">1980</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(274.74,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">1990</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(364.21,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2000</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(453.7,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2010</text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,418.18)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,324.09)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,230)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,135.91)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,41.82)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,418.18)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">0.00</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,324.09)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">0.25</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,230)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">0.50</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,135.91)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">0.75</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,41.82)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">1.00</text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/><clipPath id="legend"><rect width="97.22047244094487" height="145.2204724409449" x="1.88976377952756" y="1.88976377952756"/></clipPath></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M52,437H522V23H52Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="legend" pointer-events="all" transform="translate(531.4000000000001, 48.61304836895385)"><rect class="bg" shape-rendering="crispEdges" style="stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 1; stroke-width: 1.88976px;" width="99.11023622047244" height="147.11023622047244" x="0.94488188976378" y="0.94488188976378"/><g class="scrollbox" transform="translate(0, 0)" clip-path="url('#legend')"><g class="groups" transform="translate(0, 0)"><g class="traces" style="opacity: 1;" transform="translate(1.88976377952756, 16.38976377952756)"><text class="legendtext user-select-none" text-anchor="start" x="40" y="4.55890410958905" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">pce</text><g class="layers" style="opacity: 1;"><g class="legendfill"/><g class="legendlines"><path class="js-line" d="M5,0h30" style="fill: none; stroke: rgb(230, 159, 0); stroke-opacity: 1; stroke-width: 1.88976px;"/></g><g class="legendsymbols"><g class="legendpoints"/></g></g><rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="91.90625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/></g></g><g class="groups" transform="translate(0, 10)"><g class="traces" style="opacity: 1;" transform="translate(1.88976377952756, 35.389763779527556)"><text class="legendtext user-select-none" text-anchor="start" x="40" y="4.55890410958905" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">pop</text><g class="layers" style="opacity: 1;"><g class="legendfill"/><g class="legendlines"><path class="js-line" d="M5,0h30" style="fill: none; stroke: rgb(0, 158, 115); stroke-opacity: 1; stroke-width: 1.88976px;"/></g><g class="legendsymbols"><g class="legendpoints"/></g></g><rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="91.90625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/></g></g><g class="groups" transform="translate(0, 20)"><g class="traces" style="opacity: 1;" transform="translate(1.88976377952756, 54.38976377952756)"><text class="legendtext user-select-none" text-anchor="start" x="40" y="4.55890410958905" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">psavert</text><g class="layers" style="opacity: 1;"><g class="legendfill"/><g class="legendlines"><path class="js-line" d="M5,0h30" style="fill: none; stroke: rgb(0, 114, 178); stroke-opacity: 1; stroke-width: 1.88976px;"/></g><g class="legendsymbols"><g class="legendpoints"/></g></g><rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="91.90625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/></g></g><g class="groups" transform="translate(0, 30)"><g class="traces" style="opacity: 1;" transform="translate(1.88976377952756, 73.38976377952756)"><text class="legendtext user-select-none" text-anchor="start" x="40" y="4.55890410958905" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">uempmed</text><g class="layers" style="opacity: 1;"><g class="legendfill"/><g class="legendlines"><path class="js-line" d="M5,0h30" style="fill: none; stroke: rgb(204, 121, 167); stroke-opacity: 1; stroke-width: 1.88976px;"/></g><g class="legendsymbols"><g class="legendpoints"/></g></g><rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="91.90625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/></g></g><g class="groups" transform="translate(0, 40)"><g class="traces" style="opacity: 1;" transform="translate(1.88976377952756, 92.38976377952756)"><text class="legendtext user-select-none" text-anchor="start" x="40" y="4.55890410958905" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">unemploy</text><g class="layers" style="opacity: 1;"><g class="legendfill"/><g class="legendlines"><path class="js-line" d="M5,0h30" style="fill: none; stroke: rgb(153, 153, 153); stroke-opacity: 1; stroke-width: 1.88976px;"/></g><g class="legendsymbols"><g class="legendpoints"/></g></g><rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="91.90625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/></g></g></g><rect class="scrollbar" rx="20" ry="3" width="0" height="0" style="fill: rgb(128, 139, 164); fill-opacity: 1;" x="0" y="0"/></g><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,-13.835616438356112)"><text class="xtitle" x="287" y="490.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">date</text></g><g class="g-ytitle" transform="translate(0.2236328125,0)"><text class="ytitle" transform="rotate(-90,12.776255707762601,230)" x="12.776255707762601" y="230" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">value01</text></g><g class="annotation" data-index="0" style="opacity: 1;"><g class="annotation-text-g" transform="rotate(0,558.9000000000001,12.999999999999998)"><g class="cursor-pointer" transform="translate(531, 3)"><rect class="bg" x="0.5" y="0.5" width="54" height="19" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/><text class="annotation-text" text-anchor="middle" x="27.59375" y="15" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.6119px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">variable</text></g></g></g></g></svg>
diff --git a/tests/figs/thematic/thematic-sequential.svg b/tests/figs/thematic/thematic-sequential.svg
new file mode 100644
index 0000000000..e7f2681045
--- /dev/null
+++ b/tests/figs/thematic/thematic-sequential.svg
@@ -0,0 +1 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(0, 0, 0); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="497" height="414"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="52" y="0" width="497" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="23" width="640" height="414"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="52" y="23" width="497" height="414"/></clipPath></g><g class="gradients"><linearGradient x1="0" x2="0" y1="1" y2="0" id="g-cb-vdiffr-plotly-2"><stop offset="0%" stop-color="rgb(236, 203, 253)" stop-opacity="1"/><stop offset="0.334448160535117%" stop-color="rgb(236, 202, 253)" stop-opacity="1"/><stop offset="0.668896321070234%" stop-color="rgb(235, 201, 253)" stop-opacity="1"/><stop offset="1.00334448160535%" stop-color="rgb(235, 200, 253)" stop-opacity="1"/><stop offset="1.33779264214047%" stop-color="rgb(235, 200, 253)" stop-opacity="1"/><stop offset="1.6722408026755902%" stop-color="rgb(235, 199, 253)" stop-opacity="1"/><stop offset="2.0066889632107%" stop-color="rgb(234, 198, 252)" stop-opacity="1"/><stop offset="2.34113712374582%" stop-color="rgb(234, 197, 252)" stop-opacity="1"/><stop offset="2.67558528428094%" stop-color="rgb(234, 196, 252)" stop-opacity="1"/><stop offset="3.01003344481605%" stop-color="rgb(233, 195, 252)" stop-opacity="1"/><stop offset="3.3444816053511697%" stop-color="rgb(233, 194, 252)" stop-opacity="1"/><stop offset="3.67892976588629%" stop-color="rgb(233, 193, 252)" stop-opacity="1"/><stop offset="4.0133779264214%" stop-color="rgb(232, 193, 252)" stop-opacity="1"/><stop offset="4.347826086956521%" stop-color="rgb(232, 192, 252)" stop-opacity="1"/><stop offset="4.68227424749164%" stop-color="rgb(232, 191, 252)" stop-opacity="1"/><stop offset="5.0167224080267605%" stop-color="rgb(231, 190, 252)" stop-opacity="1"/><stop offset="5.35117056856187%" stop-color="rgb(231, 190, 252)" stop-opacity="1"/><stop offset="5.685618729096991%" stop-color="rgb(230, 189, 252)" stop-opacity="1"/><stop offset="6.02006688963211%" stop-color="rgb(230, 188, 252)" stop-opacity="1"/><stop offset="6.35451505016723%" stop-color="rgb(230, 187, 252)" stop-opacity="1"/><stop offset="6.688963210702339%" stop-color="rgb(229, 186, 252)" stop-opacity="1"/><stop offset="7.023411371237461%" stop-color="rgb(229, 186, 252)" stop-opacity="1"/><stop offset="7.35785953177258%" stop-color="rgb(228, 185, 252)" stop-opacity="1"/><stop offset="7.69230769230769%" stop-color="rgb(228, 184, 252)" stop-opacity="1"/><stop offset="8.02675585284281%" stop-color="rgb(228, 183, 252)" stop-opacity="1"/><stop offset="8.36120401337793%" stop-color="rgb(227, 182, 252)" stop-opacity="1"/><stop offset="8.695652173913041%" stop-color="rgb(227, 181, 251)" stop-opacity="1"/><stop offset="9.03010033444816%" stop-color="rgb(227, 180, 251)" stop-opacity="1"/><stop offset="9.36454849498328%" stop-color="rgb(226, 180, 251)" stop-opacity="1"/><stop offset="9.698996655518402%" stop-color="rgb(226, 179, 251)" stop-opacity="1"/><stop offset="10.0334448160535%" stop-color="rgb(225, 178, 251)" stop-opacity="1"/><stop offset="10.3678929765886%" stop-color="rgb(225, 177, 251)" stop-opacity="1"/><stop offset="10.7023411371237%" stop-color="rgb(225, 176, 251)" stop-opacity="1"/><stop offset="11.036789297658899%" stop-color="rgb(224, 175, 251)" stop-opacity="1"/><stop offset="11.371237458194%" stop-color="rgb(224, 174, 251)" stop-opacity="1"/><stop offset="11.7056856187291%" stop-color="rgb(224, 173, 251)" stop-opacity="1"/><stop offset="12.0401337792642%" stop-color="rgb(224, 173, 251)" stop-opacity="1"/><stop offset="12.3745819397993%" stop-color="rgb(223, 172, 251)" stop-opacity="1"/><stop offset="12.7090301003345%" stop-color="rgb(223, 171, 251)" stop-opacity="1"/><stop offset="13.043478260869602%" stop-color="rgb(223, 170, 251)" stop-opacity="1"/><stop offset="13.377926421404702%" stop-color="rgb(222, 169, 251)" stop-opacity="1"/><stop offset="13.712374581939802%" stop-color="rgb(222, 168, 251)" stop-opacity="1"/><stop offset="14.046822742474898%" stop-color="rgb(222, 167, 251)" stop-opacity="1"/><stop offset="14.381270903009998%" stop-color="rgb(221, 167, 251)" stop-opacity="1"/><stop offset="14.7157190635452%" stop-color="rgb(221, 166, 251)" stop-opacity="1"/><stop offset="15.0501672240803%" stop-color="rgb(221, 165, 251)" stop-opacity="1"/><stop offset="15.3846153846154%" stop-color="rgb(220, 164, 251)" stop-opacity="1"/><stop offset="15.7190635451505%" stop-color="rgb(220, 164, 250)" stop-opacity="1"/><stop offset="16.0535117056856%" stop-color="rgb(219, 163, 250)" stop-opacity="1"/><stop offset="16.3879598662207%" stop-color="rgb(219, 162, 250)" stop-opacity="1"/><stop offset="16.7224080267559%" stop-color="rgb(219, 161, 250)" stop-opacity="1"/><stop offset="17.056856187291%" stop-color="rgb(218, 160, 250)" stop-opacity="1"/><stop offset="17.3913043478261%" stop-color="rgb(218, 160, 250)" stop-opacity="1"/><stop offset="17.7257525083612%" stop-color="rgb(217, 159, 250)" stop-opacity="1"/><stop offset="18.0602006688963%" stop-color="rgb(217, 158, 250)" stop-opacity="1"/><stop offset="18.3946488294314%" stop-color="rgb(217, 157, 250)" stop-opacity="1"/><stop offset="18.7290969899666%" stop-color="rgb(216, 156, 250)" stop-opacity="1"/><stop offset="19.0635451505017%" stop-color="rgb(216, 155, 249)" stop-opacity="1"/><stop offset="19.397993311036803%" stop-color="rgb(216, 154, 249)" stop-opacity="1"/><stop offset="19.7324414715719%" stop-color="rgb(215, 154, 249)" stop-opacity="1"/><stop offset="20.066889632107%" stop-color="rgb(215, 153, 249)" stop-opacity="1"/><stop offset="20.4013377926421%" stop-color="rgb(214, 152, 249)" stop-opacity="1"/><stop offset="20.7357859531773%" stop-color="rgb(214, 151, 249)" stop-opacity="1"/><stop offset="21.0702341137124%" stop-color="rgb(214, 150, 249)" stop-opacity="1"/><stop offset="21.4046822742475%" stop-color="rgb(213, 149, 249)" stop-opacity="1"/><stop offset="21.7391304347826%" stop-color="rgb(213, 148, 249)" stop-opacity="1"/><stop offset="22.0735785953177%" stop-color="rgb(212, 147, 249)" stop-opacity="1"/><stop offset="22.4080267558528%" stop-color="rgb(212, 147, 249)" stop-opacity="1"/><stop offset="22.742474916388%" stop-color="rgb(212, 146, 249)" stop-opacity="1"/><stop offset="23.0769230769231%" stop-color="rgb(211, 145, 249)" stop-opacity="1"/><stop offset="23.4113712374582%" stop-color="rgb(211, 144, 249)" stop-opacity="1"/><stop offset="23.7458193979933%" stop-color="rgb(210, 143, 249)" stop-opacity="1"/><stop offset="24.0802675585284%" stop-color="rgb(210, 142, 249)" stop-opacity="1"/><stop offset="24.4147157190635%" stop-color="rgb(210, 141, 249)" stop-opacity="1"/><stop offset="24.7491638795987%" stop-color="rgb(209, 140, 249)" stop-opacity="1"/><stop offset="25.0836120401338%" stop-color="rgb(209, 140, 249)" stop-opacity="1"/><stop offset="25.4180602006689%" stop-color="rgb(208, 139, 249)" stop-opacity="1"/><stop offset="25.752508361204%" stop-color="rgb(208, 138, 249)" stop-opacity="1"/><stop offset="26.0869565217391%" stop-color="rgb(207, 137, 248)" stop-opacity="1"/><stop offset="26.4214046822742%" stop-color="rgb(207, 136, 248)" stop-opacity="1"/><stop offset="26.755852842809404%" stop-color="rgb(206, 135, 248)" stop-opacity="1"/><stop offset="27.090301003344504%" stop-color="rgb(206, 134, 248)" stop-opacity="1"/><stop offset="27.424749163879603%" stop-color="rgb(205, 133, 248)" stop-opacity="1"/><stop offset="27.759197324414696%" stop-color="rgb(205, 133, 248)" stop-opacity="1"/><stop offset="28.093645484949796%" stop-color="rgb(204, 132, 248)" stop-opacity="1"/><stop offset="28.428093645484896%" stop-color="rgb(204, 131, 248)" stop-opacity="1"/><stop offset="28.7625418060201%" stop-color="rgb(204, 130, 248)" stop-opacity="1"/><stop offset="29.0969899665552%" stop-color="rgb(203, 129, 248)" stop-opacity="1"/><stop offset="29.4314381270903%" stop-color="rgb(203, 128, 247)" stop-opacity="1"/><stop offset="29.7658862876254%" stop-color="rgb(202, 127, 247)" stop-opacity="1"/><stop offset="30.1003344481605%" stop-color="rgb(202, 126, 247)" stop-opacity="1"/><stop offset="30.4347826086957%" stop-color="rgb(202, 126, 247)" stop-opacity="1"/><stop offset="30.7692307692308%" stop-color="rgb(201, 125, 247)" stop-opacity="1"/><stop offset="31.1036789297659%" stop-color="rgb(201, 124, 247)" stop-opacity="1"/><stop offset="31.438127090301%" stop-color="rgb(201, 123, 247)" stop-opacity="1"/><stop offset="31.7725752508361%" stop-color="rgb(200, 122, 247)" stop-opacity="1"/><stop offset="32.1070234113712%" stop-color="rgb(200, 121, 247)" stop-opacity="1"/><stop offset="32.4414715719064%" stop-color="rgb(199, 120, 247)" stop-opacity="1"/><stop offset="32.7759197324415%" stop-color="rgb(199, 119, 246)" stop-opacity="1"/><stop offset="33.1103678929766%" stop-color="rgb(199, 119, 246)" stop-opacity="1"/><stop offset="33.4448160535117%" stop-color="rgb(198, 118, 246)" stop-opacity="1"/><stop offset="33.7792642140468%" stop-color="rgb(198, 117, 246)" stop-opacity="1"/><stop offset="34.1137123745819%" stop-color="rgb(197, 116, 246)" stop-opacity="1"/><stop offset="34.4481605351171%" stop-color="rgb(197, 115, 246)" stop-opacity="1"/><stop offset="34.7826086956522%" stop-color="rgb(197, 114, 246)" stop-opacity="1"/><stop offset="35.117056856187304%" stop-color="rgb(196, 113, 246)" stop-opacity="1"/><stop offset="35.4515050167224%" stop-color="rgb(196, 112, 246)" stop-opacity="1"/><stop offset="35.785953177257504%" stop-color="rgb(195, 112, 246)" stop-opacity="1"/><stop offset="36.1204013377926%" stop-color="rgb(195, 111, 246)" stop-opacity="1"/><stop offset="36.4548494983278%" stop-color="rgb(194, 110, 246)" stop-opacity="1"/><stop offset="36.7892976588629%" stop-color="rgb(194, 109, 246)" stop-opacity="1"/><stop offset="37.123745819398%" stop-color="rgb(193, 108, 246)" stop-opacity="1"/><stop offset="37.4581939799331%" stop-color="rgb(193, 107, 246)" stop-opacity="1"/><stop offset="37.7926421404682%" stop-color="rgb(192, 106, 246)" stop-opacity="1"/><stop offset="38.1270903010033%" stop-color="rgb(192, 105, 246)" stop-opacity="1"/><stop offset="38.4615384615385%" stop-color="rgb(191, 104, 246)" stop-opacity="1"/><stop offset="38.795986622073606%" stop-color="rgb(191, 104, 246)" stop-opacity="1"/><stop offset="39.130434782608695%" stop-color="rgb(190, 103, 246)" stop-opacity="1"/><stop offset="39.4648829431438%" stop-color="rgb(190, 102, 246)" stop-opacity="1"/><stop offset="39.799331103678895%" stop-color="rgb(189, 101, 245)" stop-opacity="1"/><stop offset="40.133779264214%" stop-color="rgb(189, 100, 245)" stop-opacity="1"/><stop offset="40.468227424749195%" stop-color="rgb(188, 99, 245)" stop-opacity="1"/><stop offset="40.8026755852843%" stop-color="rgb(188, 98, 245)" stop-opacity="1"/><stop offset="41.1371237458194%" stop-color="rgb(187, 97, 245)" stop-opacity="1"/><stop offset="41.4715719063545%" stop-color="rgb(187, 96, 245)" stop-opacity="1"/><stop offset="41.8060200668896%" stop-color="rgb(186, 95, 245)" stop-opacity="1"/><stop offset="42.1404682274248%" stop-color="rgb(186, 94, 245)" stop-opacity="1"/><stop offset="42.4749163879599%" stop-color="rgb(185, 93, 245)" stop-opacity="1"/><stop offset="42.809364548495%" stop-color="rgb(185, 92, 245)" stop-opacity="1"/><stop offset="43.1438127090301%" stop-color="rgb(184, 91, 244)" stop-opacity="1"/><stop offset="43.4782608695652%" stop-color="rgb(184, 90, 244)" stop-opacity="1"/><stop offset="43.8127090301003%" stop-color="rgb(183, 89, 244)" stop-opacity="1"/><stop offset="44.1471571906354%" stop-color="rgb(183, 88, 244)" stop-opacity="1"/><stop offset="44.4816053511706%" stop-color="rgb(183, 87, 244)" stop-opacity="1"/><stop offset="44.816053511705704%" stop-color="rgb(182, 86, 244)" stop-opacity="1"/><stop offset="45.1505016722408%" stop-color="rgb(182, 85, 244)" stop-opacity="1"/><stop offset="45.484949832775904%" stop-color="rgb(181, 84, 244)" stop-opacity="1"/><stop offset="45.819397993311%" stop-color="rgb(181, 83, 244)" stop-opacity="1"/><stop offset="46.1538461538462%" stop-color="rgb(180, 82, 244)" stop-opacity="1"/><stop offset="46.4882943143813%" stop-color="rgb(180, 81, 244)" stop-opacity="1"/><stop offset="46.8227424749164%" stop-color="rgb(179, 80, 243)" stop-opacity="1"/><stop offset="47.1571906354515%" stop-color="rgb(179, 79, 243)" stop-opacity="1"/><stop offset="47.4916387959866%" stop-color="rgb(178, 78, 243)" stop-opacity="1"/><stop offset="47.8260869565217%" stop-color="rgb(178, 76, 243)" stop-opacity="1"/><stop offset="48.1605351170569%" stop-color="rgb(177, 75, 243)" stop-opacity="1"/><stop offset="48.494983277592%" stop-color="rgb(177, 74, 243)" stop-opacity="1"/><stop offset="48.8294314381271%" stop-color="rgb(176, 73, 243)" stop-opacity="1"/><stop offset="49.163879598662206%" stop-color="rgb(176, 72, 243)" stop-opacity="1"/><stop offset="49.4983277591973%" stop-color="rgb(175, 71, 243)" stop-opacity="1"/><stop offset="49.832775919732406%" stop-color="rgb(175, 70, 243)" stop-opacity="1"/><stop offset="50.1672240802676%" stop-color="rgb(174, 69, 242)" stop-opacity="1"/><stop offset="50.5016722408027%" stop-color="rgb(174, 68, 242)" stop-opacity="1"/><stop offset="50.8361204013378%" stop-color="rgb(173, 67, 242)" stop-opacity="1"/><stop offset="51.1705685618729%" stop-color="rgb(173, 66, 242)" stop-opacity="1"/><stop offset="51.505016722408%" stop-color="rgb(172, 65, 242)" stop-opacity="1"/><stop offset="51.8394648829431%" stop-color="rgb(172, 64, 242)" stop-opacity="1"/><stop offset="52.1739130434783%" stop-color="rgb(171, 62, 242)" stop-opacity="1"/><stop offset="52.5083612040134%" stop-color="rgb(171, 61, 242)" stop-opacity="1"/><stop offset="52.8428093645485%" stop-color="rgb(170, 60, 242)" stop-opacity="1"/><stop offset="53.1772575250836%" stop-color="rgb(170, 59, 242)" stop-opacity="1"/><stop offset="53.51170568561871%" stop-color="rgb(169, 58, 241)" stop-opacity="1"/><stop offset="53.846153846153896%" stop-color="rgb(169, 56, 241)" stop-opacity="1"/><stop offset="54.18060200668901%" stop-color="rgb(168, 55, 241)" stop-opacity="1"/><stop offset="54.515050167224096%" stop-color="rgb(168, 54, 241)" stop-opacity="1"/><stop offset="54.84949832775921%" stop-color="rgb(167, 52, 241)" stop-opacity="1"/><stop offset="55.183946488294296%" stop-color="rgb(167, 51, 241)" stop-opacity="1"/><stop offset="55.51839464882939%" stop-color="rgb(166, 50, 241)" stop-opacity="1"/><stop offset="55.8528428093645%" stop-color="rgb(166, 48, 241)" stop-opacity="1"/><stop offset="56.18729096989969%" stop-color="rgb(165, 47, 241)" stop-opacity="1"/><stop offset="56.5217391304348%" stop-color="rgb(165, 46, 241)" stop-opacity="1"/><stop offset="56.85618729096989%" stop-color="rgb(164, 44, 241)" stop-opacity="1"/><stop offset="57.190635451505%" stop-color="rgb(164, 43, 240)" stop-opacity="1"/><stop offset="57.52508361204009%" stop-color="rgb(163, 41, 240)" stop-opacity="1"/><stop offset="57.8595317725753%" stop-color="rgb(162, 40, 240)" stop-opacity="1"/><stop offset="58.1939799331104%" stop-color="rgb(162, 38, 240)" stop-opacity="1"/><stop offset="58.5284280936455%" stop-color="rgb(161, 36, 240)" stop-opacity="1"/><stop offset="58.8628762541806%" stop-color="rgb(161, 36, 239)" stop-opacity="1"/><stop offset="59.1973244147157%" stop-color="rgb(160, 35, 238)" stop-opacity="1"/><stop offset="59.5317725752508%" stop-color="rgb(159, 35, 238)" stop-opacity="1"/><stop offset="59.8662207357859%" stop-color="rgb(158, 35, 237)" stop-opacity="1"/><stop offset="60.2006688963211%" stop-color="rgb(158, 34, 236)" stop-opacity="1"/><stop offset="60.5351170568562%" stop-color="rgb(157, 34, 235)" stop-opacity="1"/><stop offset="60.8695652173913%" stop-color="rgb(156, 33, 234)" stop-opacity="1"/><stop offset="61.2040133779264%" stop-color="rgb(156, 33, 233)" stop-opacity="1"/><stop offset="61.5384615384615%" stop-color="rgb(155, 33, 232)" stop-opacity="1"/><stop offset="61.8729096989967%" stop-color="rgb(154, 32, 232)" stop-opacity="1"/><stop offset="62.2073578595318%" stop-color="rgb(154, 32, 231)" stop-opacity="1"/><stop offset="62.5418060200669%" stop-color="rgb(153, 32, 229)" stop-opacity="1"/><stop offset="62.876254180602%" stop-color="rgb(152, 32, 228)" stop-opacity="1"/><stop offset="63.21070234113711%" stop-color="rgb(152, 32, 227)" stop-opacity="1"/><stop offset="63.5451505016722%" stop-color="rgb(151, 32, 226)" stop-opacity="1"/><stop offset="63.87959866220741%" stop-color="rgb(150, 33, 225)" stop-opacity="1"/><stop offset="64.2140468227425%" stop-color="rgb(150, 33, 224)" stop-opacity="1"/><stop offset="64.5484949832776%" stop-color="rgb(149, 33, 222)" stop-opacity="1"/><stop offset="64.8829431438127%" stop-color="rgb(148, 33, 221)" stop-opacity="1"/><stop offset="65.2173913043478%" stop-color="rgb(148, 33, 220)" stop-opacity="1"/><stop offset="65.5518394648829%" stop-color="rgb(147, 33, 219)" stop-opacity="1"/><stop offset="65.8862876254181%" stop-color="rgb(146, 33, 218)" stop-opacity="1"/><stop offset="66.2207357859532%" stop-color="rgb(146, 33, 217)" stop-opacity="1"/><stop offset="66.5551839464883%" stop-color="rgb(145, 33, 216)" stop-opacity="1"/><stop offset="66.8896321070234%" stop-color="rgb(144, 33, 215)" stop-opacity="1"/><stop offset="67.22408026755849%" stop-color="rgb(144, 33, 214)" stop-opacity="1"/><stop offset="67.5585284280936%" stop-color="rgb(143, 33, 212)" stop-opacity="1"/><stop offset="67.8929765886288%" stop-color="rgb(142, 33, 211)" stop-opacity="1"/><stop offset="68.2274247491639%" stop-color="rgb(141, 33, 210)" stop-opacity="1"/><stop offset="68.56187290969899%" stop-color="rgb(141, 33, 209)" stop-opacity="1"/><stop offset="68.8963210702341%" stop-color="rgb(140, 33, 208)" stop-opacity="1"/><stop offset="69.2307692307692%" stop-color="rgb(139, 33, 207)" stop-opacity="1"/><stop offset="69.5652173913043%" stop-color="rgb(139, 33, 206)" stop-opacity="1"/><stop offset="69.89966555183949%" stop-color="rgb(138, 33, 205)" stop-opacity="1"/><stop offset="70.23411371237461%" stop-color="rgb(137, 33, 204)" stop-opacity="1"/><stop offset="70.5685618729097%" stop-color="rgb(137, 33, 203)" stop-opacity="1"/><stop offset="70.9030100334448%" stop-color="rgb(136, 33, 202)" stop-opacity="1"/><stop offset="71.23745819397989%" stop-color="rgb(135, 33, 201)" stop-opacity="1"/><stop offset="71.57190635451511%" stop-color="rgb(135, 33, 200)" stop-opacity="1"/><stop offset="71.9063545150502%" stop-color="rgb(134, 33, 199)" stop-opacity="1"/><stop offset="72.2408026755853%" stop-color="rgb(133, 33, 198)" stop-opacity="1"/><stop offset="72.5752508361204%" stop-color="rgb(133, 33, 196)" stop-opacity="1"/><stop offset="72.90969899665551%" stop-color="rgb(132, 33, 195)" stop-opacity="1"/><stop offset="73.2441471571906%" stop-color="rgb(131, 33, 194)" stop-opacity="1"/><stop offset="73.5785953177257%" stop-color="rgb(131, 33, 193)" stop-opacity="1"/><stop offset="73.9130434782609%" stop-color="rgb(130, 33, 192)" stop-opacity="1"/><stop offset="74.247491638796%" stop-color="rgb(129, 33, 191)" stop-opacity="1"/><stop offset="74.5819397993311%" stop-color="rgb(129, 33, 190)" stop-opacity="1"/><stop offset="74.9163879598662%" stop-color="rgb(128, 33, 189)" stop-opacity="1"/><stop offset="75.2508361204013%" stop-color="rgb(127, 33, 188)" stop-opacity="1"/><stop offset="75.5852842809365%" stop-color="rgb(127, 33, 187)" stop-opacity="1"/><stop offset="75.9197324414716%" stop-color="rgb(126, 33, 186)" stop-opacity="1"/><stop offset="76.2541806020067%" stop-color="rgb(125, 33, 185)" stop-opacity="1"/><stop offset="76.5886287625418%" stop-color="rgb(125, 33, 184)" stop-opacity="1"/><stop offset="76.9230769230769%" stop-color="rgb(124, 33, 183)" stop-opacity="1"/><stop offset="77.257525083612%" stop-color="rgb(123, 33, 182)" stop-opacity="1"/><stop offset="77.59197324414711%" stop-color="rgb(122, 33, 180)" stop-opacity="1"/><stop offset="77.9264214046823%" stop-color="rgb(122, 32, 179)" stop-opacity="1"/><stop offset="78.26086956521739%" stop-color="rgb(121, 32, 178)" stop-opacity="1"/><stop offset="78.5953177257525%" stop-color="rgb(120, 32, 177)" stop-opacity="1"/><stop offset="78.9297658862876%" stop-color="rgb(120, 32, 176)" stop-opacity="1"/><stop offset="79.2642140468227%" stop-color="rgb(119, 32, 175)" stop-opacity="1"/><stop offset="79.59866220735789%" stop-color="rgb(118, 32, 174)" stop-opacity="1"/><stop offset="79.93311036789301%" stop-color="rgb(118, 32, 173)" stop-opacity="1"/><stop offset="80.2675585284281%" stop-color="rgb(117, 32, 172)" stop-opacity="1"/><stop offset="80.6020066889632%" stop-color="rgb(116, 32, 171)" stop-opacity="1"/><stop offset="80.93645484949829%" stop-color="rgb(116, 32, 170)" stop-opacity="1"/><stop offset="81.27090301003341%" stop-color="rgb(115, 32, 169)" stop-opacity="1"/><stop offset="81.6053511705686%" stop-color="rgb(114, 32, 168)" stop-opacity="1"/><stop offset="81.9397993311037%" stop-color="rgb(114, 32, 167)" stop-opacity="1"/><stop offset="82.2742474916388%" stop-color="rgb(113, 32, 166)" stop-opacity="1"/><stop offset="82.6086956521739%" stop-color="rgb(112, 32, 164)" stop-opacity="1"/><stop offset="82.943143812709%" stop-color="rgb(112, 32, 163)" stop-opacity="1"/><stop offset="83.2775919732442%" stop-color="rgb(111, 32, 162)" stop-opacity="1"/><stop offset="83.6120401337793%" stop-color="rgb(110, 32, 161)" stop-opacity="1"/><stop offset="83.9464882943144%" stop-color="rgb(110, 32, 160)" stop-opacity="1"/><stop offset="84.2809364548495%" stop-color="rgb(109, 32, 159)" stop-opacity="1"/><stop offset="84.6153846153846%" stop-color="rgb(108, 31, 158)" stop-opacity="1"/><stop offset="84.9498327759197%" stop-color="rgb(108, 31, 157)" stop-opacity="1"/><stop offset="85.2842809364548%" stop-color="rgb(107, 31, 156)" stop-opacity="1"/><stop offset="85.61872909699%" stop-color="rgb(106, 31, 155)" stop-opacity="1"/><stop offset="85.9531772575251%" stop-color="rgb(106, 31, 154)" stop-opacity="1"/><stop offset="86.2876254180602%" stop-color="rgb(105, 31, 153)" stop-opacity="1"/><stop offset="86.6220735785953%" stop-color="rgb(104, 31, 152)" stop-opacity="1"/><stop offset="86.9565217391304%" stop-color="rgb(103, 31, 151)" stop-opacity="1"/><stop offset="87.2909698996655%" stop-color="rgb(103, 31, 150)" stop-opacity="1"/><stop offset="87.6254180602007%" stop-color="rgb(102, 31, 148)" stop-opacity="1"/><stop offset="87.9598662207358%" stop-color="rgb(101, 31, 147)" stop-opacity="1"/><stop offset="88.2943143812709%" stop-color="rgb(101, 31, 146)" stop-opacity="1"/><stop offset="88.62876254180601%" stop-color="rgb(100, 31, 145)" stop-opacity="1"/><stop offset="88.9632107023411%" stop-color="rgb(99, 31, 144)" stop-opacity="1"/><stop offset="89.29765886287629%" stop-color="rgb(99, 31, 143)" stop-opacity="1"/><stop offset="89.63210702341141%" stop-color="rgb(98, 31, 142)" stop-opacity="1"/><stop offset="89.9665551839465%" stop-color="rgb(97, 31, 141)" stop-opacity="1"/><stop offset="90.3010033444816%" stop-color="rgb(97, 31, 140)" stop-opacity="1"/><stop offset="90.63545150501669%" stop-color="rgb(96, 31, 139)" stop-opacity="1"/><stop offset="90.96989966555181%" stop-color="rgb(96, 31, 138)" stop-opacity="1"/><stop offset="91.304347826087%" stop-color="rgb(95, 31, 137)" stop-opacity="1"/><stop offset="91.6387959866221%" stop-color="rgb(95, 30, 136)" stop-opacity="1"/><stop offset="91.9732441471572%" stop-color="rgb(94, 30, 135)" stop-opacity="1"/><stop offset="92.3076923076923%" stop-color="rgb(93, 30, 134)" stop-opacity="1"/><stop offset="92.6421404682274%" stop-color="rgb(93, 30, 133)" stop-opacity="1"/><stop offset="92.9765886287626%" stop-color="rgb(92, 30, 132)" stop-opacity="1"/><stop offset="93.3110367892977%" stop-color="rgb(92, 30, 131)" stop-opacity="1"/><stop offset="93.6454849498328%" stop-color="rgb(91, 30, 130)" stop-opacity="1"/><stop offset="93.9799331103679%" stop-color="rgb(90, 30, 129)" stop-opacity="1"/><stop offset="94.314381270903%" stop-color="rgb(90, 30, 128)" stop-opacity="1"/><stop offset="94.6488294314381%" stop-color="rgb(89, 30, 127)" stop-opacity="1"/><stop offset="94.9832775919732%" stop-color="rgb(88, 29, 126)" stop-opacity="1"/><stop offset="95.3177257525084%" stop-color="rgb(87, 29, 125)" stop-opacity="1"/><stop offset="95.6521739130435%" stop-color="rgb(87, 29, 124)" stop-opacity="1"/><stop offset="95.9866220735786%" stop-color="rgb(86, 29, 123)" stop-opacity="1"/><stop offset="96.3210702341137%" stop-color="rgb(85, 29, 122)" stop-opacity="1"/><stop offset="96.6555183946488%" stop-color="rgb(85, 29, 121)" stop-opacity="1"/><stop offset="96.9899665551839%" stop-color="rgb(84, 29, 120)" stop-opacity="1"/><stop offset="97.3244147157191%" stop-color="rgb(84, 29, 119)" stop-opacity="1"/><stop offset="97.6588628762542%" stop-color="rgb(83, 29, 118)" stop-opacity="1"/><stop offset="97.9933110367893%" stop-color="rgb(82, 29, 117)" stop-opacity="1"/><stop offset="98.32775919732441%" stop-color="rgb(82, 28, 116)" stop-opacity="1"/><stop offset="98.6622073578595%" stop-color="rgb(81, 28, 115)" stop-opacity="1"/><stop offset="98.9966555183946%" stop-color="rgb(81, 28, 114)" stop-opacity="1"/><stop offset="99.3311036789298%" stop-color="rgb(80, 28, 113)" stop-opacity="1"/><stop offset="99.66555183946491%" stop-color="rgb(80, 28, 112)" stop-opacity="1"/><stop offset="100%" stop-color="rgb(79, 28, 111)" stop-opacity="1"/></linearGradient></g></defs><g class="bglayer"><rect class="bg" x="52" y="23" width="497" height="414" style="fill: rgb(21, 21, 21); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(149.89,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(275.4,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(400.9,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xgrid crisp" transform="translate(526.4100000000001,0)" d="M0,23v414" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,355.45)" d="M52,0h497" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,250.91)" d="M52,0h497" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,146.36)" d="M52,0h497" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,41.82)" d="M52,0h497" style="stroke: rgb(0, 0, 0); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(52, 23)" clip-path="url('#clipxyplot')"><g class="scatterlayer mlayer"><g class="trace scatter trace-vdiffr-plotly-1" style="stroke-miterlimit: 2; opacity: 1;"><g class="fills"/><g class="errorbars"/><g class="lines"/><g class="points"><path class="point" transform="translate(22.59,395.18)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(236, 203, 253); fill-opacity: 1; stroke: rgb(236, 203, 253); stroke-opacity: 1;"/><path class="point" transform="translate(72.79,353.36)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(224, 175, 251); fill-opacity: 1; stroke: rgb(224, 175, 251); stroke-opacity: 1;"/><path class="point" transform="translate(122.99,311.55)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(212, 147, 249); fill-opacity: 1; stroke: rgb(212, 147, 249); stroke-opacity: 1;"/><path class="point" transform="translate(173.2,269.73)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(198, 118, 246); fill-opacity: 1; stroke: rgb(198, 118, 246); stroke-opacity: 1;"/><path class="point" transform="translate(223.4,227.91)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(183, 87, 244); fill-opacity: 1; stroke: rgb(183, 87, 244); stroke-opacity: 1;"/><path class="point" transform="translate(273.6,186.09)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(166, 49, 241); fill-opacity: 1; stroke: rgb(166, 49, 241); stroke-opacity: 1;"/><path class="point" transform="translate(323.8,144.27)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(145, 33, 215); fill-opacity: 1; stroke: rgb(145, 33, 215); stroke-opacity: 1;"/><path class="point" transform="translate(374.01,102.45)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(122, 32, 180); fill-opacity: 1; stroke: rgb(122, 32, 180); stroke-opacity: 1;"/><path class="point" transform="translate(424.21,60.64)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(100, 31, 144); fill-opacity: 1; stroke: rgb(100, 31, 144); stroke-opacity: 1;"/><path class="point" transform="translate(474.41,18.82)" d="M2.83,0A2.83,2.83 0 1,1 0,-2.83A2.83,2.83 0 0,1 2.83,0Z" style="opacity: 1; stroke-width: 1.88976px; fill: rgb(79, 28, 111); fill-opacity: 1; stroke: rgb(79, 28, 111); stroke-opacity: 1;"/></g><g class="text"/></g><g class="trace scatter trace-vdiffr-plotly-2" style="stroke-miterlimit: 2; opacity: 0;"><g class="fills"/><g class="errorbars"/><g class="lines"/><g class="points"><path class="point" transform="translate(97.89,332.45)" d="M3,0A3,3 0 1,1 0,-3A3,3 0 0,1 3,0Z" style="opacity: 1; stroke-width: 0px; fill: rgb(236, 203, 253); fill-opacity: 1;"/></g><g class="text"/></g></g></g><g class="overplot"/><path class="xlines-above crisp" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;" d=""/><path class="ylines-above crisp" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;" d=""/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(149.89,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(275.4,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(400.9,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="xtick ticks crisp" d="M0,438v3.65296803652968" transform="translate(526.4100000000001,0)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(149.89,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2.5</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(275.4,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">5.0</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(400.9,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">7.5</text></g><g class="xtick"><text text-anchor="middle" x="0" y="455.6803652968037" transform="translate(526.4100000000001,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">10.0</text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,355.45)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,250.91)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,146.36)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M51,0h-3.65296803652968" transform="translate(0,41.82)" style="stroke: rgb(195, 195, 195); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,355.45)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">2.5</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,250.91)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">5.0</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,146.36)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">7.5</text></g><g class="ytick"><text text-anchor="end" x="45.00913242009132" y="4.09132420091325" transform="translate(0,41.82)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(164, 164, 164); fill-opacity: 1; white-space: pre;">10.0</text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M52,437H549V23H52Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="cb-vdiffr-plotly-2 colorbar" transform="translate(52,23)"><rect class="cbbg" x="505.5551181102362" y="102.55511811023622" width="73.46788877952756" height="209.88976377952756" style="fill: rgb(0, 0, 0); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; stroke-width: 1.88976;"/><g class="cbfills" transform="translate(0,135)"><rect class="cbfill" x="517" width="23" y="0" height="166" style="stroke: none; fill: url('#g-cb-vdiffr-plotly-2');"/></g><g class="cblines" transform="translate(0,135)"/><g class="cbaxis crisp" transform="translate(0,-23)"><path class="ycb-vdiffr-plotly-2tick ticks crisp" d="M540,0h2" transform="translate(0,295.83000000000004)" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; stroke-width: 1px;"/><path class="ycb-vdiffr-plotly-2tick ticks crisp" d="M540,0h2" transform="translate(0,249.72)" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; stroke-width: 1px;"/><path class="ycb-vdiffr-plotly-2tick ticks crisp" d="M540,0h2" transform="translate(0,203.61)" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; stroke-width: 1px;"/><path class="ycb-vdiffr-plotly-2tick ticks crisp" d="M540,0h2" transform="translate(0,157.5)" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; stroke-width: 1px;"/><g class="ycb-vdiffr-plotly-2tick"><text text-anchor="start" x="544.337899543379" y="4.09132420091325" transform="translate(0,295.83000000000004)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">2.5</text></g><g class="ycb-vdiffr-plotly-2tick"><text text-anchor="start" x="544.337899543379" y="4.09132420091325" transform="translate(0,249.72)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">5.0</text></g><g class="ycb-vdiffr-plotly-2tick"><text text-anchor="start" x="544.337899543379" y="4.09132420091325" transform="translate(0,203.61)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">7.5</text></g><g class="ycb-vdiffr-plotly-2tick"><text text-anchor="start" x="544.337899543379" y="4.09132420091325" transform="translate(0,157.5)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">10.0</text></g></g><g class="cbtitleunshift" transform="translate(-52,-23)"><g class="cbtitle" transform="translate(-0.5,-0.5)"><text class="ycb-vdiffr-plotly-2title" x="568.9399999999999" y="150.458904109589" text-anchor="start" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">1:10</text></g></g><rect class="cboutline" x="517" y="135" width="23" height="166" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; fill: none; stroke-width: 1;"/></g><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,-13.835616438356112)"><text class="xtitle" x="300.5" y="490.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">1:10</text></g><g class="g-ytitle" transform="translate(0.2236328125,0)"><text class="ytitle" transform="rotate(-90,12.776255707762601,230)" x="12.776255707762601" y="230" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(255, 255, 255); opacity: 1; font-weight: normal; white-space: pre;">1:10</text></g></g></svg>
diff --git a/tests/testthat/test-thematic.R b/tests/testthat/test-thematic.R
new file mode 100644
index 0000000000..f131a9e001
--- /dev/null
+++ b/tests/testthat/test-thematic.R
@@ -0,0 +1,20 @@
+context("thematic")
+
+test_that("ggplotly() works with thematic", {
+  skip_if_not_installed("thematic")
+  library(thematic)
+  thematic_on(bg = "black", fg = "white", accent = "purple")
+  on.exit(thematic_off(), add = TRUE)
+  expect_doppelganger_built(
+    qplot(1:10, 1:10), 
+    "thematic-geom-and-theme-defaults"
+  )
+  expect_doppelganger_built(
+    qplot(1:10, 1:10, color = 1:10), 
+    "thematic-sequential"
+  )
+  expect_doppelganger_built(
+    ggplot(economics_long, aes(date, value01, color = variable)) + geom_line(), 
+    "thematic-qualitative"
+  )
+})