diff --git a/.Rprofile b/.Rprofile
index 72ea15a..d406891 100644
--- a/.Rprofile
+++ b/.Rprofile
@@ -1,26 +1,40 @@
-source("renv/activate.R")
+# ---------------------------------------------------------
+# This is the .Rprofile file
+#
+# Use it to include any functions you want to run before any other code is run.
+# For example, using renv automatically sources its activate script to the .RProfile file
+# This ensures that all renv checks on package versions happens before any code is run.
+#
+#
+# ---------------------------------------------------------
-shhh <- suppressPackageStartupMessages # It's a library, so shhh!
+cat("Sourcing .Rprofile.", fill = TRUE)
+source("renv/activate.R")
-tidy_code <- function() {
- shhh(source("global.r"))
- shhh(tidy_code_function())
+if (system.file(package = "dfeshiny") != "") {
+ library(dfeshiny)
+} else {
+ warning("dfeshiny package is not installed, please run renv::restore() to set up the necessary package environment")
}
+# Function to run tests
run_tests_locally <- function() {
Sys.unsetenv("http_proxy")
Sys.unsetenv("https_proxy")
- shhh(source("global.R"))
+ source("global.r")
# message("================================================================================")
# message("== testthat ====================================================================")
# message("")
- # shhh(testthat::test_dir("tests/testthat"))
+ # testthat::test_dir("tests/testthat")
# message("")
message("================================================================================")
- message("== shinytest ===================================================================")
+ message("== shinytest2 ==================================================================")
message("")
- shhh(shinytest::testApp())
+ shinytest2::test_app()
message("")
message("================================================================================")
}
+
+# Install commit-hooks locally
+statusWriteCommit <- file.copy(".hooks/pre-commit.R", ".git/hooks/pre-commit", overwrite = TRUE)
diff --git a/.github/workflows/shiny-tests.yaml b/.github/workflows/shiny-tests.yaml
index 06ad078..765d06b 100644
--- a/.github/workflows/shiny-tests.yaml
+++ b/.github/workflows/shiny-tests.yaml
@@ -10,7 +10,7 @@ jobs:
automatedTests:
runs-on: ${{ matrix.config.os }}
- name: ${{ matrix.config.os }} (${{ matrix.config.r }})
+ name: shiny-tests
strategy:
fail-fast: false
@@ -29,7 +29,6 @@ jobs:
- uses: r-lib/actions/setup-r@v2
with:
- r-version: ${{matrix.config.r}}
use-public-rspm: true
- name: Cache R packages
@@ -53,21 +52,6 @@ jobs:
run: |
if (!requireNamespace("renv", quietly = TRUE)) install.packages("renv")
renv::restore()
- - name: Find PhantomJS path
- id: phantomjs
- run: |
- echo "::set-output name=path::$(Rscript -e 'cat(shinytest:::phantom_paths()[[1]])')"
- - name: Cache PhantomJS
- uses: actions/cache@v1
- with:
- path: ${{ steps.phantomjs.outputs.path }}
- key: ${{ runner.os }}-phantomjs
- restore-keys: ${{ runner.os }}-phantomjs
- - name: Install PhantomJS
- shell: Rscript {0}
- run: |
- options(install.packages.check.source = "no")
- if (!shinytest::dependenciesInstalled()) shinytest::installDependencies()
- name: Run tests
shell: Rscript {0}
run: |
diff --git a/.hooks/pre-commit.R b/.hooks/pre-commit.R
new file mode 100644
index 0000000..e92cb63
--- /dev/null
+++ b/.hooks/pre-commit.R
@@ -0,0 +1,82 @@
+#!/usr/bin/env Rscript
+cat("Running commit hooks...",fill=TRUE)
+shhh <- suppressPackageStartupMessages # It's a library, so shhh!
+shhh(library(dplyr))
+shhh(library(xfun))
+shhh(library(dfeshiny))
+
+error_flag <- FALSE
+
+datalog <- "datafiles_log.csv"
+log_files <- read.csv(datalog, stringsAsFactors = FALSE)
+ign_files <- read.csv(".gitignore", header = FALSE, stringsAsFactors = FALSE)
+colnames(ign_files)[1] <- "filename"
+
+cat("Contents of the .gitignore file:")
+print(ign_files)
+
+# Run a pass through the .gitignore files and look for any issues
+if(ncol(ign_files)>1){
+ cat("ERROR: It looks like you've got commas in the .gitignore. Please correct the .gitignore file and try again.")
+ error_flag <- TRUE
+} else {
+ for(i in 1:nrow(ign_files)){
+ if(grepl(' ',ign_files$filename[i])){
+ cat("ERROR: It looks like you've got spaces in filenames in the .gitignore. Please rename your files if they contain spaces and update the .gitignore file accordingly.")
+ error_flag <- TRUE
+ }
+ }
+}
+
+suffixes <- "xlsx$|dat$|csv$|tex$|pdf$"
+
+current_files <- data.frame(files = list.files("./", recursive = TRUE)) %>%
+ filter(grepl(suffixes, files), !grepl("renv|datafiles_log.csv", files))
+
+for (file in current_files$files) {
+ if (!file %in% log_files$filename) {
+ cat("Error:", file, "is not recorded in datafiles_log.csv.\n\n")
+ cat("Please add an entry to datafiles_log.csv for this file and mark it as unpublished, published or reference.\n\n")
+ error_flag <- TRUE
+ } else {
+ file_status <- (log_files %>% filter(filename == file))$status
+ if (!file_status %in% c("published", "Published", "reference", "Reference", "dummy", "Dummy")) {
+ if (!file %in% ign_files$filename & !grepl("unpublished",file)) {
+ cat("Error:", file, "is not logged as published or reference data in datafiles_log.csv and is not found in .gitignore.\n\n")
+ cat("If the file contains published or reference data then update its entry in datafiles_log.csv.\n\n")
+ cat("If the file contains unpublished data then add it to the .gitignore file.\n\n")
+ error_flag <- TRUE
+ }
+ else {
+ cat(file,"is recorded in the logfile as unpublished data and in .gitignore and so will not be included as part of the commit.\n\n")
+ }
+ }
+ }
+}
+
+if(grepl('G-Z967JJVQQX', htmltools::includeHTML(("google-analytics.html"))) &
+ !(toupper(Sys.getenv("USERNAME")) %in% c("CFOSTER4", "CRACE", "LSELBY","RBIELBY", "JMACHIN"))){
+ cat("Cleaning out the template's Google Analytics tag.",fill=TRUE)
+ gsub_file("google-analytics.html", pattern = "G-Z967JJVQQX", replacement = "G-XXXXXXXXXX")
+ gsub_file("ui.R", pattern = "Z967JJVQQX", replacement = "XXXXXXXXXX")
+ system2(command = "git", args=c("add","google-analytics.html"))
+}
+
+if (error_flag) {
+ cat("Warning, aborting commit. Unrecognised data files found, please update .gitignore or datafiles_log.csv.\n")
+ quit(save = "no", status = 1, runLast = FALSE)
+}
+
+tidy_output <- tidy_code()
+if(any(tidy_output)){
+ error_flag <- TRUE
+}
+
+if (error_flag) {
+ cat("Warning: Code did not appear to have been tidied.\nI've run tidy code for you,
+ please check your files and the dashboard still works and then re-stage and try committing again.")
+ quit(save = "no", status = 1, runLast = FALSE)
+}
+
+
+# End of hooks
diff --git a/datafiles_log.csv b/datafiles_log.csv
new file mode 100644
index 0000000..9f3e42a
--- /dev/null
+++ b/datafiles_log.csv
@@ -0,0 +1,12 @@
+filename,status
+data/regional_data_FD_PG.csv,published
+data/regional_movement_FD_PG.csv,published
+data/sankey data 1-3YAG_FD_PG.csv,published
+data/sankey data 1-5YAG_FD_PG.csv,published
+data/sankey data 3-5YAG_FD_PG.csv,published
+data/tables_data_3digit_FD_PG.csv,published
+data/boundaries/Regions__December_2019__Boundaries_EN_BFE.cpg,published
+data/boundaries/Regions__December_2019__Boundaries_EN_BFE.dbf,published
+data/boundaries/Regions__December_2019__Boundaries_EN_BFE.prj,published
+data/boundaries/Regions__December_2019__Boundaries_EN_BFE.shp,published
+data/boundaries/Regions__December_2019__Boundaries_EN_BFE.shx,published
diff --git a/global.R b/global.R
index 0b1845e..d8a8c83 100644
--- a/global.R
+++ b/global.R
@@ -32,6 +32,7 @@ shhh(library(networkD3))
shhh(library(styler))
shhh(library(shinyGovstyle))
shhh(library(shinyjs))
+shhh(library(dfeshiny))
# shhh(library(shinya11y))
# update years for text
diff --git a/renv.lock b/renv.lock
index 77af08c..f06e8de 100644
--- a/renv.lock
+++ b/renv.lock
@@ -4,11 +4,18 @@
"Repositories": [
{
"Name": "CRAN",
- "URL": "http://cran.rstudio.com"
+ "URL": "https://packagemanager.posit.co/cran/latest"
}
]
},
"Packages": {
+ "AsioHeaders": {
+ "Package": "AsioHeaders",
+ "Version": "1.22.1-2",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Hash": "85bf3bd8fa58da21a22d84fd4f4ef0a8"
+ },
"BH": {
"Package": "BH",
"Version": "1.84.0-0",
@@ -29,7 +36,7 @@
},
"DT": {
"Package": "DT",
- "Version": "0.31",
+ "Version": "0.33",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -42,7 +49,7 @@
"magrittr",
"promises"
],
- "Hash": "77b5189f5272ae2b21e3ac2175ad107c"
+ "Hash": "64ff3427f559ce3f2597a4fe13255cb6"
},
"DescTools": {
"Package": "DescTools",
@@ -243,6 +250,18 @@
],
"Hash": "45f0398006e83a5b10b72a90663d8d8c"
},
+ "RCurl": {
+ "Package": "RCurl",
+ "Version": "1.98-1.14",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Requirements": [
+ "R",
+ "bitops",
+ "methods"
+ ],
+ "Hash": "47f648d288079d0c696804ad4e55197e"
+ },
"Rcpp": {
"Package": "Rcpp",
"Version": "1.0.12",
@@ -276,16 +295,6 @@
],
"Hash": "cad6cf7f1d5f6e906700b9d3e718c796"
},
- "assertthat": {
- "Package": "assertthat",
- "Version": "0.2.1",
- "Source": "Repository",
- "Repository": "CRAN",
- "Requirements": [
- "tools"
- ],
- "Hash": "50c838a310445e954bc13f26f26a6ecf"
- },
"backports": {
"Package": "backports",
"Version": "1.4.1",
@@ -330,9 +339,16 @@
],
"Hash": "9fe98599ca456d6552421db0d6772d8f"
},
+ "bitops": {
+ "Package": "bitops",
+ "Version": "1.0-7",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Hash": "b7d8d8ee39869c18d8846a184dd8a1af"
+ },
"boot": {
"Package": "boot",
- "Version": "1.3-29",
+ "Version": "1.3-30",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -340,27 +356,28 @@
"graphics",
"stats"
],
- "Hash": "a0cb8a465a115fd8460cab1a5b18a5f3"
+ "Hash": "96abeed416a286d4a0f52e550b612343"
},
"brio": {
"Package": "brio",
- "Version": "1.1.4",
+ "Version": "1.1.5",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"R"
],
- "Hash": "68bd2b066e1fe780bbf62fc8bcc36de3"
+ "Hash": "c1ee497a6d999947c2c224ae46799b1a"
},
"bslib": {
"Package": "bslib",
- "Version": "0.6.1",
+ "Version": "0.7.0",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"R",
"base64enc",
"cachem",
+ "fastmap",
"grDevices",
"htmltools",
"jquerylib",
@@ -371,7 +388,7 @@
"rlang",
"sass"
],
- "Hash": "c0d8599494bc7fb408cd206bbdd9cab0"
+ "Hash": "8644cc53f43828f19133548195d7e59e"
},
"cachem": {
"Package": "cachem",
@@ -386,7 +403,7 @@
},
"callr": {
"Package": "callr",
- "Version": "3.7.3",
+ "Version": "3.7.6",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -395,7 +412,7 @@
"processx",
"utils"
],
- "Hash": "9b2191ede20fa29828139b9900922e51"
+ "Hash": "d7e13f49c19103ece9e58ad2d83a7354"
},
"cellranger": {
"Package": "cellranger",
@@ -421,6 +438,26 @@
],
"Hash": "c01cab1cb0f9125211a6fc99d540e315"
},
+ "chromote": {
+ "Package": "chromote",
+ "Version": "0.2.0",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Requirements": [
+ "R6",
+ "curl",
+ "fastmap",
+ "jsonlite",
+ "later",
+ "magrittr",
+ "processx",
+ "promises",
+ "rlang",
+ "utils",
+ "websocket"
+ ],
+ "Hash": "3cfaf9cbd331e07055acada321664e12"
+ },
"class": {
"Package": "class",
"Version": "7.3-22",
@@ -485,6 +522,16 @@
],
"Hash": "0aaa05204035dc43ea0004b9c76611dd"
},
+ "codetools": {
+ "Package": "codetools",
+ "Version": "0.2-20",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Requirements": [
+ "R"
+ ],
+ "Hash": "61e097f35917d342622f21cdc79c256e"
+ },
"colorspace": {
"Package": "colorspace",
"Version": "2.1-0",
@@ -543,35 +590,24 @@
},
"curl": {
"Package": "curl",
- "Version": "5.2.0",
+ "Version": "5.2.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"R"
],
- "Hash": "ce88d13c0b10fe88a37d9c59dba2d7f9"
+ "Hash": "411ca2c03b1ce5f548345d2fc2685f7a"
},
"data.table": {
"Package": "data.table",
- "Version": "1.15.0",
+ "Version": "1.15.4",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"R",
"methods"
],
- "Hash": "cfbbb4aed6e78cd45f17123a9ec9981a"
- },
- "debugme": {
- "Package": "debugme",
- "Version": "1.1.0",
- "Source": "Repository",
- "Repository": "CRAN",
- "Requirements": [
- "crayon",
- "grDevices"
- ],
- "Hash": "2d8a9e4f08f3dd669cb8ddd1eb575959"
+ "Hash": "8ee9ac56ef633d0c7cab8b2ca87d683e"
},
"desc": {
"Package": "desc",
@@ -586,6 +622,29 @@
],
"Hash": "99b79fcbd6c4d1ce087f5c5c758b384f"
},
+ "dfeshiny": {
+ "Package": "dfeshiny",
+ "Version": "0.2.0",
+ "Source": "GitHub",
+ "RemoteType": "github",
+ "RemoteHost": "api.github.com",
+ "RemoteUsername": "dfe-analytical-services",
+ "RemoteRepo": "dfeshiny",
+ "RemoteRef": "main",
+ "RemoteSha": "fb0a97efd819c4735c3e57dc3b294a5ad2911ef5",
+ "Requirements": [
+ "RCurl",
+ "checkmate",
+ "glue",
+ "htmltools",
+ "shiny",
+ "shinyGovstyle",
+ "shinyjs",
+ "stringr",
+ "styler"
+ ],
+ "Hash": "23cba66872a9f50b6cde614c29286073"
+ },
"diffobj": {
"Package": "diffobj",
"Version": "0.3.5",
@@ -603,14 +662,14 @@
},
"digest": {
"Package": "digest",
- "Version": "0.6.34",
+ "Version": "0.6.35",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"R",
"utils"
],
- "Hash": "7ede2ee9ea8d3edbf1ca84c1e333ad1a"
+ "Hash": "698ece7ba5a4fa4559e3d537e7ec3d31"
},
"dplyr": {
"Package": "dplyr",
@@ -651,17 +710,6 @@
],
"Hash": "4ef372b716824753719a8a38b258442d"
},
- "ellipsis": {
- "Package": "ellipsis",
- "Version": "0.3.2",
- "Source": "Repository",
- "Repository": "CRAN",
- "Requirements": [
- "R",
- "rlang"
- ],
- "Hash": "bb0eec2fe32e88d9e2836c2f73ea2077"
- },
"evaluate": {
"Package": "evaluate",
"Version": "0.23",
@@ -698,10 +746,10 @@
},
"farver": {
"Package": "farver",
- "Version": "2.1.1",
+ "Version": "2.1.2",
"Source": "Repository",
"Repository": "CRAN",
- "Hash": "8106d78941f34855c440ddb946b8f7a5"
+ "Hash": "680887028577f3fa2a81e410ed0d6e42"
},
"fastmap": {
"Package": "fastmap",
@@ -737,14 +785,14 @@
},
"fs": {
"Package": "fs",
- "Version": "1.6.3",
+ "Version": "1.6.4",
"Source": "Repository",
"Repository": "RSPM",
"Requirements": [
"R",
"methods"
],
- "Hash": "47b5f30c720c23999b913a1a635cf0bb"
+ "Hash": "15aeb8c27f5ea5161f9f6a641fafd93a"
},
"generics": {
"Package": "generics",
@@ -759,9 +807,9 @@
},
"ggplot2": {
"Package": "ggplot2",
- "Version": "3.4.4",
+ "Version": "3.5.1",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"MASS",
"R",
@@ -780,7 +828,7 @@
"vctrs",
"withr"
],
- "Hash": "313d31eff2274ecf4c1d3581db7241f9"
+ "Hash": "44c6a2f8202d5b7e878ea274b1092426"
},
"gld": {
"Package": "gld",
@@ -795,6 +843,17 @@
],
"Hash": "71173258033324618dc8a09b3e27269e"
},
+ "globals": {
+ "Package": "globals",
+ "Version": "0.16.3",
+ "Source": "Repository",
+ "Repository": "CRAN",
+ "Requirements": [
+ "R",
+ "codetools"
+ ],
+ "Hash": "2580567908cafd4f187c1e5a91e98b7f"
+ },
"glue": {
"Package": "glue",
"Version": "1.7.0",
@@ -822,9 +881,9 @@
},
"gtable": {
"Package": "gtable",
- "Version": "0.3.4",
+ "Version": "0.3.5",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"R",
"cli",
@@ -833,7 +892,7 @@
"lifecycle",
"rlang"
],
- "Hash": "b29cf3031f49b04ab9c852c912547eef"
+ "Hash": "e18861963cbc65a27736e02b3cd3c4a0"
},
"highr": {
"Package": "highr",
@@ -880,20 +939,19 @@
},
"htmltools": {
"Package": "htmltools",
- "Version": "0.5.7",
+ "Version": "0.5.8.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"R",
"base64enc",
"digest",
- "ellipsis",
"fastmap",
"grDevices",
"rlang",
"utils"
],
- "Hash": "2d7b3857980e0e0d0a1fd6f11928ab0f"
+ "Hash": "81d371a9cc60640e74e4ab6ac46dcedc"
},
"htmlwidgets": {
"Package": "htmlwidgets",
@@ -912,7 +970,7 @@
},
"httpuv": {
"Package": "httpuv",
- "Version": "1.6.14",
+ "Version": "1.6.15",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -923,7 +981,7 @@
"promises",
"utils"
],
- "Hash": "16abeb167dbf511f8cc0552efaf05bab"
+ "Hash": "d55aa087c47a63ead0f6fc10f8fa1ee0"
},
"httr": {
"Package": "httr",
@@ -996,7 +1054,7 @@
},
"knitr": {
"Package": "knitr",
- "Version": "1.45",
+ "Version": "1.46",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1008,7 +1066,7 @@
"xfun",
"yaml"
],
- "Hash": "1ec462871063897135c1bcbe0fc8f07d"
+ "Hash": "6e008ab1d696a5283c79765fa7b56b47"
},
"labeling": {
"Package": "labeling",
@@ -1034,7 +1092,7 @@
},
"lattice": {
"Package": "lattice",
- "Version": "0.22-5",
+ "Version": "0.22-6",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1045,7 +1103,7 @@
"stats",
"utils"
],
- "Hash": "7c5e89f04e72d6611c77451f6331a091"
+ "Hash": "cc5ac1ba4c238c7ca9fa6a87ca11a7e2"
},
"lazyeval": {
"Package": "lazyeval",
@@ -1191,14 +1249,14 @@
},
"munsell": {
"Package": "munsell",
- "Version": "0.5.0",
+ "Version": "0.5.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"colorspace",
"methods"
],
- "Hash": "6dfe8bf774944bd5595785e3229d8771"
+ "Hash": "4fd8900853b746af55b81fda99da7695"
},
"mvtnorm": {
"Package": "mvtnorm",
@@ -1252,13 +1310,13 @@
},
"openssl": {
"Package": "openssl",
- "Version": "2.1.1",
+ "Version": "2.1.2",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"askpass"
],
- "Hash": "2a0dc8c6adfb6f032e4d4af82d258ab5"
+ "Hash": "ea2475b073243d9d338aa8f086ce973e"
},
"openxlsx": {
"Package": "openxlsx",
@@ -1295,13 +1353,6 @@
],
"Hash": "737924139a1e4fc96356ff377c754c35"
},
- "parsedate": {
- "Package": "parsedate",
- "Version": "1.3.1",
- "Source": "Repository",
- "Repository": "CRAN",
- "Hash": "7f5024cc7af45eeecef657fa62beb568"
- },
"pillar": {
"Package": "pillar",
"Version": "1.9.0",
@@ -1333,7 +1384,7 @@
},
"pkgbuild": {
"Package": "pkgbuild",
- "Version": "1.4.3",
+ "Version": "1.4.4",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1344,7 +1395,7 @@
"desc",
"processx"
],
- "Hash": "c0143443203205e6a2760ce553dafc24"
+ "Hash": "a29e8e134a460a01e0ca67a4763c595b"
},
"pkgconfig": {
"Package": "pkgconfig",
@@ -1449,7 +1500,7 @@
},
"processx": {
"Package": "processx",
- "Version": "3.8.3",
+ "Version": "3.8.4",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1458,7 +1509,7 @@
"ps",
"utils"
],
- "Hash": "82d48b1aec56084d9438dbf98087a7e9"
+ "Hash": "0c90a7d71988856bad2a2a45dd871bb9"
},
"progress": {
"Package": "progress",
@@ -1476,7 +1527,7 @@
},
"promises": {
"Package": "promises",
- "Version": "1.2.1",
+ "Version": "1.3.0",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1488,7 +1539,7 @@
"rlang",
"stats"
],
- "Hash": "0d8a15c9d000970ada1ab21405387dee"
+ "Hash": "434cd5388a3979e74be5c219bcd6e77d"
},
"proxy": {
"Package": "proxy",
@@ -1655,7 +1706,7 @@
},
"rmarkdown": {
"Package": "rmarkdown",
- "Version": "2.25",
+ "Version": "2.26",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1668,14 +1719,13 @@
"jsonlite",
"knitr",
"methods",
- "stringr",
"tinytex",
"tools",
"utils",
"xfun",
"yaml"
],
- "Hash": "d65e35823c817f09f4de424fcdfa812a"
+ "Hash": "9b148e7f95d33aac01f31282d49e4f44"
},
"rootSolve": {
"Package": "rootSolve",
@@ -1715,10 +1765,10 @@
},
"rstudioapi": {
"Package": "rstudioapi",
- "Version": "0.15.0",
+ "Version": "0.16.0",
"Source": "Repository",
- "Repository": "RSPM",
- "Hash": "5564500e25cffad9e22244ced1379887"
+ "Repository": "CRAN",
+ "Hash": "96710351d642b70e8f02ddeb237c46a7"
},
"s2": {
"Package": "s2",
@@ -1734,7 +1784,7 @@
},
"sass": {
"Package": "sass",
- "Version": "0.4.8",
+ "Version": "0.4.9",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1744,7 +1794,7 @@
"rappdirs",
"rlang"
],
- "Hash": "168f9353c76d4c4b0a0bbf72e2c2d035"
+ "Hash": "d53dbfddf695303ea4ad66f86e99b95d"
},
"scales": {
"Package": "scales",
@@ -1791,7 +1841,7 @@
},
"shiny": {
"Package": "shiny",
- "Version": "1.8.0",
+ "Version": "1.8.1.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1801,7 +1851,6 @@
"cachem",
"commonmark",
"crayon",
- "ellipsis",
"fastmap",
"fontawesome",
"glue",
@@ -1821,7 +1870,7 @@
"withr",
"xtable"
],
- "Hash": "3a1f41807d648a908e3c7f0334bf85e6"
+ "Hash": "54b26646816af9960a4c64d8ceec75d6"
},
"shinyBS": {
"Package": "shinyBS",
@@ -1850,9 +1899,9 @@
},
"shinyWidgets": {
"Package": "shinyWidgets",
- "Version": "0.8.1",
+ "Version": "0.8.6",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"R",
"anytime",
@@ -1864,7 +1913,7 @@
"sass",
"shiny"
],
- "Hash": "96bb249d21b7473dbeb0311702ef5288"
+ "Hash": "bc918b6911c4e928e24a9928295de834"
},
"shinycssloaders": {
"Package": "shinycssloaders",
@@ -1907,45 +1956,30 @@
],
"Hash": "802e4786b353a4bb27116957558548d5"
},
- "shinytest": {
- "Package": "shinytest",
- "Version": "1.5.3",
+ "shinytest2": {
+ "Package": "shinytest2",
+ "Version": "0.3.2",
"Source": "Repository",
- "Repository": "CRAN",
+ "Repository": "RSPM",
"Requirements": [
"R6",
- "assertthat",
"callr",
+ "checkmate",
+ "chromote",
+ "cpp11",
"crayon",
- "debugme",
- "digest",
- "htmlwidgets",
- "httpuv",
+ "fs",
+ "globals",
"httr",
"jsonlite",
- "parsedate",
"pingr",
- "rematch",
"rlang",
- "rstudioapi",
+ "rmarkdown",
"shiny",
"testthat",
- "utils",
- "webdriver",
"withr"
],
- "Hash": "981229915650258e38ae95947210082d"
- },
- "showimage": {
- "Package": "showimage",
- "Version": "1.0.0",
- "Source": "Repository",
- "Repository": "CRAN",
- "Requirements": [
- "png",
- "tools"
- ],
- "Hash": "841927b226db842d24d9c288c99ed27b"
+ "Hash": "a414c1bb2eb6e2a920742d3ebce84962"
},
"sourcetools": {
"Package": "sourcetools",
@@ -1976,7 +2010,7 @@
},
"stringi": {
"Package": "stringi",
- "Version": "1.8.3",
+ "Version": "1.8.4",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -1985,7 +2019,7 @@
"tools",
"utils"
],
- "Hash": "058aebddea264f4c99401515182e656a"
+ "Hash": "39e1144fd75428983dc3f63aa53dfa91"
},
"stringr": {
"Package": "stringr",
@@ -2006,7 +2040,7 @@
},
"styler": {
"Package": "styler",
- "Version": "1.10.2",
+ "Version": "1.10.3",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -2021,7 +2055,7 @@
"vctrs",
"withr"
],
- "Hash": "d61238fd44fc63c8adf4565efe8eb682"
+ "Hash": "93a2b1beac2437bdcc4724f8bf867e2c"
},
"sys": {
"Package": "sys",
@@ -2044,7 +2078,7 @@
},
"testthat": {
"Package": "testthat",
- "Version": "3.2.1",
+ "Version": "3.2.1.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -2069,7 +2103,7 @@
"waldo",
"withr"
],
- "Hash": "4767a686ebe986e6cb01d075b3f09729"
+ "Hash": "3f6e7e5e2220856ff865e4834766bf2b"
},
"tibble": {
"Package": "tibble",
@@ -2115,7 +2149,7 @@
},
"tidyselect": {
"Package": "tidyselect",
- "Version": "1.2.0",
+ "Version": "1.2.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -2127,17 +2161,17 @@
"vctrs",
"withr"
],
- "Hash": "79540e5fcd9e0435af547d885f184fd5"
+ "Hash": "829f27b9c4919c16b593794a6344d6c0"
},
"tinytex": {
"Package": "tinytex",
- "Version": "0.49",
+ "Version": "0.51",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
"xfun"
],
- "Hash": "5ac22900ae0f386e54f1c307eca7d843"
+ "Hash": "d44e2fcd2e4e076f0aac540208559d1d"
},
"tzdb": {
"Package": "tzdb",
@@ -2252,24 +2286,18 @@
],
"Hash": "c7d3fd6d29ab077cbac8f0e2751449e6"
},
- "webdriver": {
- "Package": "webdriver",
- "Version": "1.0.6",
+ "websocket": {
+ "Package": "websocket",
+ "Version": "1.4.1",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
+ "AsioHeaders",
"R6",
- "base64enc",
- "callr",
- "curl",
- "debugme",
- "httr",
- "jsonlite",
- "showimage",
- "utils",
- "withr"
+ "cpp11",
+ "later"
],
- "Hash": "adc1e0db3ac0d75dcdb4b8179e7ca796"
+ "Hash": "76e0d400757e318cca33def29ccebbc2"
},
"withr": {
"Package": "withr",
@@ -2295,7 +2323,7 @@
},
"xfun": {
"Package": "xfun",
- "Version": "0.42",
+ "Version": "0.43",
"Source": "Repository",
"Repository": "CRAN",
"Requirements": [
@@ -2303,7 +2331,7 @@
"stats",
"tools"
],
- "Hash": "fd1349170df31f7a10bd98b0189e85af"
+ "Hash": "ab6371d8653ce5f2f9290f4ec7b42a8e"
},
"xtable": {
"Package": "xtable",
diff --git a/tests/shinytest.R b/tests/shinytest.R
deleted file mode 100644
index 82b693c..0000000
--- a/tests/shinytest.R
+++ /dev/null
@@ -1,2 +0,0 @@
-library(shinytest)
-expect_pass(shinytest::testApp("../"))
diff --git a/tests/shinytest/testUI-expected/industryBySubject_0.json b/tests/shinytest/testUI-expected/industryBySubject_0.json
deleted file mode 100644
index 30ace2c..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_0.json
+++ /dev/null
@@ -1,770 +0,0 @@
-{
- "input": {
- "countinput3": "sex",
- "earningsbutton2": "Proportions",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "5"
- },
- "output": {
- "backwards_crosstab_title": "
Graduates working in the Education industry five years after\n graduation by the subject they studied and sex, first degree graduates from English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "English studies",
- "Health and social care",
- "Sport and exercise sciences",
- "Performing arts",
- "Psychology",
- "Business and management",
- "Creative arts and design",
- "History and archaeology",
- "Sociology, social policy and anthropology",
- "Biosciences",
- "Languages and area studies",
- "Geography, earth and environmental studies",
- "Mathematical sciences",
- "Combined and general studies",
- "Allied health",
- "Media, journalism and communications",
- "Computing",
- "Law",
- "Philosophy and religious studies",
- "Engineering",
- "Politics",
- "Chemistry",
- "Nursing and midwifery",
- "Physics and astronomy",
- "Agriculture, food and related studies",
- "Architecture, building and planning",
- "General, applied and forensic sciences",
- "Economics",
- "Medical sciences",
- "Medicine and dentistry",
- "Materials and technology",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "Female": [
- 0.304,
- 0.075,
- 0.076,
- 0.032,
- 0.049,
- 0.059,
- 0.041,
- 0.045,
- 0.038,
- 0.045,
- 0.027,
- 0.024,
- 0.021,
- 0.016,
- 0.022,
- 0.019,
- 0.015,
- 0.006,
- 0.016,
- 0.013,
- 0.003,
- 0.008,
- 0.007,
- 0.011,
- 0.003,
- 0.006,
- 0.003,
- 0.004,
- 0.002,
- 0.004,
- 0.002,
- 0.001,
- 0.002,
- 0.001,
- 0
- ],
- "Male": [
- 0.104,
- 0.046,
- 0.028,
- 0.136,
- 0.072,
- 0.023,
- 0.064,
- 0.036,
- 0.056,
- 0.025,
- 0.041,
- 0.02,
- 0.03,
- 0.042,
- 0.023,
- 0.014,
- 0.023,
- 0.044,
- 0.014,
- 0.016,
- 0.034,
- 0.02,
- 0.019,
- 0.003,
- 0.02,
- 0.004,
- 0.011,
- 0.007,
- 0.011,
- 0.004,
- 0.004,
- 0.005,
- 0.002,
- 0.001,
- 0
- ],
- "Female & Male": [
- 0.252,
- 0.067,
- 0.064,
- 0.06,
- 0.055,
- 0.05,
- 0.047,
- 0.043,
- 0.043,
- 0.04,
- 0.031,
- 0.023,
- 0.023,
- 0.023,
- 0.022,
- 0.018,
- 0.017,
- 0.016,
- 0.016,
- 0.014,
- 0.011,
- 0.011,
- 0.01,
- 0.009,
- 0.007,
- 0.005,
- 0.005,
- 0.005,
- 0.004,
- 0.004,
- 0.003,
- 0.002,
- 0.002,
- 0.001,
- 0
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "na": "x",
- "width": 600
- },
- {
- "id": "Female",
- "name": "Female",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "30.4%",
- "7.5%",
- "7.6%",
- "3.2%",
- "4.9%",
- "5.9%",
- "4.1%",
- "4.5%",
- "3.8%",
- "4.5%",
- "2.7%",
- "2.4%",
- "2.1%",
- "1.6%",
- "2.2%",
- "1.9%",
- "1.5%",
- "0.6%",
- "1.6%",
- "1.3%",
- "0.3%",
- "0.8%",
- "0.7%",
- "1.1%",
- "0.3%",
- "0.6%",
- "0.3%",
- "0.4%",
- "0.2%",
- "0.4%",
- "0.2%",
- "0.1%",
- "0.2%",
- "0.1%",
- "0.0%"
- ],
- "footer": "23,730",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#D0E1F2"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#DEEAF7"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#E5EFF9"
- },
- {
- "color": "#000000",
- "background": "#E7F0F9"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#EAF2FB"
- },
- {
- "color": "#000000",
- "background": "#EDF4FB"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#EEF5FC"
- },
- {
- "color": "#000000",
- "background": "#F5F9FE"
- },
- {
- "color": "#000000",
- "background": "#F1F7FD"
- },
- {
- "color": "#000000",
- "background": "#F2F8FD"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F5F9FE"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#F5F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F6FAFE"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F6FAFE"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- }
- ]
- },
- {
- "id": "Male",
- "name": "Male",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "10.4%",
- "4.6%",
- "2.8%",
- "13.6%",
- "7.2%",
- "2.3%",
- "6.4%",
- "3.6%",
- "5.6%",
- "2.5%",
- "4.1%",
- "2.0%",
- "3.0%",
- "4.2%",
- "2.3%",
- "1.4%",
- "2.3%",
- "4.4%",
- "1.4%",
- "1.6%",
- "3.4%",
- "2.0%",
- "1.9%",
- "0.3%",
- "2.0%",
- "0.4%",
- "1.1%",
- "0.7%",
- "1.1%",
- "0.4%",
- "0.4%",
- "0.5%",
- "0.2%",
- "0.1%",
- "0.0%"
- ],
- "footer": "8,390",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B3CEE9"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- {
- "color": "#000000",
- "background": "#9EC1E2"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#DFEBF7"
- },
- {
- "color": "#000000",
- "background": "#D2E3F3"
- },
- {
- "color": "#000000",
- "background": "#E6F0F9"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#DBE9F6"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#EDF5FC"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#DAE8F5"
- },
- {
- "color": "#000000",
- "background": "#EDF5FC"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#E0ECF7"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#EAF2FB"
- },
- {
- "color": "#000000",
- "background": "#F5F9FE"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F2F8FD"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F6FAFE"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- }
- ]
- },
- {
- "id": "Female & Male",
- "name": "Female & Male",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "25.2%",
- "6.7%",
- "6.4%",
- "6.0%",
- "5.5%",
- "5.0%",
- "4.7%",
- "4.3%",
- "4.3%",
- "4.0%",
- "3.1%",
- "2.3%",
- "2.3%",
- "2.3%",
- "2.2%",
- "1.8%",
- "1.7%",
- "1.6%",
- "1.6%",
- "1.4%",
- "1.1%",
- "1.1%",
- "1.0%",
- "0.9%",
- "0.7%",
- "0.5%",
- "0.5%",
- "0.5%",
- "0.4%",
- "0.4%",
- "0.3%",
- "0.2%",
- "0.2%",
- "0.1%",
- "0.0%"
- ],
- "footer": "32,115",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#5290C9"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#D8E7F5"
- },
- {
- "color": "#000000",
- "background": "#DAE8F5"
- },
- {
- "color": "#000000",
- "background": "#DAE8F5"
- },
- {
- "color": "#000000",
- "background": "#DCEAF6"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#EBF3FB"
- },
- {
- "color": "#000000",
- "background": "#EBF3FB"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#EDF5FC"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F0F6FC"
- },
- {
- "color": "#000000",
- "background": "#F1F7FD"
- },
- {
- "color": "#000000",
- "background": "#F2F8FD"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#F3F8FD"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F5F9FE"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F5FAFE"
- },
- {
- "color": "#000000",
- "background": "#F6FAFE"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- }
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_1.json b/tests/shinytest/testUI-expected/industryBySubject_1.json
deleted file mode 100644
index 6624a8b..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_1.json
+++ /dev/null
@@ -1,758 +0,0 @@
-{
- "input": {
- "countinput3": "sex",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "5"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry five years after\n graduation by the subject they studied and sex, first degree graduates from English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "English studies",
- "Health and social care",
- "Sport and exercise sciences",
- "Performing arts",
- "Psychology",
- "Business and management",
- "Creative arts and design",
- "History and archaeology",
- "Sociology, social policy and anthropology",
- "Biosciences",
- "Languages and area studies",
- "Geography, earth and environmental studies",
- "Mathematical sciences",
- "Combined and general studies",
- "Allied health",
- "Media, journalism and communications",
- "Computing",
- "Law",
- "Philosophy and religious studies",
- "Engineering",
- "Politics",
- "Chemistry",
- "Nursing and midwifery",
- "Physics and astronomy",
- "Agriculture, food and related studies",
- "Architecture, building and planning",
- "General, applied and forensic sciences",
- "Economics",
- "Medical sciences",
- "Medicine and dentistry",
- "Materials and technology",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "Female": [
- 28500,
- 27400,
- 28800,
- 27400,
- 24800,
- 25900,
- 25900,
- 23000,
- 27400,
- 25900,
- 27700,
- 28100,
- 28100,
- 31400,
- 24100,
- 26800,
- 24500,
- 26600,
- 25600,
- 29200,
- 28700,
- 28500,
- 29600,
- 27400,
- 31400,
- 24100,
- 27600,
- 26600,
- 32800,
- 30300,
- 43800,
- 28100,
- 27400,
- 27000,
- -10000
- ],
- "Male": [
- 31000,
- 27000,
- 32500,
- 27000,
- 23000,
- 27400,
- 27000,
- 22300,
- 27000,
- 27000,
- 28500,
- 29200,
- 28500,
- 31400,
- 28800,
- 29600,
- 24100,
- 28500,
- 27400,
- 27400,
- 30300,
- 27700,
- 29900,
- 32500,
- 30300,
- 24100,
- 30100,
- 27700,
- 31400,
- 31000,
- 50700,
- 24800,
- 25900,
- -10000,
- -10000
- ],
- "Female & Male": [
- 29200,
- 27400,
- 29600,
- 27000,
- 24100,
- 26300,
- 25900,
- 23000,
- 27000,
- 25900,
- 27700,
- 28500,
- 28500,
- 31400,
- 25900,
- 27700,
- 24100,
- 27700,
- 25900,
- 28500,
- 29900,
- 28100,
- 29600,
- 28100,
- 30700,
- 24100,
- 28800,
- 27700,
- 32100,
- 30300,
- 46700,
- 25200,
- 26600,
- 27000,
- -10000
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "na": "x",
- "width": 600
- },
- {
- "id": "Female",
- "name": "Female",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£28,500",
- "£27,400",
- "£28,800",
- "£27,400",
- "£24,800",
- "£25,900",
- "£25,900",
- "£23,000",
- "£27,400",
- "£25,900",
- "£27,700",
- "£28,100",
- "£28,100",
- "£31,400",
- "£24,100",
- "£26,800",
- "£24,500",
- "£26,600",
- "£25,600",
- "£29,200",
- "£28,700",
- "£28,500",
- "£29,600",
- "£27,400",
- "£31,400",
- "£24,100",
- "£27,600",
- "£26,600",
- "£32,800",
- "£30,300",
- "£43,800",
- "£28,100",
- "£27,400",
- "£27,000",
- "c"
- ],
- "footer": "23,730",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#E5EFF9"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#F2F7FD"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#CEE0F1"
- },
- {
- "color": "#000000",
- "background": "#CEE0F1"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#E7F1FA"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#DFECF7"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#C4D9EE"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#D2E2F3"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#BFD6EC"
- },
- {
- "color": "#000000",
- "background": "#6199CE"
- },
- {
- "color": "#000000",
- "background": "#CEE0F1"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- null
- ]
- },
- {
- "id": "Male",
- "name": "Male",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£31,000",
- "£27,000",
- "£32,500",
- "£27,000",
- "£23,000",
- "£27,400",
- "£27,000",
- "£22,300",
- "£27,000",
- "£27,000",
- "£28,500",
- "£29,200",
- "£28,500",
- "£31,400",
- "£28,800",
- "£29,600",
- "£24,100",
- "£28,500",
- "£27,400",
- "£27,400",
- "£30,300",
- "£27,700",
- "£29,900",
- "£32,500",
- "£30,300",
- "£24,100",
- "£30,100",
- "£27,700",
- "£31,400",
- "£31,000",
- "£50,700",
- "£24,800",
- "£25,900",
- "c",
- "c"
- ],
- "footer": "8,390",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#AFCCE8"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#F2F7FD"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#C4D9EE"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#BFD6EC"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#AFCCE8"
- },
- {
- "color": "#000000",
- "background": "#BFD6EC"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#E5EFF9"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- null,
- null
- ]
- },
- {
- "id": "Female & Male",
- "name": "Female & Male",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,200",
- "£27,400",
- "£29,600",
- "£27,000",
- "£24,100",
- "£26,300",
- "£25,900",
- "£23,000",
- "£27,000",
- "£25,900",
- "£27,700",
- "£28,500",
- "£28,500",
- "£31,400",
- "£25,900",
- "£27,700",
- "£24,100",
- "£27,700",
- "£25,900",
- "£28,500",
- "£29,900",
- "£28,100",
- "£29,600",
- "£28,100",
- "£30,700",
- "£24,100",
- "£28,800",
- "£27,700",
- "£32,100",
- "£30,300",
- "£46,700",
- "£25,200",
- "£26,600",
- "£27,000",
- "c"
- ],
- "footer": "32,115",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#C4D9EE"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#DBE8F5"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#F2F7FD"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#DDEAF6"
- },
- {
- "color": "#000000",
- "background": "#CBDEF1"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#CEE0F1"
- },
- {
- "color": "#000000",
- "background": "#C4D9EE"
- },
- {
- "color": "#000000",
- "background": "#CEE0F1"
- },
- {
- "color": "#000000",
- "background": "#BCD4EC"
- },
- {
- "color": "#000000",
- "background": "#EAF2FA"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#D1E2F2"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#BFD6EC"
- },
- {
- "color": "#000000",
- "background": "#4C8CC8"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#D9E7F5"
- },
- {
- "color": "#000000",
- "background": "#D6E5F4"
- },
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_2.json b/tests/shinytest/testUI-expected/industryBySubject_2.json
deleted file mode 100644
index 0d11c94..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_2.json
+++ /dev/null
@@ -1,1204 +0,0 @@
-{
- "input": {
- "countinput3": "ethnicity",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "5"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry five years after\n graduation by the subject they studied and ethnicity, male and female first degree graduates from\n English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "English studies",
- "Health and social care",
- "Sport and exercise sciences",
- "Performing arts",
- "Psychology",
- "Business and management",
- "Creative arts and design",
- "History and archaeology",
- "Sociology, social policy and anthropology",
- "Biosciences",
- "Languages and area studies",
- "Geography, earth and environmental studies",
- "Mathematical sciences",
- "Combined and general studies",
- "Allied health",
- "Media, journalism and communications",
- "Computing",
- "Law",
- "Philosophy and religious studies",
- "Engineering",
- "Politics",
- "Chemistry",
- "Nursing and midwifery",
- "Physics and astronomy",
- "Agriculture, food and related studies",
- "Architecture, building and planning",
- "General, applied and forensic sciences",
- "Economics",
- "Medical sciences",
- "Medicine and dentistry",
- "Materials and technology",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "White": [
- 29600,
- 27000,
- 29600,
- 27400,
- 24100,
- 25900,
- 26300,
- 23000,
- 27000,
- 25900,
- 27700,
- 28500,
- 28500,
- 31400,
- 25600,
- 27700,
- 24100,
- 27700,
- 25900,
- 28500,
- 29900,
- 27400,
- 29600,
- 27400,
- 30300,
- 24100,
- 29600,
- 27400,
- 31400,
- 29900,
- 47100,
- 25200,
- 27400,
- 26800,
- -10000
- ],
- "Black": [
- 25200,
- 27700,
- 30700,
- 27400,
- 23400,
- 28800,
- 24800,
- 20400,
- 29200,
- 27400,
- 23000,
- -10000,
- -10000,
- 32800,
- 33600,
- 30700,
- 24500,
- 29200,
- 26600,
- 31000,
- 30300,
- 32100,
- -10000,
- 32500,
- -10000,
- -10000,
- 30300,
- -10000,
- 33200,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Asian": [
- 24100,
- 27700,
- 25900,
- 25900,
- 25900,
- 27000,
- 25900,
- 20800,
- 28100,
- 24800,
- 29600,
- 28800,
- 29200,
- 31400,
- 26300,
- 26600,
- 28800,
- 27000,
- 25600,
- 30700,
- 30700,
- 29600,
- 30300,
- -10000,
- 37200,
- -10000,
- 27700,
- 25900,
- 33200,
- 32800,
- -10000,
- -10000,
- 26300,
- "NA",
- "NA"
- ],
- "Mixed": [
- 28800,
- 27000,
- 27400,
- 24600,
- 25900,
- 29600,
- 25600,
- 21500,
- 28100,
- 28100,
- 29200,
- 28700,
- -10000,
- 27700,
- -10000,
- 25900,
- 25200,
- -10000,
- 27400,
- 25900,
- 29200,
- 30700,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Other": [
- 26300,
- -10000,
- -10000,
- -10000,
- -10000,
- 28500,
- 22300,
- -10000,
- -10000,
- 31000,
- 31800,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- 30700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 26300,
- 29900,
- 25900,
- 27700,
- 25600,
- 27700,
- 27400,
- 19700,
- 24500,
- 26300,
- 29200,
- 27700,
- -10000,
- 31000,
- -10000,
- 25200,
- -10000,
- 29200,
- 21500,
- -10000,
- 26300,
- -10000,
- -10000,
- 26600,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "width": 600
- },
- {
- "id": "White",
- "name": "White",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,600",
- "£27,000",
- "£29,600",
- "£27,400",
- "£24,100",
- "£25,900",
- "£26,300",
- "£23,000",
- "£27,000",
- "£25,900",
- "£27,700",
- "£28,500",
- "£28,500",
- "£31,400",
- "£25,600",
- "£27,700",
- "£24,100",
- "£27,700",
- "£25,900",
- "£28,500",
- "£29,900",
- "£27,400",
- "£29,600",
- "£27,400",
- "£30,300",
- "£24,100",
- "£29,600",
- "£27,400",
- "£31,400",
- "£29,900",
- "£47,100",
- "£25,200",
- "£27,400",
- "£26,800",
- "c"
- ],
- "footer": "52,935",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- {
- "color": "#000000",
- "background": "#DFEBF7"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#CCDFF1"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#ADCAE7"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#ADCAE7"
- },
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- null
- ]
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£25,200",
- "£27,700",
- "£30,700",
- "£27,400",
- "£23,400",
- "£28,800",
- "£24,800",
- "£20,400",
- "£29,200",
- "£27,400",
- "£23,000",
- "c",
- "c",
- "£32,800",
- "£33,600",
- "£30,700",
- "£24,500",
- "£29,200",
- "£26,600",
- "£31,000",
- "£30,300",
- "£32,100",
- "c",
- "£32,500",
- "c",
- "c",
- "£30,300",
- "c",
- "£33,200",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "2,820",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- {
- "color": "#000000",
- "background": "#D2E2F3"
- },
- {
- "color": "#000000",
- "background": "#F1F7FD"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#DFEBF7"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#98BDE0"
- },
- {
- "color": "#000000",
- "background": "#92B9DE"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#D4E4F3"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- null,
- {
- "color": "#000000",
- "background": "#9ABEE1"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- {
- "color": "#000000",
- "background": "#95BBDF"
- },
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£24,100",
- "£27,700",
- "£25,900",
- "£25,900",
- "£25,900",
- "£27,000",
- "£25,900",
- "£20,800",
- "£28,100",
- "£24,800",
- "£29,600",
- "£28,800",
- "£29,200",
- "£31,400",
- "£26,300",
- "£26,600",
- "£28,800",
- "£27,000",
- "£25,600",
- "£30,700",
- "£30,700",
- "£29,600",
- "£30,300",
- "c",
- "£37,200",
- "c",
- "£27,700",
- "£25,900",
- "£33,200",
- "£32,800",
- "c",
- "c",
- "£26,300",
- "x",
- "x"
- ],
- "footer": "5,020",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#EFF5FC"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#D2E2F3"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#CCDFF1"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- {
- "color": "#000000",
- "background": "#78A8D6"
- },
- null,
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#95BBDF"
- },
- {
- "color": "#000000",
- "background": "#98BDE0"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- null,
- null
- ]
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£28,800",
- "£27,000",
- "£27,400",
- "£24,600",
- "£25,900",
- "£29,600",
- "£25,600",
- "£21,500",
- "£28,100",
- "£28,100",
- "£29,200",
- "£28,700",
- "c",
- "£27,700",
- "c",
- "£25,900",
- "£25,200",
- "c",
- "£27,400",
- "£25,900",
- "£29,200",
- "£30,700",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "1,740",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- {
- "color": "#000000",
- "background": "#C2D8ED"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#CCDFF1"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- null,
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- null,
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- null,
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£26,300",
- "c",
- "c",
- "c",
- "c",
- "£28,500",
- "£22,300",
- "c",
- "c",
- "£31,000",
- "£31,800",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "£30,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "495",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- null,
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#E4EEF8"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#9FC2E2"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£26,300",
- "£29,900",
- "£25,900",
- "£27,700",
- "£25,600",
- "£27,700",
- "£27,400",
- "£19,700",
- "£24,500",
- "£26,300",
- "£29,200",
- "£27,700",
- "c",
- "£31,000",
- "c",
- "£25,200",
- "c",
- "£29,200",
- "£21,500",
- "c",
- "£26,300",
- "c",
- "c",
- "£26,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x"
- ],
- "footer": "1,245",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- {
- "color": "#000000",
- "background": "#ADCAE7"
- },
- {
- "color": "#000000",
- "background": "#CADDF0"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#CCDFF1"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#BFD6ED"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#D4E4F3"
- },
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- null,
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- null,
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- null,
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- null,
- {
- "color": "#000000",
- "background": "#C7DBEF"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_3.json b/tests/shinytest/testUI-expected/industryBySubject_3.json
deleted file mode 100644
index 03520ab..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_3.json
+++ /dev/null
@@ -1,1216 +0,0 @@
-{
- "input": {
- "countinput3": "ethnicity",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "10"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry ten years after\n graduation by the subject they studied and ethnicity, male and female first degree graduates from\n English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "English studies",
- "Health and social care",
- "Business and management",
- "Creative arts and design",
- "Performing arts",
- "Psychology",
- "History and archaeology",
- "Sport and exercise sciences",
- "Sociology, social policy and anthropology",
- "Biosciences",
- "Geography, earth and environmental studies",
- "Combined and general studies",
- "Languages and area studies",
- "Law",
- "Media, journalism and communications",
- "Mathematical sciences",
- "Allied health",
- "Computing",
- "Philosophy and religious studies",
- "Engineering",
- "Politics",
- "Architecture, building and planning",
- "Chemistry",
- "Physics and astronomy",
- "Nursing and midwifery",
- "General, applied and forensic sciences",
- "Economics",
- "Agriculture, food and related studies",
- "Medical sciences",
- "Materials and technology",
- "Medicine and dentistry",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "White": [
- 29600,
- 29900,
- 31800,
- 29600,
- 24100,
- 27700,
- 29200,
- 31800,
- 33600,
- 27700,
- 33200,
- 32500,
- 28500,
- 32100,
- 30700,
- 27400,
- 35800,
- 28100,
- 32100,
- 32100,
- 35800,
- 33200,
- 32100,
- 35000,
- 36100,
- 27700,
- 31000,
- 36900,
- 25600,
- 34300,
- 31400,
- 51600,
- 36100,
- 30100,
- -10000
- ],
- "Black": [
- 27400,
- 26300,
- 35400,
- 29200,
- 26300,
- 25900,
- 32100,
- 33200,
- 32100,
- 29200,
- 35400,
- -10000,
- 32500,
- -10000,
- 29900,
- 29900,
- 41600,
- 30700,
- 31000,
- -10000,
- 34700,
- 31000,
- 29700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Asian": [
- 27000,
- 30700,
- 33900,
- 29200,
- 19700,
- 16800,
- 29100,
- 30700,
- 34300,
- 29600,
- 33600,
- 31400,
- 28100,
- 31800,
- 24100,
- 29600,
- 36100,
- 29200,
- 33200,
- 27700,
- 30300,
- 29200,
- 32800,
- 36500,
- -10000,
- -10000,
- -10000,
- 33600,
- -10000,
- 28800,
- -10000,
- 59200,
- 32500,
- "NA",
- "NA"
- ],
- "Mixed": [
- 29200,
- 32800,
- 33200,
- 33900,
- 25600,
- 27000,
- 31400,
- 32100,
- 33200,
- 34700,
- 31000,
- -10000,
- 33900,
- 35400,
- 32500,
- 32100,
- -10000,
- 32800,
- 29600,
- 39800,
- 38200,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Other": [
- 22300,
- 27000,
- -10000,
- 30700,
- 20100,
- -10000,
- 28800,
- -10000,
- -10000,
- 35400,
- 34700,
- -10000,
- -10000,
- -10000,
- 34700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 26300,
- 27500,
- 33600,
- 26600,
- 17500,
- 30400,
- 26600,
- 29600,
- 33400,
- 29600,
- 32500,
- 34700,
- 31200,
- 33200,
- 27000,
- 28500,
- 41600,
- 27700,
- 28500,
- 34700,
- 38300,
- 29200,
- -10000,
- -10000,
- -10000,
- 15700,
- 28500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "width": 600
- },
- {
- "id": "White",
- "name": "White",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,600",
- "£29,900",
- "£31,800",
- "£29,600",
- "£24,100",
- "£27,700",
- "£29,200",
- "£31,800",
- "£33,600",
- "£27,700",
- "£33,200",
- "£32,500",
- "£28,500",
- "£32,100",
- "£30,700",
- "£27,400",
- "£35,800",
- "£28,100",
- "£32,100",
- "£32,100",
- "£35,800",
- "£33,200",
- "£32,100",
- "£35,000",
- "£36,100",
- "£27,700",
- "£31,000",
- "£36,900",
- "£25,600",
- "£34,300",
- "£31,400",
- "£51,600",
- "£36,100",
- "£30,100",
- "c"
- ],
- "footer": "57,735",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#D0E2F2"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#9BBFE1"
- },
- {
- "color": "#000000",
- "background": "#BED6EC"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#9BBFE1"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#9FC1E2"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- {
- "color": "#000000",
- "background": "#96BCDF"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#5390CA"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- null
- ]
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,400",
- "£26,300",
- "£35,400",
- "£29,200",
- "£26,300",
- "£25,900",
- "£32,100",
- "£33,200",
- "£32,100",
- "£29,200",
- "£35,400",
- "c",
- "£32,500",
- "c",
- "£29,900",
- "£29,900",
- "£41,600",
- "£30,700",
- "£31,000",
- "c",
- "£34,700",
- "£31,000",
- "£29,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "2,545",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- null,
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#81AED8"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- null,
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,000",
- "£30,700",
- "£33,900",
- "£29,200",
- "£19,700",
- "£16,800",
- "£29,100",
- "£30,700",
- "£34,300",
- "£29,600",
- "£33,600",
- "£31,400",
- "£28,100",
- "£31,800",
- "£24,100",
- "£29,600",
- "£36,100",
- "£29,200",
- "£33,200",
- "£27,700",
- "£30,300",
- "£29,200",
- "£32,800",
- "£36,500",
- "c",
- "c",
- "c",
- "£33,600",
- "c",
- "£28,800",
- "c",
- "£59,200",
- "£32,500",
- "x",
- "x"
- ],
- "footer": "4,410",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- {
- "color": "#000000",
- "background": "#F1F7FD"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#BED6EC"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#D0E2F2"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#98BDE0"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- null,
- {
- "color": "#000000",
- "background": "#BBD4EB"
- },
- null,
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- null
- ]
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,200",
- "£32,800",
- "£33,200",
- "£33,900",
- "£25,600",
- "£27,000",
- "£31,400",
- "£32,100",
- "£33,200",
- "£34,700",
- "£31,000",
- "c",
- "£33,900",
- "£35,400",
- "£32,500",
- "£32,100",
- "c",
- "£32,800",
- "£29,600",
- "£39,800",
- "£38,200",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "1,610",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- null,
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- null,
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#89B3DB"
- },
- {
- "color": "#000000",
- "background": "#90B8DD"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£22,300",
- "£27,000",
- "c",
- "£30,700",
- "£20,100",
- "c",
- "£28,800",
- "c",
- "c",
- "£35,400",
- "£34,700",
- "c",
- "c",
- "c",
- "£34,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "450",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#D8E7F5"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- null,
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- null,
- {
- "color": "#000000",
- "background": "#BBD4EB"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£26,300",
- "£27,500",
- "£33,600",
- "£26,600",
- "£17,500",
- "£30,400",
- "£26,600",
- "£29,600",
- "£33,400",
- "£29,600",
- "£32,500",
- "£34,700",
- "£31,200",
- "£33,200",
- "£27,000",
- "£28,500",
- "£41,600",
- "£27,700",
- "£28,500",
- "£34,700",
- "£38,300",
- "£29,200",
- "c",
- "c",
- "c",
- "£15,700",
- "£28,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
- ],
- "footer": "1,655",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#EEF5FC"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#A6C6E4"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B0CDE8"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#81AED8"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#90B7DD"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_4.json b/tests/shinytest/testUI-expected/industryBySubject_4.json
deleted file mode 100644
index 03520ab..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_4.json
+++ /dev/null
@@ -1,1216 +0,0 @@
-{
- "input": {
- "countinput3": "ethnicity",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "10"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry ten years after\n graduation by the subject they studied and ethnicity, male and female first degree graduates from\n English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "English studies",
- "Health and social care",
- "Business and management",
- "Creative arts and design",
- "Performing arts",
- "Psychology",
- "History and archaeology",
- "Sport and exercise sciences",
- "Sociology, social policy and anthropology",
- "Biosciences",
- "Geography, earth and environmental studies",
- "Combined and general studies",
- "Languages and area studies",
- "Law",
- "Media, journalism and communications",
- "Mathematical sciences",
- "Allied health",
- "Computing",
- "Philosophy and religious studies",
- "Engineering",
- "Politics",
- "Architecture, building and planning",
- "Chemistry",
- "Physics and astronomy",
- "Nursing and midwifery",
- "General, applied and forensic sciences",
- "Economics",
- "Agriculture, food and related studies",
- "Medical sciences",
- "Materials and technology",
- "Medicine and dentistry",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "White": [
- 29600,
- 29900,
- 31800,
- 29600,
- 24100,
- 27700,
- 29200,
- 31800,
- 33600,
- 27700,
- 33200,
- 32500,
- 28500,
- 32100,
- 30700,
- 27400,
- 35800,
- 28100,
- 32100,
- 32100,
- 35800,
- 33200,
- 32100,
- 35000,
- 36100,
- 27700,
- 31000,
- 36900,
- 25600,
- 34300,
- 31400,
- 51600,
- 36100,
- 30100,
- -10000
- ],
- "Black": [
- 27400,
- 26300,
- 35400,
- 29200,
- 26300,
- 25900,
- 32100,
- 33200,
- 32100,
- 29200,
- 35400,
- -10000,
- 32500,
- -10000,
- 29900,
- 29900,
- 41600,
- 30700,
- 31000,
- -10000,
- 34700,
- 31000,
- 29700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Asian": [
- 27000,
- 30700,
- 33900,
- 29200,
- 19700,
- 16800,
- 29100,
- 30700,
- 34300,
- 29600,
- 33600,
- 31400,
- 28100,
- 31800,
- 24100,
- 29600,
- 36100,
- 29200,
- 33200,
- 27700,
- 30300,
- 29200,
- 32800,
- 36500,
- -10000,
- -10000,
- -10000,
- 33600,
- -10000,
- 28800,
- -10000,
- 59200,
- 32500,
- "NA",
- "NA"
- ],
- "Mixed": [
- 29200,
- 32800,
- 33200,
- 33900,
- 25600,
- 27000,
- 31400,
- 32100,
- 33200,
- 34700,
- 31000,
- -10000,
- 33900,
- 35400,
- 32500,
- 32100,
- -10000,
- 32800,
- 29600,
- 39800,
- 38200,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Other": [
- 22300,
- 27000,
- -10000,
- 30700,
- 20100,
- -10000,
- 28800,
- -10000,
- -10000,
- 35400,
- 34700,
- -10000,
- -10000,
- -10000,
- 34700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 26300,
- 27500,
- 33600,
- 26600,
- 17500,
- 30400,
- 26600,
- 29600,
- 33400,
- 29600,
- 32500,
- 34700,
- 31200,
- 33200,
- 27000,
- 28500,
- 41600,
- 27700,
- 28500,
- 34700,
- 38300,
- 29200,
- -10000,
- -10000,
- -10000,
- 15700,
- 28500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "width": 600
- },
- {
- "id": "White",
- "name": "White",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,600",
- "£29,900",
- "£31,800",
- "£29,600",
- "£24,100",
- "£27,700",
- "£29,200",
- "£31,800",
- "£33,600",
- "£27,700",
- "£33,200",
- "£32,500",
- "£28,500",
- "£32,100",
- "£30,700",
- "£27,400",
- "£35,800",
- "£28,100",
- "£32,100",
- "£32,100",
- "£35,800",
- "£33,200",
- "£32,100",
- "£35,000",
- "£36,100",
- "£27,700",
- "£31,000",
- "£36,900",
- "£25,600",
- "£34,300",
- "£31,400",
- "£51,600",
- "£36,100",
- "£30,100",
- "c"
- ],
- "footer": "57,735",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#D0E2F2"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#9BBFE1"
- },
- {
- "color": "#000000",
- "background": "#BED6EC"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#9BBFE1"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#9FC1E2"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- {
- "color": "#000000",
- "background": "#96BCDF"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#5390CA"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#B5D0E9"
- },
- null
- ]
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,400",
- "£26,300",
- "£35,400",
- "£29,200",
- "£26,300",
- "£25,900",
- "£32,100",
- "£33,200",
- "£32,100",
- "£29,200",
- "£35,400",
- "c",
- "£32,500",
- "c",
- "£29,900",
- "£29,900",
- "£41,600",
- "£30,700",
- "£31,000",
- "c",
- "£34,700",
- "£31,000",
- "£29,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "2,545",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- null,
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#81AED8"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- null,
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,000",
- "£30,700",
- "£33,900",
- "£29,200",
- "£19,700",
- "£16,800",
- "£29,100",
- "£30,700",
- "£34,300",
- "£29,600",
- "£33,600",
- "£31,400",
- "£28,100",
- "£31,800",
- "£24,100",
- "£29,600",
- "£36,100",
- "£29,200",
- "£33,200",
- "£27,700",
- "£30,300",
- "£29,200",
- "£32,800",
- "£36,500",
- "c",
- "c",
- "c",
- "£33,600",
- "c",
- "£28,800",
- "c",
- "£59,200",
- "£32,500",
- "x",
- "x"
- ],
- "footer": "4,410",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- {
- "color": "#000000",
- "background": "#F1F7FD"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#A2C3E3"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#BED6EC"
- },
- {
- "color": "#000000",
- "background": "#ADCBE7"
- },
- {
- "color": "#000000",
- "background": "#D0E2F2"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#9ABEE0"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#98BDE0"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- null,
- {
- "color": "#000000",
- "background": "#BBD4EB"
- },
- null,
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- null,
- null
- ]
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£29,200",
- "£32,800",
- "£33,200",
- "£33,900",
- "£25,600",
- "£27,000",
- "£31,400",
- "£32,100",
- "£33,200",
- "£34,700",
- "£31,000",
- "c",
- "£33,900",
- "£35,400",
- "£32,500",
- "£32,100",
- "c",
- "£32,800",
- "£29,600",
- "£39,800",
- "£38,200",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "1,610",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#C9DDF0"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#AFCCE7"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- null,
- {
- "color": "#000000",
- "background": "#A4C5E4"
- },
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- null,
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#89B3DB"
- },
- {
- "color": "#000000",
- "background": "#90B8DD"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£22,300",
- "£27,000",
- "c",
- "£30,700",
- "£20,100",
- "c",
- "£28,800",
- "c",
- "c",
- "£35,400",
- "£34,700",
- "c",
- "c",
- "c",
- "£34,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "450",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#D8E7F5"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- null,
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- null,
- {
- "color": "#000000",
- "background": "#BBD4EB"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#9DC0E2"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£26,300",
- "£27,500",
- "£33,600",
- "£26,600",
- "£17,500",
- "£30,400",
- "£26,600",
- "£29,600",
- "£33,400",
- "£29,600",
- "£32,500",
- "£34,700",
- "£31,200",
- "£33,200",
- "£27,000",
- "£28,500",
- "£41,600",
- "£27,700",
- "£28,500",
- "£34,700",
- "£38,300",
- "£29,200",
- "c",
- "c",
- "c",
- "£15,700",
- "£28,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
- ],
- "footer": "1,655",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C6DBEF"
- },
- {
- "color": "#000000",
- "background": "#C1D8ED"
- },
- {
- "color": "#000000",
- "background": "#A5C5E4"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#EEF5FC"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#C5DAEE"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#A6C6E4"
- },
- {
- "color": "#000000",
- "background": "#B7D1EA"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#B0CDE8"
- },
- {
- "color": "#000000",
- "background": "#A7C7E5"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#81AED8"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#90B7DD"
- },
- {
- "color": "#000000",
- "background": "#B9D2EB"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#BCD5EC"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_5.json b/tests/shinytest/testUI-expected/industryBySubject_5.json
deleted file mode 100644
index 9332fa6..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_5.json
+++ /dev/null
@@ -1,1108 +0,0 @@
-{
- "input": {
- "countinput3": "ethnicity",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "1"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry one year after\n graduation by the subject they studied and ethnicity, male and female first degree graduates from\n English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "Health and social care",
- "Psychology",
- "Business and management",
- "Sport and exercise sciences",
- "English studies",
- "Performing arts",
- "Sociology, social policy and anthropology",
- "Creative arts and design",
- "History and archaeology",
- "Biosciences",
- "Allied health",
- "Combined and general studies",
- "Computing",
- "Geography, earth and environmental studies",
- "Languages and area studies",
- "Mathematical sciences",
- "Media, journalism and communications",
- "Law",
- "Politics",
- "Engineering",
- "Philosophy and religious studies",
- "Chemistry",
- "Nursing and midwifery",
- "Architecture, building and planning",
- "Physics and astronomy",
- "Economics",
- "Agriculture, food and related studies",
- "Medical sciences",
- "General, applied and forensic sciences",
- "Medicine and dentistry",
- "Materials and technology",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "White": [
- 23700,
- 27000,
- 17500,
- 20100,
- 16100,
- 18600,
- 15000,
- 18200,
- 15000,
- 19300,
- 19000,
- 20800,
- 20100,
- 22600,
- 20400,
- 20400,
- 23400,
- 17200,
- 19300,
- 20400,
- 24100,
- 19000,
- 19000,
- 23400,
- 26600,
- 22300,
- 21200,
- 19000,
- 21900,
- 18600,
- 41200,
- 18200,
- -10000,
- 23700,
- -10000
- ],
- "Black": [
- 20800,
- 28700,
- 17500,
- 19300,
- 16800,
- 19700,
- 16200,
- 19300,
- 13100,
- 19000,
- 19200,
- 17900,
- 22600,
- 22800,
- -10000,
- -10000,
- -10000,
- 17500,
- 19700,
- -10000,
- 19300,
- 15000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Asian": [
- 20800,
- 26300,
- 18600,
- 20100,
- 17900,
- 21200,
- -10000,
- 16100,
- 16800,
- 20400,
- 20100,
- 18200,
- 16100,
- 21500,
- 25600,
- -10000,
- 24100,
- 17500,
- 20100,
- 21200,
- 18600,
- 21700,
- 19300,
- -10000,
- 23400,
- -10000,
- 21900,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Mixed": [
- 23000,
- 28100,
- 16400,
- 21200,
- 16800,
- 17500,
- 13100,
- 19000,
- 16400,
- 20100,
- 18200,
- 20800,
- -10000,
- -10000,
- -10000,
- 15700,
- 21900,
- 13500,
- 19000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Other": [
- 22300,
- -10000,
- 15700,
- 19700,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 17900,
- 27700,
- -10000,
- 23400,
- -10000,
- 15700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "width": 600
- },
- {
- "id": "White",
- "name": "White",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£23,700",
- "£27,000",
- "£17,500",
- "£20,100",
- "£16,100",
- "£18,600",
- "£15,000",
- "£18,200",
- "£15,000",
- "£19,300",
- "£19,000",
- "£20,800",
- "£20,100",
- "£22,600",
- "£20,400",
- "£20,400",
- "£23,400",
- "£17,200",
- "£19,300",
- "£20,400",
- "£24,100",
- "£19,000",
- "£19,000",
- "£23,400",
- "£26,600",
- "£22,300",
- "£21,200",
- "£19,000",
- "£21,900",
- "£18,600",
- "£41,200",
- "£18,200",
- "c",
- "£23,700",
- "c"
- ],
- "footer": "29,825",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- {
- "color": "#000000",
- "background": "#95BBDF"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#D0E1F2"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- {
- "color": "#000000",
- "background": "#DAE8F5"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- {
- "color": "#000000",
- "background": "#97BDE0"
- },
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#B8D2EA"
- },
- {
- "color": "#000000",
- "background": "#D0E1F2"
- },
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- null,
- {
- "color": "#000000",
- "background": "#ACCAE6"
- },
- null
- ]
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£20,800",
- "£28,700",
- "£17,500",
- "£19,300",
- "£16,800",
- "£19,700",
- "£16,200",
- "£19,300",
- "£13,100",
- "£19,000",
- "£19,200",
- "£17,900",
- "£22,600",
- "£22,800",
- "c",
- "c",
- "c",
- "£17,500",
- "£19,700",
- "c",
- "£19,300",
- "£15,000",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "1,810",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#89B3DB"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#DCEAF6"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- {
- "color": "#000000",
- "background": "#E1ECF7"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#CCDEF1"
- },
- {
- "color": "#000000",
- "background": "#D5E4F4"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#B2CEE8"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- null,
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#E9F2FA"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£20,800",
- "£26,300",
- "£18,600",
- "£20,100",
- "£17,900",
- "£21,200",
- "c",
- "£16,100",
- "£16,800",
- "£20,400",
- "£20,100",
- "£18,200",
- "£16,100",
- "£21,500",
- "£25,600",
- "c",
- "£24,100",
- "£17,500",
- "£20,100",
- "£21,200",
- "£18,600",
- "£21,700",
- "£19,300",
- "c",
- "£23,400",
- "c",
- "£21,900",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "2,830",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- {
- "color": "#000000",
- "background": "#99BEE0"
- },
- {
- "color": "#000000",
- "background": "#D0E1F2"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#D5E4F4"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- null,
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#DCEAF6"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#BBD4EB"
- },
- {
- "color": "#000000",
- "background": "#9EC1E2"
- },
- null,
- {
- "color": "#000000",
- "background": "#A9C8E5"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#D0E1F2"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- null,
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- null,
- {
- "color": "#000000",
- "background": "#B8D2EA"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£23,000",
- "£28,100",
- "£16,400",
- "£21,200",
- "£16,800",
- "£17,500",
- "£13,100",
- "£19,000",
- "£16,400",
- "£20,100",
- "£18,200",
- "£20,800",
- "c",
- "c",
- "c",
- "£15,700",
- "£21,900",
- "£13,500",
- "£19,000",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "1,395",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B1CDE8"
- },
- {
- "color": "#000000",
- "background": "#8DB6DC"
- },
- {
- "color": "#000000",
- "background": "#DFEBF7"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#DCEAF6"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#DFEBF7"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#D3E3F3"
- },
- {
- "color": "#000000",
- "background": "#C0D7ED"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- {
- "color": "#000000",
- "background": "#B8D2EA"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£22,300",
- "c",
- "£15,700",
- "£19,700",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "x",
- "x",
- "c",
- "x",
- "x"
- ],
- "footer": "320",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B6D0EA"
- },
- null,
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- {
- "color": "#000000",
- "background": "#C8DCEF"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£17,900",
- "£27,700",
- "c",
- "£23,400",
- "c",
- "£15,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "footer": "485",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#D5E4F4"
- },
- {
- "color": "#000000",
- "background": "#90B7DD"
- },
- null,
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- null,
- {
- "color": "#000000",
- "background": "#E4EFF9"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_6.json b/tests/shinytest/testUI-expected/industryBySubject_6.json
deleted file mode 100644
index 4f90453..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_6.json
+++ /dev/null
@@ -1,570 +0,0 @@
-{
- "input": {
- "countinput3": "ethnicity",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Mining and quarrying",
- "YAGinput3": "1"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Mining and quarrying industry one year after\n graduation by the subject they studied and ethnicity, male and female first degree graduates from\n English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Biosciences",
- "Business and management",
- "Combined and general studies",
- "Computing",
- "Engineering",
- "Geography, earth and environmental studies",
- "Materials and technology",
- "Agriculture, food and related studies",
- "Allied health",
- "Architecture, building and planning",
- "Chemistry",
- "Economics",
- "General, applied and forensic sciences",
- "Law",
- "Mathematical sciences",
- "Media, journalism and communications",
- "Performing arts",
- "Physics and astronomy",
- "Politics",
- "Psychology",
- "Sociology, social policy and anthropology",
- "Sport and exercise sciences"
- ],
- "White": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000
- ],
- "Black": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Mixed": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA"
- ],
- "Other": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "width": 600
- },
- {
- "id": "White",
- "name": "White",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c"
- ],
- "footer": "70",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "footer": "0",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "c",
- "x",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "footer": "5",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c",
- "x"
- ],
- "footer": "0",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "footer": "0",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "footer": "0",
- "na": "x",
- "style": [
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_7.json b/tests/shinytest/testUI-expected/industryBySubject_7.json
deleted file mode 100644
index 1cb3d98..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_7.json
+++ /dev/null
@@ -1,689 +0,0 @@
-{
- "input": {
- "countinput3": "FSM",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Education",
- "YAGinput3": "1"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Education industry one year after\n graduation by the subject they studied and FSM status, young (under 21 at start of course)\n male and female first degree graduates from English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Education and teaching",
- "Health and social care",
- "Psychology",
- "Business and management",
- "Sport and exercise sciences",
- "English studies",
- "Performing arts",
- "Sociology, social policy and anthropology",
- "Creative arts and design",
- "History and archaeology",
- "Biosciences",
- "Allied health",
- "Combined and general studies",
- "Computing",
- "Geography, earth and environmental studies",
- "Languages and area studies",
- "Mathematical sciences",
- "Media, journalism and communications",
- "Law",
- "Politics",
- "Engineering",
- "Philosophy and religious studies",
- "Chemistry",
- "Nursing and midwifery",
- "Architecture, building and planning",
- "Physics and astronomy",
- "Economics",
- "Agriculture, food and related studies",
- "Medical sciences",
- "General, applied and forensic sciences",
- "Medicine and dentistry",
- "Materials and technology",
- "Pharmacology, toxicology and pharmacy",
- "Veterinary sciences",
- "Celtic studies"
- ],
- "non-FSM": [
- 24100,
- 26300,
- 17200,
- 19700,
- 15700,
- 18600,
- 14600,
- 18200,
- 15000,
- 19300,
- 18600,
- 20100,
- 18400,
- 22300,
- 20800,
- 20400,
- 23000,
- 17200,
- 19700,
- 20800,
- 20400,
- 19600,
- 19300,
- 23700,
- 23400,
- 21200,
- 21500,
- 17900,
- 22300,
- 17900,
- 41200,
- 16400,
- 21500,
- -10000,
- "NA"
- ],
- "FSM": [
- 23000,
- 25400,
- 17200,
- 21200,
- 15700,
- 17900,
- 16400,
- 17200,
- 14600,
- 19700,
- 20100,
- 18200,
- -10000,
- 20800,
- 17200,
- 21500,
- 24100,
- 17500,
- 19300,
- 19700,
- -10000,
- 21200,
- 21200,
- -10000,
- -10000,
- 17200,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000
- ],
- "Not known": [
- 23700,
- 26600,
- 19700,
- 19000,
- 16000,
- 20100,
- 13500,
- 20100,
- 14600,
- 20100,
- 21200,
- 24100,
- -10000,
- 23000,
- 21500,
- 20800,
- 24100,
- 17900,
- 20800,
- 21900,
- 25600,
- 15000,
- -10000,
- "NA",
- -10000,
- 24800,
- 21900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "na": "x",
- "width": 600
- },
- {
- "id": "non-FSM",
- "name": "non-FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£24,100",
- "£26,300",
- "£17,200",
- "£19,700",
- "£15,700",
- "£18,600",
- "£14,600",
- "£18,200",
- "£15,000",
- "£19,300",
- "£18,600",
- "£20,100",
- "£18,400",
- "£22,300",
- "£20,800",
- "£20,400",
- "£23,000",
- "£17,200",
- "£19,700",
- "£20,800",
- "£20,400",
- "£19,600",
- "£19,300",
- "£23,700",
- "£23,400",
- "£21,200",
- "£21,500",
- "£17,900",
- "£22,300",
- "£17,900",
- "£41,200",
- "£16,400",
- "£21,500",
- "c",
- "x"
- ],
- "footer": "10,080",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#ABC9E6"
- },
- {
- "color": "#000000",
- "background": "#9BBFE1"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#CADEF0"
- },
- {
- "color": "#000000",
- "background": "#E7F0F9"
- },
- {
- "color": "#000000",
- "background": "#D2E3F3"
- },
- {
- "color": "#000000",
- "background": "#EFF5FC"
- },
- {
- "color": "#000000",
- "background": "#D5E5F4"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#D2E3F3"
- },
- {
- "color": "#000000",
- "background": "#C7DCEF"
- },
- {
- "color": "#000000",
- "background": "#D3E4F3"
- },
- {
- "color": "#000000",
- "background": "#B8D2EA"
- },
- {
- "color": "#000000",
- "background": "#C2D9EE"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#B3CEE9"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#CADEF0"
- },
- {
- "color": "#000000",
- "background": "#C2D9EE"
- },
- {
- "color": "#000000",
- "background": "#C5DAEF"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- {
- "color": "#000000",
- "background": "#B0CCE8"
- },
- {
- "color": "#000000",
- "background": "#BFD7ED"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#B8D2EA"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- null,
- null
- ]
- },
- {
- "id": "FSM",
- "name": "FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£23,000",
- "£25,400",
- "£17,200",
- "£21,200",
- "£15,700",
- "£17,900",
- "£16,400",
- "£17,200",
- "£14,600",
- "£19,700",
- "£20,100",
- "£18,200",
- "c",
- "£20,800",
- "£17,200",
- "£21,500",
- "£24,100",
- "£17,500",
- "£19,300",
- "£19,700",
- "c",
- "£21,200",
- "£21,200",
- "c",
- "c",
- "£17,200",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c"
- ],
- "footer": "1,335",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#B3CEE9"
- },
- {
- "color": "#000000",
- "background": "#A1C3E3"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#BFD7ED"
- },
- {
- "color": "#000000",
- "background": "#E7F0F9"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#EFF5FC"
- },
- {
- "color": "#000000",
- "background": "#CADEF0"
- },
- {
- "color": "#000000",
- "background": "#C7DCEF"
- },
- {
- "color": "#000000",
- "background": "#D5E5F4"
- },
- null,
- {
- "color": "#000000",
- "background": "#C2D9EE"
- },
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#ABC9E6"
- },
- {
- "color": "#000000",
- "background": "#DAE8F5"
- },
- {
- "color": "#000000",
- "background": "#CDDFF1"
- },
- {
- "color": "#000000",
- "background": "#CADEF0"
- },
- null,
- {
- "color": "#000000",
- "background": "#BFD7ED"
- },
- {
- "color": "#000000",
- "background": "#BFD7ED"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#DCE9F6"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£23,700",
- "£26,600",
- "£19,700",
- "£19,000",
- "£16,000",
- "£20,100",
- "£13,500",
- "£20,100",
- "£14,600",
- "£20,100",
- "£21,200",
- "£24,100",
- "c",
- "£23,000",
- "£21,500",
- "£20,800",
- "£24,100",
- "£17,900",
- "£20,800",
- "£21,900",
- "£25,600",
- "£15,000",
- "c",
- "x",
- "c",
- "£24,800",
- "£21,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
- ],
- "footer": "895",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#AECBE7"
- },
- {
- "color": "#000000",
- "background": "#99BDE0"
- },
- {
- "color": "#000000",
- "background": "#CADEF0"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#E5EFF9"
- },
- {
- "color": "#000000",
- "background": "#C7DCEF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#C7DCEF"
- },
- {
- "color": "#000000",
- "background": "#EFF5FC"
- },
- {
- "color": "#000000",
- "background": "#C7DCEF"
- },
- {
- "color": "#000000",
- "background": "#BFD7ED"
- },
- {
- "color": "#000000",
- "background": "#ABC9E6"
- },
- null,
- {
- "color": "#000000",
- "background": "#B3CEE9"
- },
- {
- "color": "#000000",
- "background": "#BDD5EC"
- },
- {
- "color": "#000000",
- "background": "#C2D9EE"
- },
- {
- "color": "#000000",
- "background": "#ABC9E6"
- },
- {
- "color": "#000000",
- "background": "#D7E6F4"
- },
- {
- "color": "#000000",
- "background": "#C2D9EE"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- {
- "color": "#000000",
- "background": "#A0C2E3"
- },
- {
- "color": "#000000",
- "background": "#ECF4FB"
- },
- null,
- null,
- null,
- {
- "color": "#000000",
- "background": "#A6C6E4"
- },
- {
- "color": "#000000",
- "background": "#BAD3EB"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_8.json b/tests/shinytest/testUI-expected/industryBySubject_8.json
deleted file mode 100644
index 6373b1d..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_8.json
+++ /dev/null
@@ -1,517 +0,0 @@
-{
- "input": {
- "countinput3": "FSM",
- "earningsbutton2": "Median earnings",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Construction",
- "YAGinput3": "1"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Construction industry one year after\n graduation by the subject they studied and FSM status, young (under 21 at start of course)\n male and female first degree graduates from English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Architecture, building and planning",
- "Engineering",
- "Business and management",
- "Creative arts and design",
- "Geography, earth and environmental studies",
- "Computing",
- "Sport and exercise sciences",
- "Psychology",
- "Sociology, social policy and anthropology",
- "English studies",
- "Performing arts",
- "Economics",
- "History and archaeology",
- "Media, journalism and communications",
- "Biosciences",
- "Education and teaching",
- "Law",
- "Mathematical sciences",
- "Politics",
- "Combined and general studies",
- "Agriculture, food and related studies",
- "Allied health",
- "Chemistry",
- "Languages and area studies",
- "Materials and technology",
- "Nursing and midwifery",
- "Philosophy and religious studies",
- "Physics and astronomy",
- "General, applied and forensic sciences",
- "Health and social care",
- "Medical sciences",
- "Pharmacology, toxicology and pharmacy",
- "Medicine and dentistry",
- "Veterinary sciences"
- ],
- "non-FSM": [
- 30700,
- 27700,
- 21900,
- 17900,
- 24500,
- 24800,
- 18200,
- 18200,
- 21200,
- 19300,
- 16400,
- 20100,
- 17900,
- 19300,
- 21500,
- 22600,
- -10000,
- 25200,
- 24500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000
- ],
- "FSM": [
- 27000,
- 27700,
- 20100,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 27700,
- 26300,
- 23700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "na": "x",
- "width": 600
- },
- {
- "id": "non-FSM",
- "name": "non-FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£30,700",
- "£27,700",
- "£21,900",
- "£17,900",
- "£24,500",
- "£24,800",
- "£18,200",
- "£18,200",
- "£21,200",
- "£19,300",
- "£16,400",
- "£20,100",
- "£17,900",
- "£19,300",
- "£21,500",
- "£22,600",
- "c",
- "£25,200",
- "£24,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c"
- ],
- "footer": "1,535",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#5A95CC"
- },
- {
- "color": "#000000",
- "background": "#AAC9E6"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#86B1DA"
- },
- {
- "color": "#000000",
- "background": "#82AFD9"
- },
- {
- "color": "#000000",
- "background": "#DEEAF6"
- },
- {
- "color": "#000000",
- "background": "#DEEAF6"
- },
- {
- "color": "#000000",
- "background": "#B4CFE9"
- },
- {
- "color": "#000000",
- "background": "#CEE0F2"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#CEE0F2"
- },
- {
- "color": "#000000",
- "background": "#B0CCE8"
- },
- {
- "color": "#000000",
- "background": "#A1C3E3"
- },
- null,
- {
- "color": "#000000",
- "background": "#7DABD7"
- },
- {
- "color": "#000000",
- "background": "#86B1DA"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "FSM",
- "name": "FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,000",
- "£27,700",
- "£20,100",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "c",
- "x",
- "x",
- "c",
- "c",
- "c",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "165",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#649BCF"
- },
- {
- "color": "#000000",
- "background": "#5A95CC"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "£27,700",
- "£26,300",
- "£23,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x"
- ],
- "footer": "180",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#5A95CC"
- },
- {
- "color": "#000000",
- "background": "#6DA1D2"
- },
- {
- "color": "#000000",
- "background": "#91B9DE"
- },
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI-expected/industryBySubject_9.json b/tests/shinytest/testUI-expected/industryBySubject_9.json
deleted file mode 100644
index 1edce5a..0000000
--- a/tests/shinytest/testUI-expected/industryBySubject_9.json
+++ /dev/null
@@ -1,709 +0,0 @@
-{
- "input": {
- "countinput3": "FSM",
- "earningsbutton2": "Proportions",
- "navbar": "industryBySubject",
- "qualinput4": "First degree",
- "sectionnameinput2": "Construction",
- "YAGinput3": "1"
- },
- "output": {
- "backwards_crosstab_title": "Graduates working in the Construction industry one year after\n graduation by the subject they studied and FSM status, young (under 21 at start of course)\n male and female first degree graduates from English HE providers, 2020/21 tax year.<\/h4>",
- "crosstab_backwards": {
- "x": {
- "tag": {
- "name": "Reactable",
- "attribs": {
- "data": {
- "subject_name": [
- "Architecture, building and planning",
- "Engineering",
- "Business and management",
- "Creative arts and design",
- "Geography, earth and environmental studies",
- "Computing",
- "Sport and exercise sciences",
- "Psychology",
- "Sociology, social policy and anthropology",
- "English studies",
- "Performing arts",
- "Economics",
- "History and archaeology",
- "Media, journalism and communications",
- "Biosciences",
- "Education and teaching",
- "Law",
- "Mathematical sciences",
- "Politics",
- "Combined and general studies",
- "Agriculture, food and related studies",
- "Allied health",
- "Chemistry",
- "Languages and area studies",
- "Materials and technology",
- "Nursing and midwifery",
- "Philosophy and religious studies",
- "Physics and astronomy",
- "General, applied and forensic sciences",
- "Health and social care",
- "Medical sciences",
- "Pharmacology, toxicology and pharmacy",
- "Medicine and dentistry",
- "Veterinary sciences"
- ],
- "non-FSM": [
- 0.27,
- 0.186,
- 0.153,
- 0.072,
- 0.055,
- 0.023,
- 0.029,
- 0.023,
- 0.023,
- 0.02,
- 0.02,
- 0.013,
- 0.02,
- 0.016,
- 0.01,
- 0.01,
- 0.007,
- 0.013,
- 0.01,
- 0,
- 0.003,
- 0.003,
- 0.007,
- 0.003,
- 0,
- 0.003,
- 0.003,
- 0.003,
- 0.003,
- "NA",
- 0,
- 0,
- 0,
- 0
- ],
- "FSM": [
- 0.212,
- 0.182,
- 0.182,
- 0.061,
- 0.03,
- 0.03,
- 0.03,
- 0.061,
- 0.03,
- 0,
- 0.03,
- 0.03,
- 0,
- 0.03,
- 0,
- 0.03,
- 0.03,
- 0,
- 0.03,
- "NA",
- 0,
- "NA",
- 0,
- "NA",
- "NA",
- 0,
- 0,
- 0,
- "NA",
- "NA",
- 0,
- 0,
- "NA",
- "NA"
- ],
- "Not known": [
- 0.278,
- 0.167,
- 0.222,
- 0.056,
- 0.028,
- 0.028,
- 0.028,
- 0,
- 0,
- 0,
- 0.028,
- 0.028,
- 0,
- 0.028,
- 0,
- "NA",
- 0.028,
- 0,
- 0.028,
- "NA",
- 0,
- 0,
- 0,
- 0.028,
- 0,
- "NA",
- 0,
- 0.028,
- 0,
- 0,
- 0,
- 0,
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "subject_name",
- "name": "Subject area",
- "type": "character",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "footer": "TOTAL (N)",
- "na": "x",
- "width": 600
- },
- {
- "id": "non-FSM",
- "name": "non-FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "27.0%",
- "18.6%",
- "15.3%",
- "7.2%",
- "5.5%",
- "2.3%",
- "2.9%",
- "2.3%",
- "2.3%",
- "2.0%",
- "2.0%",
- "1.3%",
- "2.0%",
- "1.6%",
- "1.0%",
- "1.0%",
- "0.7%",
- "1.3%",
- "1.0%",
- "0.0%",
- "0.3%",
- "0.3%",
- "0.7%",
- "0.3%",
- "0.0%",
- "0.3%",
- "0.3%",
- "0.3%",
- "0.3%",
- "x",
- "0.0%",
- "0.0%",
- "0.0%",
- "0.0%"
- ],
- "footer": "1,535",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#367DC0"
- },
- {
- "color": "#000000",
- "background": "#72A4D4"
- },
- {
- "color": "#000000",
- "background": "#8AB4DB"
- },
- {
- "color": "#000000",
- "background": "#C3D9EE"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#E6F0F9"
- },
- {
- "color": "#000000",
- "background": "#E2EDF8"
- },
- {
- "color": "#000000",
- "background": "#E6F0F9"
- },
- {
- "color": "#000000",
- "background": "#E6F0F9"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#EDF4FC"
- },
- {
- "color": "#000000",
- "background": "#E8F1FA"
- },
- {
- "color": "#000000",
- "background": "#EBF3FB"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F2F7FD"
- },
- {
- "color": "#000000",
- "background": "#EDF4FC"
- },
- {
- "color": "#000000",
- "background": "#EFF6FC"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F2F7FD"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- {
- "color": "#000000",
- "background": "#F4F9FE"
- },
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- }
- ]
- },
- {
- "id": "FSM",
- "name": "FSM",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "21.2%",
- "18.2%",
- "18.2%",
- "6.1%",
- "3.0%",
- "3.0%",
- "3.0%",
- "6.1%",
- "3.0%",
- "0.0%",
- "3.0%",
- "3.0%",
- "0.0%",
- "3.0%",
- "0.0%",
- "3.0%",
- "3.0%",
- "0.0%",
- "3.0%",
- "x",
- "0.0%",
- "x",
- "0.0%",
- "x",
- "x",
- "0.0%",
- "0.0%",
- "0.0%",
- "x",
- "x",
- "0.0%",
- "0.0%",
- "x",
- "x"
- ],
- "footer": "165",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#6098CE"
- },
- {
- "color": "#000000",
- "background": "#75A6D5"
- },
- {
- "color": "#000000",
- "background": "#75A6D5"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#CBDEF0"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E1EDF8"
- },
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- null
- ]
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "footerStyle": {
- "fontWeight": "bold"
- },
- "cell": [
- "27.8%",
- "16.7%",
- "22.2%",
- "5.6%",
- "2.8%",
- "2.8%",
- "2.8%",
- "0.0%",
- "0.0%",
- "0.0%",
- "2.8%",
- "2.8%",
- "0.0%",
- "2.8%",
- "0.0%",
- "x",
- "2.8%",
- "0.0%",
- "2.8%",
- "x",
- "0.0%",
- "0.0%",
- "0.0%",
- "2.8%",
- "0.0%",
- "x",
- "0.0%",
- "2.8%",
- "0.0%",
- "0.0%",
- "0.0%",
- "0.0%",
- "x",
- "x"
- ],
- "footer": "180",
- "na": "x",
- "style": [
- {
- "color": "#000000",
- "background": "#317ABF"
- },
- {
- "color": "#000000",
- "background": "#80ADD8"
- },
- {
- "color": "#000000",
- "background": "#5893CB"
- },
- {
- "color": "#000000",
- "background": "#CFE1F2"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#E3EEF8"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- {
- "color": "#000000",
- "background": "#F7FBFF"
- },
- null,
- null
- ]
- }
- ],
- "defaultPageSize": 37,
- "showSortable": true,
- "height": "800px",
- "dataKey": "random_key",
- "static": false
- },
- "children": [
-
- ]
- },
- "class": "reactR_markup"
- },
- "evals": [
-
- ],
- "jsHooks": [
-
- ],
- "deps": [
-
- ]
- }
- }
-}
diff --git a/tests/shinytest/testUI.R b/tests/shinytest/testUI.R
deleted file mode 100644
index 36e30f4..0000000
--- a/tests/shinytest/testUI.R
+++ /dev/null
@@ -1,306 +0,0 @@
-clean_json <- function(file, parent_script = "testUI", basedir = "./", iteration = "current") {
- # Reactable outputs some random keys as part of its table rendering, which snag
- # in shinytest when run across different machines. There's probably a way to fix
- # fix this in shinytest itself, but I gave up on trying and did a post-process
- # fix instead.
- filepath <- paste0(basedir, parent_script, "-", iteration, "/", file)
- shinytest_json <- readr::read_lines(filepath)
- for (i in 1:length(shinytest_json)) {
- shinytest_json[i] <- gsub('ey\": \".*\"', 'ey\": "random_key"', shinytest_json[i])
- shinytest_json[i] <- gsub("\r\n", "\n", shinytest_json[i])
- }
- readr::write_lines(shinytest_json, filepath)
-}
-
-run_set_shinytests <- function(dfinputs, outstring, listrecords) {
- # This function loops through a set of inputs and takes a snapshot for each one.
- # dfinputs: data frame containing field list and value list.
- # outstring: the stem for the output filename.
- # listrecords: list of input and output variables to record the values of.
- for (i in 1:nrow(dfinputs)) {
- file <- paste0(outstring, "_", i - 1, ".json")
- eval(parse(text = paste0("app$setInputs(", dfinputs$field[i], '="', dfinputs$value[i], '", timeout_ = 1e+4, values_ = FALSE)')))
- app$snapshot(
- items = listrecords,
- filename = file
- )
- clean_json(file)
- }
-}
-
-# Run the shiny tests.
-# Should really set this up to loop over arrays of inputs in order to run
-# through the shiny tests.
-app <- ShinyDriver$new("../../", loadTimeout = 1.6e+05, seed = 2011)
-
-app$snapshotInit("testUI", screenshot = FALSE)
-
-# Industry flow tab ===========================================================
-
-industryFlow_input <- c("navbar", "qualinput", "sexinput", "indflow.subjectinput")
-industryFlow_output <- c(
- "sankey", "sankey_title", "sankeyhelp", "sankeysubjectlist",
- "sankeytext1", "sankeytext2"
-)
-
-app$setInputs(navbar = "industryFlow", timeout_ = 1e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_1.json"
-)
-app$setInputs(qualinput = "Level 7 (taught)", timeout_ = 4e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_2.json"
-)
-app$setInputs(qualinput = "Level 7 (research)", timeout_ = 4e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_3.json"
-)
-app$setInputs(qualinput = "Level 8", timeout_ = 4e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_4.json"
-)
-app$setInputs(sexinput = "F", timeout_ = 4e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_5.json"
-)
-app$setInputs(sexinput = "M", timeout_ = 4e+4)
-app$snapshot(
- items = list(
- input = industryFlow_input,
- output = industryFlow_output
- ),
- filename = "industryFlow_6.json"
-)
-
-# Industry by subject tab =====================================================
-
-RecsIndustryBySubject <- list(
- input = c(
- "navbar", "countinput3", "YAGinput3", "qualinput4",
- "sectionnameinput2", "earningsbutton2"
- ),
- output = c("backwards_crosstab_title", "crosstab_backwards")
-)
-
-dfTestInputs <- data.frame(
- field = c(
- "navbar", "earningsbutton2", "countinput3", "YAGinput3",
- "sectionnameinput2", "YAGinput3",
- "sectionnameinput2", "countinput3", "sectionnameinput2",
- "earningsbutton2"
- ),
- value = c(
- "industryBySubject", "Median earnings", "ethnicity", "10",
- "PUBLIC ADMINISTRATION AND DEFENCE - COMPULSORY SOCIAL SECURITY", "1",
- "Mining and quarrying", "FSM", "Construction",
- "Proportions"
- )
-)
-run_set_shinytests(dfTestInputs, "industryBySubject", RecsIndustryBySubject)
-
-
-# Subject by industry tab =====================================================
-
-subjectByIndustry_input <- c(
- "navbar", "countinput2", "YAGinput2", "crosstabs.subjectinput", "earningsbutton", "qualinput3"
-)
-
-# Note that I've excluded the crosstab_backwards tabulated output here as it
-# has a datakey that changes across different runs.
-subjectByIndustry_output <- c("crosstab_title", "crosstab", "crosstab_text")
-
-app$setInputs(navbar = "subjectByIndustry", timeout_ = 2.e4)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_0.json"
-)
-clean_json("subjectByIndustry_0.json")
-
-app$setInputs(earningsbutton = "Median earnings", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_1.json"
-)
-clean_json("subjectByIndustry_1.json")
-
-
-app$setInputs(qualinput3 = "Level 8", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_2.json"
-)
-clean_json("subjectByIndustry_2.json")
-
-app$setInputs(crosstabs.subjectinput = "Allied health", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_3.json"
-)
-clean_json("subjectByIndustry_3.json")
-
-
-app$setInputs(countinput2 = "ethnicity", timeout_ = 1e+4)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_4.json"
-)
-clean_json("subjectByIndustry_4.json")
-
-app$setInputs(YAGinput2 = "5", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_5.json"
-)
-clean_json("subjectByIndustry_5.json")
-
-app$setInputs(YAGinput2 = "1", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_6.json"
-)
-clean_json("subjectByIndustry_6.json")
-
-app$setInputs(crosstabs.subjectinput = "English studies", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_7.json"
-)
-clean_json("subjectByIndustry_7.json")
-
-app$setInputs(earningsbutton = "Proportions", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_8.json"
-)
-clean_json("subjectByIndustry_8.json")
-
-app$setInputs(crosstabs.subjectinput = "Physics and astronomy", wait_ = FALSE, values_ = FALSE)
-app$snapshot(
- items = list(
- input = subjectByIndustry_input,
- output = subjectByIndustry_output
- ),
- filename = "subjectByIndustry_9.json"
-)
-clean_json("subjectByIndustry_9.json")
-
-
-# Regional tab ================================================================
-
-# Run tests for regional tab - note: excluding the map output as it makes the
-# json files massive.
-regional_input <- c(
- "navbar", "regions.subjectinput", "YAGinput", "qualinput2",
- "sectionnameinput"
-)
-regional_output <- c("map_title", "mapsubjectlist", "maptext", "maptext2")
-
-app$setInputs(navbar = "regional", timeout_ = 1e+4)
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_0.json"
-)
-app$setInputs(regioninput = c("London", "North East", "West Midlands"), timeout_ = 2e+4)
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_1.json"
-)
-app$setInputs(qualinput2 = "Level 7 (research)")
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_2.json"
-)
-app$setInputs(sectionnameinput = "TRANSPORTATION AND STORAGE")
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_3.json"
-)
-app$setInputs(regions.subjectinput = "Medicine and dentistry")
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_4.json"
-)
-app$setInputs(sectionnameinput = "EDUCATION", countinput = "living_in_region")
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_5.json"
-)
-
-# Note: for the following test, when YAG input is changed, subjectinput2
-# automatically reverts to the default. Don't know if this is the required
-# behaviour, but as it stands (on my laptop at least), the map title reverts to
-# "all subjects", rather than keeping "Medicine and dentistry" from the prior
-# tests above. This is both in shinytest and running the App in the browser.
-app$setInputs(YAGinput = "3", timeout_ = 3e+4)
-app$snapshot(
- items = list(
- input = regional_input,
- output = regional_output
- ),
- filename = "regional_6.json"
-)
diff --git a/tests/testthat.R b/tests/testthat.R
new file mode 100644
index 0000000..7d25b5b
--- /dev/null
+++ b/tests/testthat.R
@@ -0,0 +1 @@
+shinytest2::test_app()
diff --git a/tests/shinytest/testUI-expected/industryFlow_1.json b/tests/testthat/_snaps/testUI/001.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_1.json
rename to tests/testthat/_snaps/testUI/001.json
diff --git a/tests/testthat/_snaps/testUI/001_.new.png b/tests/testthat/_snaps/testUI/001_.new.png
new file mode 100644
index 0000000..dd29b0c
Binary files /dev/null and b/tests/testthat/_snaps/testUI/001_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/001_.png b/tests/testthat/_snaps/testUI/001_.png
new file mode 100644
index 0000000..8d59d6c
Binary files /dev/null and b/tests/testthat/_snaps/testUI/001_.png differ
diff --git a/tests/shinytest/testUI-expected/industryFlow_2.json b/tests/testthat/_snaps/testUI/002.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_2.json
rename to tests/testthat/_snaps/testUI/002.json
diff --git a/tests/testthat/_snaps/testUI/002_.new.png b/tests/testthat/_snaps/testUI/002_.new.png
new file mode 100644
index 0000000..5fa84df
Binary files /dev/null and b/tests/testthat/_snaps/testUI/002_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/002_.png b/tests/testthat/_snaps/testUI/002_.png
new file mode 100644
index 0000000..8ddce55
Binary files /dev/null and b/tests/testthat/_snaps/testUI/002_.png differ
diff --git a/tests/shinytest/testUI-expected/industryFlow_3.json b/tests/testthat/_snaps/testUI/003.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_3.json
rename to tests/testthat/_snaps/testUI/003.json
diff --git a/tests/testthat/_snaps/testUI/003_.new.png b/tests/testthat/_snaps/testUI/003_.new.png
new file mode 100644
index 0000000..c863595
Binary files /dev/null and b/tests/testthat/_snaps/testUI/003_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/003_.png b/tests/testthat/_snaps/testUI/003_.png
new file mode 100644
index 0000000..535b913
Binary files /dev/null and b/tests/testthat/_snaps/testUI/003_.png differ
diff --git a/tests/shinytest/testUI-expected/industryFlow_4.json b/tests/testthat/_snaps/testUI/004.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_4.json
rename to tests/testthat/_snaps/testUI/004.json
diff --git a/tests/testthat/_snaps/testUI/004_.new.png b/tests/testthat/_snaps/testUI/004_.new.png
new file mode 100644
index 0000000..c863595
Binary files /dev/null and b/tests/testthat/_snaps/testUI/004_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/004_.png b/tests/testthat/_snaps/testUI/004_.png
new file mode 100644
index 0000000..535b913
Binary files /dev/null and b/tests/testthat/_snaps/testUI/004_.png differ
diff --git a/tests/shinytest/testUI-expected/industryFlow_5.json b/tests/testthat/_snaps/testUI/005.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_5.json
rename to tests/testthat/_snaps/testUI/005.json
diff --git a/tests/testthat/_snaps/testUI/005_.new.png b/tests/testthat/_snaps/testUI/005_.new.png
new file mode 100644
index 0000000..bd0cf49
Binary files /dev/null and b/tests/testthat/_snaps/testUI/005_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/005_.png b/tests/testthat/_snaps/testUI/005_.png
new file mode 100644
index 0000000..048d107
Binary files /dev/null and b/tests/testthat/_snaps/testUI/005_.png differ
diff --git a/tests/shinytest/testUI-expected/industryFlow_6.json b/tests/testthat/_snaps/testUI/006.json
similarity index 100%
rename from tests/shinytest/testUI-expected/industryFlow_6.json
rename to tests/testthat/_snaps/testUI/006.json
diff --git a/tests/testthat/_snaps/testUI/006_.new.png b/tests/testthat/_snaps/testUI/006_.new.png
new file mode 100644
index 0000000..0f6ab8f
Binary files /dev/null and b/tests/testthat/_snaps/testUI/006_.new.png differ
diff --git a/tests/testthat/_snaps/testUI/006_.png b/tests/testthat/_snaps/testUI/006_.png
new file mode 100644
index 0000000..8b6df39
Binary files /dev/null and b/tests/testthat/_snaps/testUI/006_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_0.json b/tests/testthat/_snaps/testUI/007.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_0.json
rename to tests/testthat/_snaps/testUI/007.json
index 7b54969..b402ec1 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_0.json
+++ b/tests/testthat/_snaps/testUI/007.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "sex",
"crosstabs.subjectinput": "All",
"earningsbutton": "Proportions",
"navbar": "subjectByIndustry",
- "qualinput3": "First degree",
- "YAGinput2": "5"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -290,7 +290,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e4bbabd0fae661f5db80cf61f4e4af64",
"static": false,
"nested": true
},
@@ -416,7 +416,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "44ad5b82cbe44c4d7995f1443fd3b77b",
"static": false,
"nested": true
},
@@ -614,7 +614,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f103b58ed71e8d7acbad4bed0621f99b",
"static": false,
"nested": true
},
@@ -860,7 +860,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d2045277f08e5d2a111fa845e34f5159",
"static": false,
"nested": true
},
@@ -1042,7 +1042,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "790e1ab7c1e480b892833e4f36cf49fe",
"static": false,
"nested": true
},
@@ -1272,7 +1272,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9b535b0f37e8b5d6db6cf956e1036e90",
"static": false,
"nested": true
},
@@ -1374,7 +1374,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "88caabc8deb587718171c0e7bed090aa",
"static": false,
"nested": true
},
@@ -1532,7 +1532,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "8f973cb2857542df40b02e9d381409bb",
"static": false,
"nested": true
},
@@ -2338,7 +2338,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "bc63dcdf695a64ab5eb29f0f046dd271",
"static": false,
"nested": true
},
@@ -2472,7 +2472,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "816d434ed4b07ae782c171073ac1915d",
"static": false,
"nested": true
},
@@ -2590,7 +2590,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "44c6aa95fbef585df94702653639f06f",
"static": false,
"nested": true
},
@@ -2788,7 +2788,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ccca4ac2917234a1147d0974cabb34a6",
"static": false,
"nested": true
},
@@ -2938,7 +2938,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d39a5cdb2e586570b790ef3bb92f43a7",
"static": false,
"nested": true
},
@@ -3064,7 +3064,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "35c78203333d9cc9c61a13431c33b8cb",
"static": false,
"nested": true
},
@@ -3166,7 +3166,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "70d50a6b0218a788c75ef09eca1acb37",
"static": false,
"nested": true
},
@@ -3268,7 +3268,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "bc9c5ea8e46ed4a3d30230d8aff5dd5f",
"static": false,
"nested": true
},
@@ -3394,7 +3394,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9f1827b9ba1c9a57f7b4cd1936115e96",
"static": false,
"nested": true
},
@@ -3552,7 +3552,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "18585e66fc5d07ca818cbe94c1f44c0a",
"static": false,
"nested": true
},
@@ -3638,7 +3638,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "79a5796b873ad04be4079bdb6c1594da",
"static": false,
"nested": true
},
@@ -3772,7 +3772,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "cd4571cc7c9def4cbd2fe83771577de8",
"static": false,
"nested": true
},
@@ -3858,7 +3858,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b7aad6d3f6aadc7cc8da7ef7102477a0",
"static": false,
"nested": true
},
@@ -3944,7 +3944,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f03cc3661bfa16b8f9f3f84e218dff2c",
"static": false,
"nested": true
},
@@ -4086,7 +4086,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "d7f43dbf74ef378ee3858b41bcaee8a7",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/007_.png b/tests/testthat/_snaps/testUI/007_.png
new file mode 100644
index 0000000..f299973
Binary files /dev/null and b/tests/testthat/_snaps/testUI/007_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_1.json b/tests/testthat/_snaps/testUI/008.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_1.json
rename to tests/testthat/_snaps/testUI/008.json
index 25000b5..2044a24 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_1.json
+++ b/tests/testthat/_snaps/testUI/008.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "sex",
"crosstabs.subjectinput": "All",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "First degree",
- "YAGinput2": "5"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -290,7 +290,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9d887e9b91932360565007376feb5118",
"static": false,
"nested": true
},
@@ -416,7 +416,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "cbae93b1db02249511d52e7ad38dc9a9",
"static": false,
"nested": true
},
@@ -614,7 +614,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "68309700858332b38b731f67bfc70dce",
"static": false,
"nested": true
},
@@ -860,7 +860,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "dd6a979c37282d1fd58a0ad66f6d7f71",
"static": false,
"nested": true
},
@@ -1042,7 +1042,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "95783620447c988ea0d07a40fbffa1e2",
"static": false,
"nested": true
},
@@ -1272,7 +1272,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "972f9dc56308ec146534ad07f8b96de8",
"static": false,
"nested": true
},
@@ -1374,7 +1374,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "bb22fde0cd5fd134e85e61c44c17ed57",
"static": false,
"nested": true
},
@@ -1532,7 +1532,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9865578f51c425dbc7a6ddb8c526d4fd",
"static": false,
"nested": true
},
@@ -2338,7 +2338,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "a74f375d9d23624b045a28f9f7a395ba",
"static": false,
"nested": true
},
@@ -2472,7 +2472,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "03275a805924739bcaacc4b62496adf3",
"static": false,
"nested": true
},
@@ -2590,7 +2590,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e652404a78a5945a0fdbf1c1c563a9fc",
"static": false,
"nested": true
},
@@ -2788,7 +2788,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "a4209ce690bc90490a7107f313fcb517",
"static": false,
"nested": true
},
@@ -2938,7 +2938,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "2f8da3385eb8cdd003fbcb9aada5ea62",
"static": false,
"nested": true
},
@@ -3064,7 +3064,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "1d90a5959cda2968cf421399c316aea3",
"static": false,
"nested": true
},
@@ -3166,7 +3166,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "391c1544fd3fcfae52810dac7b3bb7d8",
"static": false,
"nested": true
},
@@ -3268,7 +3268,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "54ef0b0ae899d8867c1536c3f42ac088",
"static": false,
"nested": true
},
@@ -3394,7 +3394,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "72f2332760e1be28ce99c5ff5f074a84",
"static": false,
"nested": true
},
@@ -3552,7 +3552,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c7be5ec0b730937710f58444ab46fc84",
"static": false,
"nested": true
},
@@ -3638,7 +3638,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "1865974ddc1496515b3552b20e4d2700",
"static": false,
"nested": true
},
@@ -3772,7 +3772,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "78786621f6e0032cf880bf5469eb312c",
"static": false,
"nested": true
},
@@ -3858,7 +3858,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ddcf17da118808691412f26875be5242",
"static": false,
"nested": true
},
@@ -3944,7 +3944,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "15660989b0def2d849165f8fd55b09c8",
"static": false,
"nested": true
},
@@ -4086,7 +4086,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "6fffe9e5dbd522cdb33df1f1d0ebeba6",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/008_.png b/tests/testthat/_snaps/testUI/008_.png
new file mode 100644
index 0000000..363702e
Binary files /dev/null and b/tests/testthat/_snaps/testUI/008_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_2.json b/tests/testthat/_snaps/testUI/009.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_2.json
rename to tests/testthat/_snaps/testUI/009.json
index 44ebc07..2e30e86 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_2.json
+++ b/tests/testthat/_snaps/testUI/009.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "sex",
"crosstabs.subjectinput": "All",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "5"
+ "qualinput3": "Level 8"
},
"output": {
"crosstab": {
@@ -261,7 +261,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b7fcbd4937eae1202711087788e065b8",
"static": false,
"nested": true
},
@@ -411,7 +411,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "13bad87964999cfb236cf5bc0afa638d",
"static": false,
"nested": true
},
@@ -601,7 +601,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "438569e4e39a664fcc7fcaf81c412473",
"static": false,
"nested": true
},
@@ -767,7 +767,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "331fe696c0ccefa8e968a0897b6ce03c",
"static": false,
"nested": true
},
@@ -1221,7 +1221,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "119bc6a29d2e0f9b0594f3a0d61dee5d",
"static": false,
"nested": true
},
@@ -1323,7 +1323,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "597dbeef136ab0875fea7cee343ba64d",
"static": false,
"nested": true
},
@@ -1481,7 +1481,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6257dd864894955d3c532c63128e8480",
"static": false,
"nested": true
},
@@ -1703,7 +1703,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "77a4f11eba7ae4cc54fa6834513453e6",
"static": false,
"nested": true
},
@@ -1893,7 +1893,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "4d8e7fdd055089a15fd5d35c3d195a62",
"static": false,
"nested": true
},
@@ -2011,7 +2011,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "941278f0350e3c8e24ccff7e3abe49e4",
"static": false,
"nested": true
},
@@ -2129,7 +2129,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "80099c481a972c64bdd81bf816c46384",
"static": false,
"nested": true
},
@@ -2271,7 +2271,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0c0cb92f67c8e5e5fd9a21912c8d5418",
"static": false,
"nested": true
},
@@ -2389,7 +2389,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "4d9dbd629fd10033e32627a4c26623c9",
"static": false,
"nested": true
},
@@ -2483,7 +2483,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "2a0c41cba89bdd4078768a66e53b9e32",
"static": false,
"nested": true
},
@@ -2601,7 +2601,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b9e0d276d8dc8f8104aad1f0ae27c100",
"static": false,
"nested": true
},
@@ -2703,7 +2703,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6b6a21a9ba163317281a924ca14be408",
"static": false,
"nested": true
},
@@ -2797,7 +2797,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "358fb33904aa1932c6189e1f809a8e22",
"static": false,
"nested": true
},
@@ -2883,7 +2883,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "781dbbff4e4f979bb77766a7d594e349",
"static": false,
"nested": true
},
@@ -2985,7 +2985,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "bae647382b57210e55609d2dc954330d",
"static": false,
"nested": true
},
@@ -3087,7 +3087,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b9c6e61a9ef1b1280f21c9619258deca",
"static": false,
"nested": true
},
@@ -3173,7 +3173,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "96e316177e81b065d37f12db7f862eae",
"static": false,
"nested": true
},
@@ -3312,7 +3312,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "8cd5fdb6dee96f1e9a012a889fa8b437",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/009_.png b/tests/testthat/_snaps/testUI/009_.png
new file mode 100644
index 0000000..815ce53
Binary files /dev/null and b/tests/testthat/_snaps/testUI/009_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_3.json b/tests/testthat/_snaps/testUI/010.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_3.json
rename to tests/testthat/_snaps/testUI/010.json
index 1d83dc6..db1a600 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_3.json
+++ b/tests/testthat/_snaps/testUI/010.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "sex",
"crosstabs.subjectinput": "Allied health",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "5"
+ "qualinput3": "Level 8"
},
"output": {
"crosstab": {
@@ -207,7 +207,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "5f66d087a2e8a622108f0a03818850bf",
"static": false,
"nested": true
},
@@ -341,7 +341,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "cdfef07ede4e127facd25fbcc5feae43",
"static": false,
"nested": true
},
@@ -475,7 +475,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d2de6c16669d103698cb66bb1536a3c7",
"static": false,
"nested": true
},
@@ -577,7 +577,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "67931e65f71535007fd31cbfbef9e32b",
"static": false,
"nested": true
},
@@ -679,7 +679,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "543d7993c2cb9c080e800cba93ede3fe",
"static": false,
"nested": true
},
@@ -813,7 +813,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f022ba5638b0f07aa41b409df9b4c4cc",
"static": false,
"nested": true
},
@@ -907,7 +907,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9fe442f240b2d270ae40f9091c572cfb",
"static": false,
"nested": true
},
@@ -993,7 +993,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d75489be59d0911c895678df6eccfedd",
"static": false,
"nested": true
},
@@ -1095,7 +1095,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "686613a267331fc6de84d4f22eb1eae3",
"static": false,
"nested": true
},
@@ -1181,7 +1181,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7568661d6f05517f862a1dc74a430134",
"static": false,
"nested": true
},
@@ -1267,7 +1267,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "853f70d01bddea554c051714e5260270",
"static": false,
"nested": true
},
@@ -1353,7 +1353,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ddb16d0aee5b5526dd15c652f0963716",
"static": false,
"nested": true
},
@@ -1439,7 +1439,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7550991c0946a84a952af6e3ae236a74",
"static": false,
"nested": true
},
@@ -1525,7 +1525,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "97d608159678045b23ddd0f09019a9b5",
"static": false,
"nested": true
},
@@ -1611,7 +1611,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0afd8d084ba773f187acf41e8d174a21",
"static": false,
"nested": true
},
@@ -1732,7 +1732,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "3254ce6eba1073be1a54ea9f6545313b",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/010_.png b/tests/testthat/_snaps/testUI/010_.png
new file mode 100644
index 0000000..1af0e9a
Binary files /dev/null and b/tests/testthat/_snaps/testUI/010_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_4.json b/tests/testthat/_snaps/testUI/011.json
similarity index 76%
rename from tests/shinytest/testUI-expected/subjectByIndustry_4.json
rename to tests/testthat/_snaps/testUI/011.json
index 93d5896..bc957ea 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_4.json
+++ b/tests/testthat/_snaps/testUI/011.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "ethnicity",
- "crosstabs.subjectinput": "Allied health",
+ "crosstabs.subjectinput": "All",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "5"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -17,24 +17,25 @@
"SECTIONNAME": [
"Human health and social work activities",
"Education",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
"Professional, scientific and technical activities",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Information and communication",
"Administrative and support service activities",
"Public administration and defence - compulsory social security",
- "Manufacturing",
- "Information and communication",
"Financial and insurance activities",
- "Arts, entertainment and recreation",
+ "Manufacturing",
"Accommodation and food service activities",
+ "Arts, entertainment and recreation",
"Transportation and storage",
+ "Construction",
"Other service activities",
"Real estate activities",
- "Construction",
- "Water supply - sewerage, waste management and remediation activities",
"Electricity, gas, steam and air conditioning supply",
- "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
+ "Water supply - sewerage, waste management and remediation activities",
"Agriculture, forestry and fishing",
+ "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
"Mining and quarrying",
+ "Activities of extraterritorial organisations and bodies",
"Not known"
],
"group_name": [
@@ -58,145 +59,152 @@
"All",
"All",
"All",
+ "All",
"All"
],
"White": [
- 29900,
+ 29600,
27700,
- 28800,
- 32100,
- 26300,
- 30300,
- 32500,
32800,
- 33400,
- 28100,
- 21900,
- 29600,
- 23000,
- 24100,
- 31000,
- -10000,
- -10000,
- "NA",
- -10000,
+ 24500,
+ 33900,
+ 26300,
+ 29900,
+ 38000,
+ 33600,
+ 18200,
+ 22600,
+ 29900,
+ 36100,
+ 25200,
+ 29200,
+ 37600,
+ 30700,
+ 23700,
+ 20800,
+ 44900,
-10000,
- 20500
+ 19300
],
"Black": [
- 29600,
30700,
- 21500,
- 28100,
- 23000,
+ 27700,
+ 29900,
+ 22600,
+ 33200,
+ 23400,
31000,
+ 33900,
+ 30800,
+ 19300,
+ 22600,
+ 28800,
+ 33900,
+ 27400,
+ 27600,
+ 29000,
+ 28100,
-10000,
+ 17900,
-10000,
-10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- 12400
+ 13500
],
"Asian": [
+ 34300,
+ 27400,
+ 32100,
+ 25600,
+ 35800,
+ 24800,
29900,
+ 38700,
+ 32800,
+ 18200,
+ 24100,
+ 28500,
+ 33900,
26600,
- 36900,
- 35000,
- 26900,
- -10000,
- 29200,
- 40200,
- 26300,
- -10000,
- -10000,
- -10000,
- -10000,
+ 27700,
+ 31800,
+ 27400,
-10000,
- "NA",
- "NA",
- "NA",
+ 13900,
-10000,
- "NA",
-10000,
- 16800
+ 19300
],
"Mixed": [
- 32500,
- 25900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 32100,
+ 27700,
+ 33400,
+ 24500,
+ 33900,
+ 26600,
+ 31400,
+ 42000,
+ 33200,
+ 18200,
+ 22000,
+ 29600,
+ 36100,
+ 28800,
+ 28500,
+ 28800,
+ 30700,
-10000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- 16700
+ 17900
],
"Other": [
- 29900,
- -10000,
- -10000,
+ 33600,
+ 28300,
+ 33200,
+ 22600,
+ 35800,
+ 27700,
+ 31800,
+ 40900,
+ 35400,
+ 15300,
+ 22800,
+ 28500,
+ 36100,
+ 26800,
+ 29200,
-10000,
-10000,
"NA",
-10000,
- -10000,
- "NA",
- "NA",
"NA",
-10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
+ 13300
],
"Not known": [
- 29600,
- 25200,
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 29900,
+ 26300,
+ 32100,
+ 20800,
+ 33600,
+ 23000,
+ 30300,
+ 32100,
+ 31800,
+ 17200,
+ 21400,
+ 29700,
+ 33200,
+ 24300,
+ 26800,
+ 32100,
+ 30300,
-10000,
- "NA",
- "NA",
+ 18200,
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- 22300
+ 13900
]
},
"columns": [
@@ -249,70 +257,70 @@
"Residential care activities for mental retardation; mental health and substance abuse"
],
"White": [
- 30300,
- 30700,
- 21200,
- 31900,
- 21200,
- 17500,
- 19300,
- 31400,
- 31800
+ 32100,
+ 28800,
+ 23000,
+ 24800,
+ 23400,
+ 20800,
+ 21700,
+ 23200,
+ 23700
],
"Black": [
- 30300,
- 27700,
- 27000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 34700,
+ 32100,
+ 24100,
+ 26100,
+ 25600,
+ 19500,
+ 22100,
+ 28100,
+ 23500
],
"Asian": [
- 31400,
- 24500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 40200,
+ 27400,
+ 21900,
+ 33200,
+ 21500,
+ 21200,
+ 22800,
+ 24100,
+ 21900
],
"Mixed": [
- 32800,
- 32700,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000
+ 36900,
+ 30300,
+ 25900,
+ 32500,
+ 21500,
+ 25200,
+ 21700,
+ 29200,
+ 22300
],
"Other": [
- 35400,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 30300,
- 29600,
- -10000,
- -10000,
+ 42000,
+ 31400,
+ 24800,
+ 25900,
-10000,
-10000,
-10000,
-10000,
-10000
+ ],
+ "Not known": [
+ 32100,
+ 29900,
+ 21400,
+ 27200,
+ 21400,
+ 19300,
+ 19500,
+ 22500,
+ 32300
]
},
"columns": [
@@ -335,113 +343,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "£30,300",
- "£30,700",
- "£21,200",
- "£31,900",
- "£21,200",
- "£17,500",
- "£19,300",
- "£31,400",
- "£31,800"
+ "£32,100",
+ "£28,800",
+ "£23,000",
+ "£24,800",
+ "£23,400",
+ "£20,800",
+ "£21,700",
+ "£23,200",
+ "£23,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£30,300",
- "£27,700",
- "£27,000",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£34,700",
+ "£32,100",
+ "£24,100",
+ "£26,100",
+ "£25,600",
+ "£19,500",
+ "£22,100",
+ "£28,100",
+ "£23,500"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£31,400",
- "£24,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£40,200",
+ "£27,400",
+ "£21,900",
+ "£33,200",
+ "£21,500",
+ "£21,200",
+ "£22,800",
+ "£24,100",
+ "£21,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "£32,800",
- "£32,700",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c"
+ "£36,900",
+ "£30,300",
+ "£25,900",
+ "£32,500",
+ "£21,500",
+ "£25,200",
+ "£21,700",
+ "£29,200",
+ "£22,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "£35,400",
+ "£42,000",
+ "£31,400",
+ "£24,800",
+ "£25,900",
"c",
- "x",
"c",
- "x",
- "x",
"c",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£30,300",
- "£29,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£32,100",
+ "£29,900",
+ "£21,400",
+ "£27,200",
+ "£21,400",
+ "£19,300",
+ "£19,500",
+ "£22,500",
+ "£32,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "823a7a4118cab0dee89baea11982af59",
"static": false,
"nested": true
},
@@ -480,51 +488,51 @@
"Pre-primary education"
],
"White": [
- 28100,
- 25900,
- 28800,
- 23700,
- -10000,
- "NA"
+ 27700,
+ 27700,
+ 26300,
+ 24500,
+ 25200,
+ 19700
],
"Black": [
- 31400,
- 25600,
- -10000,
- -10000,
- "NA",
- "NA"
+ 28800,
+ 27400,
+ 29000,
+ 24500,
+ 24800,
+ 17900
],
"Asian": [
- 25900,
- 29200,
- 26600,
- -10000,
- -10000,
- "NA"
+ 27400,
+ 27700,
+ 27400,
+ 22300,
+ 21900,
+ 18400
],
"Mixed": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 28100,
+ 27000,
+ 26300,
+ 27200,
+ 28300,
+ -10000
],
"Other": [
+ 28800,
+ 29900,
+ 29200,
+ 23900,
-10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
+ -10000
],
"Not known": [
+ 26300,
+ 26300,
+ 27700,
+ 26600,
-10000,
- -10000,
- -10000,
- "NA",
- "NA",
-10000
]
},
@@ -548,95 +556,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "£28,100",
- "£25,900",
- "£28,800",
- "£23,700",
- "c",
- "x"
+ "£27,700",
+ "£27,700",
+ "£26,300",
+ "£24,500",
+ "£25,200",
+ "£19,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£31,400",
- "£25,600",
- "c",
- "c",
- "x",
- "x"
+ "£28,800",
+ "£27,400",
+ "£29,000",
+ "£24,500",
+ "£24,800",
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£25,900",
- "£29,200",
- "£26,600",
- "c",
- "c",
- "x"
+ "£27,400",
+ "£27,700",
+ "£27,400",
+ "£22,300",
+ "£21,900",
+ "£18,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£28,100",
+ "£27,000",
+ "£26,300",
+ "£27,200",
+ "£28,300",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£28,800",
+ "£29,900",
+ "£29,200",
+ "£23,900",
"c",
- "c",
- "c",
- "c",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£26,300",
+ "£26,300",
+ "£27,700",
+ "£26,600",
"c",
- "c",
- "c",
- "x",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "eff81bcb8bdbeb19c31f1e15d6f5a86d",
"static": false,
"nested": true
},
@@ -659,155 +667,139 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles"
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities"
],
"group_name": [
- "Retail sale of other goods in specialised stores",
- "Wholesale of household goods",
- "Retail sale in non-specialised stores",
- "Retail sale of food; beverages and tobacco in specialised stores",
- "Retail sale of other household equipment in specialised stores",
- "Retail trade not in stores; stalls or markets",
- "Wholesale of food; beverages and tobacco",
- "Maintenance and repair of motor vehicles",
- "Non-specialised wholesale trade",
- "Other specialised wholesale",
- "Retail sale of cultural and recreation goods in specialised stores",
- "Wholesale of information and communication equipment",
- "Wholesale of other machinery; equipment and supplies",
- "Retail sale of information and communication equipment in specialised stores",
- "Sale of motor vehicle parts and accessories",
- "Sale of motor vehicles",
- "Wholesale on a fee or contract basis"
+ "Management consultancy activities",
+ "Accounting; bookkeeping and auditing activities; tax consultancy",
+ "Legal activities",
+ "Architectural and engineering activities and related technical consultancy",
+ "Advertising",
+ "Research and experimental development on natural sciences and engineering",
+ "Other professional; scientific and technical activities n.e.c.",
+ "Activities of head offices",
+ "Veterinary activities",
+ "Market research and public opinion polling",
+ "Specialised design activities",
+ "Technical testing and analysis",
+ "Photographic activities",
+ "Research and experimental development on social sciences and humanities",
+ "Translation and interpretation activities"
],
"White": [
+ 35000,
+ 38700,
32800,
- 44200,
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 31800,
+ 32100,
+ 33200,
+ 30700,
+ 32800,
+ 29200,
+ 32500,
+ 27400,
+ 27000,
+ 22300,
+ 33200,
+ 29900
+ ],
+ "Black": [
+ 30500,
+ 29600,
+ 28800,
+ 30700,
+ 29900,
+ 35000,
+ 26300,
+ 31400,
-10000,
+ 27000,
+ 27000,
+ 23400,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 35400,
+ 37200,
+ 26300,
+ 32100,
+ 31800,
+ 35200,
+ 28800,
+ 34500,
+ 31000,
+ 32500,
+ 27000,
+ 27600,
-10000,
-10000,
-10000
],
- "Black": [
+ "Mixed": [
+ 35800,
+ 39100,
+ 33200,
+ 29400,
+ 31200,
+ 33200,
+ 29200,
+ 35000,
-10000,
+ 29600,
+ 28700,
+ 27400,
-10000,
-10000,
+ -10000
+ ],
+ "Other": [
+ 43100,
+ 38700,
+ 31800,
+ 30300,
+ 34100,
+ 32500,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 37200,
- 35400,
-10000,
- "NA",
- "NA",
-10000,
-10000,
"NA",
- "NA",
- "NA",
-10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
- "Mixed": [
+ "Not known": [
+ 32800,
+ 39400,
+ 26300,
+ 28700,
+ 33000,
+ 37600,
+ 36300,
+ 36900,
+ 18600,
+ 26600,
-10000,
-10000,
"NA",
"NA",
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
-10000
]
},
@@ -831,161 +823,149 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£35,000",
+ "£38,700",
"£32,800",
- "£44,200",
- "£20,400",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£31,800",
+ "£32,100",
+ "£33,200",
+ "£30,700",
+ "£32,800",
+ "£29,200",
+ "£32,500",
+ "£27,400",
+ "£27,000",
+ "£22,300",
+ "£33,200",
+ "£29,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£30,500",
+ "£29,600",
+ "£28,800",
+ "£30,700",
+ "£29,900",
+ "£35,000",
+ "£26,300",
+ "£31,400",
"c",
+ "£27,000",
+ "£27,000",
+ "£23,400",
"c",
"c",
- "c",
- "c",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£37,200",
"£35,400",
- "c",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x",
- "x",
+ "£37,200",
+ "£26,300",
+ "£32,100",
+ "£31,800",
+ "£35,200",
+ "£28,800",
+ "£34,500",
+ "£31,000",
+ "£32,500",
+ "£27,000",
+ "£27,600",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£35,800",
+ "£39,100",
+ "£33,200",
+ "£29,400",
+ "£31,200",
+ "£33,200",
+ "£29,200",
+ "£35,000",
"c",
- "c",
- "x",
- "x",
- "c",
+ "£29,600",
+ "£28,700",
+ "£27,400",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£43,100",
+ "£38,700",
+ "£31,800",
+ "£30,300",
+ "£34,100",
+ "£32,500",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£20,400",
- "c",
- "c",
- "c",
- "c",
+ "£32,800",
+ "£39,400",
+ "£26,300",
+ "£28,700",
+ "£33,000",
+ "£37,600",
+ "£36,300",
+ "£36,900",
+ "£18,600",
+ "£26,600",
"c",
- "x",
- "x",
- "x",
"c",
"x",
"x",
- "x",
- "x",
- "c",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "df281baa272c3a969f21bc2a877a35fe",
"static": false,
"nested": true
},
@@ -1008,72 +988,147 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities"
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles"
],
"group_name": [
- "Management consultancy activities",
- "Research and experimental development on natural sciences and engineering",
- "Accounting; bookkeeping and auditing activities; tax consultancy",
- "Technical testing and analysis",
- "Architectural and engineering activities and related technical consultancy",
- "Legal activities",
- "Other professional; scientific and technical activities n.e.c.",
- "Activities of head offices",
- "Advertising",
- "Market research and public opinion polling",
- "Veterinary activities",
- "Photographic activities",
- "Research and experimental development on social sciences and humanities",
- "Specialised design activities"
+ "Retail sale in non-specialised stores",
+ "Retail sale of other goods in specialised stores",
+ "Wholesale of household goods",
+ "Retail trade not in stores; stalls or markets",
+ "Retail sale of other household equipment in specialised stores",
+ "Other specialised wholesale",
+ "Retail sale of cultural and recreation goods in specialised stores",
+ "Wholesale of food; beverages and tobacco",
+ "Sale of motor vehicles",
+ "Wholesale of information and communication equipment",
+ "Wholesale of other machinery; equipment and supplies",
+ "Retail sale of food; beverages and tobacco in specialised stores",
+ "Non-specialised wholesale trade",
+ "Wholesale on a fee or contract basis",
+ "Retail sale of information and communication equipment in specialised stores",
+ "Maintenance and repair of motor vehicles",
+ "Sale of motor vehicle parts and accessories",
+ "Retail sale of automotive fuel in specialised stores",
+ "Wholesale of agricultural raw materials and live animals",
+ "Sale; maintenance and repair of motorcycles and related parts and accessories",
+ "Retail sale via stalls and markets"
],
"White": [
- 35000,
- 37600,
+ 20100,
+ 21200,
+ 28800,
+ 28100,
+ 21500,
+ 27700,
+ 18600,
29900,
+ 26600,
+ 35000,
+ 29200,
+ 20100,
+ 26300,
+ 30800,
+ 26300,
+ 23800,
+ 24500,
+ 35800,
+ 26600,
+ 27000,
+ -10000
+ ],
+ "Black": [
+ 19200,
+ 19700,
28300,
- 33900,
- -10000,
- 28100,
+ 25600,
+ 22600,
+ 26600,
+ 16100,
+ 25900,
+ 27900,
+ 32800,
+ 29600,
-10000,
-10000,
+ 24500,
+ 23200,
-10000,
-10000,
-10000,
-10000,
+ "NA",
"NA"
],
- "Black": [
+ "Asian": [
+ 22600,
+ 26300,
+ 29900,
+ 24300,
+ 21500,
+ 27400,
+ 24100,
+ 22300,
+ 27800,
+ 34300,
+ 27900,
+ 13900,
+ 22600,
+ 28500,
+ 27000,
+ 20000,
+ 25200,
+ 25200,
-10000,
-10000,
+ -10000
+ ],
+ "Mixed": [
+ 18200,
+ 21500,
+ 27400,
+ 29600,
+ 20800,
+ 30100,
+ 17700,
+ 27000,
+ 27400,
+ 32800,
+ 25200,
-10000,
+ 29900,
-10000,
+ 24300,
-10000,
-10000,
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
"NA"
],
- "Asian": [
- 34300,
- 41600,
+ "Other": [
+ 20300,
+ 20100,
+ 30700,
-10000,
-10000,
-10000,
@@ -1081,59 +1136,40 @@
-10000,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Mixed": [
-10000,
-10000,
-10000,
-10000,
- "NA",
-10000,
-10000,
"NA",
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA"
- ],
- "Other": [
-10000,
+ -10000
+ ],
+ "Not known": [
+ 16600,
+ 20300,
+ 25700,
+ 20400,
+ 18600,
+ 32700,
+ 17500,
-10000,
+ 21900,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
+ 28500,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
+ 26100,
-10000,
-10000,
-10000,
- "NA",
- "NA",
-10000,
-10000,
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
+ "NA"
]
},
"columns": [
@@ -1156,143 +1192,185 @@
"name": "White",
"type": "numeric",
"cell": [
- "£35,000",
- "£37,600",
- "£29,900",
- "£28,300",
- "£33,900",
- "c",
+ "£20,100",
+ "£21,200",
+ "£28,800",
"£28,100",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£21,500",
+ "£27,700",
+ "£18,600",
+ "£29,900",
+ "£26,600",
+ "£35,000",
+ "£29,200",
+ "£20,100",
+ "£26,300",
+ "£30,800",
+ "£26,300",
+ "£23,800",
+ "£24,500",
+ "£35,800",
+ "£26,600",
+ "£27,000",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£19,200",
+ "£19,700",
+ "£28,300",
+ "£25,600",
+ "£22,600",
+ "£26,600",
+ "£16,100",
+ "£25,900",
+ "£27,900",
+ "£32,800",
+ "£29,600",
"c",
"c",
+ "£24,500",
+ "£23,200",
"c",
"c",
"c",
"c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£22,600",
+ "£26,300",
+ "£29,900",
+ "£24,300",
+ "£21,500",
+ "£27,400",
+ "£24,100",
+ "£22,300",
+ "£27,800",
"£34,300",
- "£41,600",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£27,900",
+ "£13,900",
+ "£22,600",
+ "£28,500",
+ "£27,000",
+ "£20,000",
+ "£25,200",
+ "£25,200",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£18,200",
+ "£21,500",
+ "£27,400",
+ "£29,600",
+ "£20,800",
+ "£30,100",
+ "£17,700",
+ "£27,000",
+ "£27,400",
+ "£32,800",
+ "£25,200",
"c",
+ "£29,900",
"c",
+ "£24,300",
"c",
"c",
- "x",
- "c",
- "c",
- "x",
"c",
"x",
- "x",
- "x",
"c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£20,300",
+ "£20,100",
+ "£30,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£16,600",
+ "£20,300",
+ "£25,700",
+ "£20,400",
+ "£18,600",
+ "£32,700",
+ "£17,500",
+ "c",
+ "£21,900",
+ "c",
+ "£28,500",
+ "c",
+ "£26,100",
"c",
"c",
"c",
- "x",
- "x",
"c",
"c",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0d6238f1af17c12615b59652640be51a",
"static": false,
"nested": true
},
@@ -1315,156 +1393,124 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities"
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication"
],
"group_name": [
- "Temporary employment agency activities",
- "Business support service activities n.e.c.",
- "Cleaning activities",
- "Activities of employment placement agencies",
- "Activities of call centres",
- "Combined facilities support activities",
- "Private security activities",
- "Renting and leasing of motor vehicles",
- "Travel agency and tour operator activities",
- "Investigation activities",
- "Landscape service activities",
- "Office administrative and support activities",
- "Organisation of conventions and trade shows",
- "Other human resources provision",
- "Other reservation service and related activities",
- "Renting and leasing of other machinery; equipment and tangible goods",
- "Renting and leasing of personal and household goods"
+ "Computer programming; consultancy and related activities",
+ "Publishing of books; periodicals and other publishing activities",
+ "Motion picture; video and television programme activities",
+ "Other telecommunications activities",
+ "Data processing; hosting and related activities; web portals",
+ "Television programming and broadcasting activities",
+ "Wireless telecommunications activities",
+ "Software publishing",
+ "Other information service activities",
+ "Sound recording and music publishing activities",
+ "Radio broadcasting",
+ "Satellite telecommunications activities",
+ "Wired telecommunications activities"
],
"White": [
- 26600,
- 25900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 37200,
+ 28800,
+ 28800,
+ 32800,
+ 36500,
+ 35000,
+ 42700,
+ 37600,
+ 38700,
+ 30700,
+ 29700,
+ 25200,
+ 28800
+ ],
+ "Black": [
+ 34300,
+ 29900,
+ 28100,
+ 29400,
+ 40300,
+ 34100,
+ 38000,
+ 44900,
-10000,
+ 35000,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 37600,
+ 30800,
+ 31900,
+ 28100,
+ 39100,
+ 41600,
+ 40500,
+ 41600,
+ 29400,
-10000,
-10000,
+ 23900,
+ 52600
+ ],
+ "Mixed": [
+ 35800,
+ 28100,
+ 27000,
+ 32500,
+ 41600,
+ 36500,
-10000,
-10000,
+ 48700,
+ 32500,
-10000,
-10000,
-10000
],
- "Black": [
- 21200,
- -10000,
+ "Other": [
+ 40200,
+ 28800,
+ 27400,
+ 34700,
-10000,
- "NA",
+ 31600,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 35800,
-10000,
-10000,
"NA",
-10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
- "Mixed": [
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
+ "Not known": [
+ 32500,
+ 31400,
+ 35000,
+ 32100,
+ 41400,
+ 34700,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
-10000,
"NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -1487,161 +1533,137 @@
"name": "White",
"type": "numeric",
"cell": [
- "£26,600",
- "£25,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£37,200",
+ "£28,800",
+ "£28,800",
+ "£32,800",
+ "£36,500",
+ "£35,000",
+ "£42,700",
+ "£37,600",
+ "£38,700",
+ "£30,700",
+ "£29,700",
+ "£25,200",
+ "£28,800"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£21,200",
- "c",
+ "£34,300",
+ "£29,900",
+ "£28,100",
+ "£29,400",
+ "£40,300",
+ "£34,100",
+ "£38,000",
+ "£44,900",
"c",
- "x",
+ "£35,000",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£35,800",
- "c",
- "c",
- "x",
- "c",
+ "£37,600",
+ "£30,800",
+ "£31,900",
+ "£28,100",
+ "£39,100",
+ "£41,600",
+ "£40,500",
+ "£41,600",
+ "£29,400",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£23,900",
+ "£52,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£35,800",
+ "£28,100",
+ "£27,000",
+ "£32,500",
+ "£41,600",
+ "£36,500",
"c",
- "x",
"c",
+ "£48,700",
+ "£32,500",
"c",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£40,200",
+ "£28,800",
+ "£27,400",
+ "£34,700",
+ "c",
+ "£31,600",
+ "c",
+ "c",
"c",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£32,500",
+ "£31,400",
+ "£35,000",
+ "£32,100",
+ "£41,400",
+ "£34,700",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ca1b08be2395fc8ff8aaa0418393b95c",
"static": false,
"nested": true
},
@@ -1664,44 +1686,172 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security"
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities"
],
"group_name": [
- "Administration of the State and the economic and social policy of the community",
- "Provision of services to the community as a whole",
- "Compulsory social security activities"
+ "Temporary employment agency activities",
+ "Business support service activities n.e.c.",
+ "Activities of employment placement agencies",
+ "Travel agency and tour operator activities",
+ "Activities of call centres",
+ "Combined facilities support activities",
+ "Cleaning activities",
+ "Renting and leasing of motor vehicles",
+ "Organisation of conventions and trade shows",
+ "Private security activities",
+ "Renting and leasing of other machinery; equipment and tangible goods",
+ "Office administrative and support activities",
+ "Other human resources provision",
+ "Landscape service activities",
+ "Other reservation service and related activities",
+ "Renting and leasing of personal and household goods",
+ "Security systems service activities",
+ "Leasing of intellectual property and similar products; except copyrighted works",
+ "Investigation activities"
],
"White": [
- 30700,
- 31400,
- -10000
- ],
+ 24500,
+ 28500,
+ 29200,
+ 24500,
+ 18600,
+ 31400,
+ 23700,
+ 29900,
+ 28900,
+ 25600,
+ 25600,
+ 26300,
+ 43800,
+ 23000,
+ 28800,
+ 24600,
+ 27400,
+ 37400,
+ 25200
+ ],
"Black": [
+ 21500,
+ 27700,
+ 22300,
+ -10000,
+ 19000,
+ 27200,
+ 22800,
+ 24100,
+ -10000,
+ 23400,
+ 29600,
+ 23700,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
+ "NA",
"NA"
],
"Asian": [
+ 22800,
+ 29700,
+ 23700,
+ 24100,
+ 18200,
+ 30800,
+ 24800,
+ 29200,
+ 31400,
+ 21500,
+ 20600,
+ 27400,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000
],
"Mixed": [
+ 24200,
+ 31800,
+ 30700,
+ 24500,
+ 19300,
+ 25200,
+ 17200,
+ 37600,
+ 30300,
-10000,
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Other": [
+ 27700,
+ 32700,
+ 26600,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
- "NA"
+ -10000,
+ -10000
],
"Not known": [
+ 20800,
+ 26600,
+ 22300,
-10000,
+ 17500,
-10000,
- "NA"
+ 17200,
+ -10000,
+ -10000,
+ 23200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000
]
},
"columns": [
@@ -1724,77 +1874,173 @@
"name": "White",
"type": "numeric",
"cell": [
- "£30,700",
+ "£24,500",
+ "£28,500",
+ "£29,200",
+ "£24,500",
+ "£18,600",
"£31,400",
- "c"
+ "£23,700",
+ "£29,900",
+ "£28,900",
+ "£25,600",
+ "£25,600",
+ "£26,300",
+ "£43,800",
+ "£23,000",
+ "£28,800",
+ "£24,600",
+ "£27,400",
+ "£37,400",
+ "£25,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£27,700",
+ "£22,300",
+ "c",
+ "£19,000",
+ "£27,200",
+ "£22,800",
+ "£24,100",
+ "c",
+ "£23,400",
+ "£29,600",
+ "£23,700",
+ "c",
+ "c",
"c",
"c",
+ "c",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£22,800",
+ "£29,700",
+ "£23,700",
+ "£24,100",
+ "£18,200",
+ "£30,800",
+ "£24,800",
+ "£29,200",
+ "£31,400",
+ "£21,500",
+ "£20,600",
+ "£27,400",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£24,200",
+ "£31,800",
+ "£30,700",
+ "£24,500",
+ "£19,300",
+ "£25,200",
+ "£17,200",
+ "£37,600",
+ "£30,300",
"c",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£27,700",
+ "£32,700",
+ "£26,600",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£20,800",
+ "£26,600",
+ "£22,300",
+ "c",
+ "£17,500",
"c",
+ "£17,200",
"c",
- "x"
+ "c",
+ "£23,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3732128c844b25b738b65d8570c5531b",
"static": false,
"nested": true
},
@@ -1817,107 +2063,712 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing"
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security"
],
"group_name": [
- "Manufacture of other food products",
- "Manufacture of pharmaceutical preparations",
- "Manufacture of medical and dental instruments and supplies",
- "Manufacture of bakery and farinaceous products",
- "Manufacture of basic pharmaceutical products",
- "Manufacture of beverages",
- "Manufacture of instruments and appliances for measuring; testing and navigation; watches and clocks",
- "Manufacture of other chemical products",
- "Processing and preserving of fruit and vegetables",
- "Cutting; shaping and finishing of stone",
- "Manufacture of air and spacecraft and related machinery",
- "Manufacture of articles of concrete; cement and plaster",
- "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
- "Manufacture of basic precious and other non-ferrous metals",
- "Manufacture of bodies (coachwork) for motor vehicles; manufacture of trailers and semi-trailers",
- "Manufacture of computers and peripheral equipment",
- "Manufacture of cutlery; tools and general hardware",
- "Manufacture of dairy products",
- "Manufacture of electric motors; generators; transformers and electricity distribution and control apparatus",
- "Manufacture of furniture",
- "Manufacture of games and toys",
- "Manufacture of grain mill products; starches and starch products",
- "Manufacture of metal forming machinery and machine tools",
- "Manufacture of motor vehicles",
- "Manufacture of other special-purpose machinery",
- "Manufacture of pesticides and other agrochemical products",
- "Manufacture of plastics products",
- "Manufacture of prepared animal feeds",
- "Manufacture of products of wood; cork; straw and plaiting materials",
- "Manufacture of rubber products",
- "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
- "Manufacture of vegetable and animal oils and fats",
- "Manufacture of weapons and ammunition",
- "Manufacturing n.e.c.",
- "Printing and service activities related to printing",
- "Processing and preserving of fish; crustaceans and molluscs",
- "Processing and preserving of meat and production of meat products",
- "Repair of fabricated metal products; machinery and equipment",
- "Treatment and coating of metals; machining"
+ "Provision of services to the community as a whole",
+ "Administration of the State and the economic and social policy of the community",
+ "Compulsory social security activities"
],
"White": [
- 33200,
- 33900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 29600,
+ 30700,
+ 25900
+ ],
+ "Black": [
+ 31000,
+ 31800,
+ 27000
+ ],
+ "Asian": [
+ 29200,
+ 31400,
+ 27400
+ ],
+ "Mixed": [
+ 30300,
+ 32800,
+ 24500
+ ],
+ "Other": [
+ 32500,
+ 32800,
+ -10000
+ ],
+ "Not known": [
+ 32100,
+ 29600,
+ 28100
+ ]
+ },
+ "columns": [
+ {
+ "id": "SECTIONNAME",
+ "name": "Industry",
+ "type": "character",
+ "na": "x",
+ "width": 500
+ },
+ {
+ "id": "group_name",
+ "name": "3 digit SIC code",
+ "type": "character",
+ "na": "x",
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£29,600",
+ "£30,700",
+ "£25,900"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£31,000",
+ "£31,800",
+ "£27,000"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£29,200",
+ "£31,400",
+ "£27,400"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£30,300",
+ "£32,800",
+ "£24,500"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£32,500",
+ "£32,800",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Not known",
+ "name": "Not known",
+ "type": "numeric",
+ "cell": [
+ "£32,100",
+ "£29,600",
+ "£28,100"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ }
+ ],
+ "defaultPageSize": 300,
+ "outlined": true,
+ "dataKey": "5d2bc3fdf43439b273d865ac7913ac1f",
+ "static": false,
+ "nested": true
+ },
+ "children": [
+
+ ]
+ }
+ ]
+ },
+ {
+ "name": "div",
+ "attribs": {
+ "style": {
+ "padding": "16px"
+ }
+ },
+ "children": [
+ {
+ "name": "Reactable",
+ "attribs": {
+ "data": {
+ "SECTIONNAME": [
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities"
+ ],
+ "group_name": [
+ "Monetary intermediation",
+ "Activities auxiliary to insurance and pension funding",
+ "Activities auxiliary to financial services; except insurance and pension funding",
+ "Insurance",
+ "Other financial service activities; except insurance and pension funding",
+ "Fund management activities",
+ "Pension funding",
+ "Trusts; funds and similar financial entities",
+ "Activities of holding companies",
+ "Reinsurance"
+ ],
+ "White": [
+ 40900,
+ 32500,
+ 39800,
+ 31000,
+ 37200,
+ 60600,
+ 14100,
+ 57100,
+ 29400,
+ 47800
+ ],
+ "Black": [
+ 33200,
+ 31000,
+ 36500,
+ 35000,
+ 32800,
+ 42000,
+ -10000,
+ -10000,
+ -10000,
+ "NA"
+ ],
+ "Asian": [
+ 36500,
+ 29900,
+ 47400,
+ 36500,
+ 32300,
+ 66000,
+ -10000,
+ 66400,
+ -10000,
+ -10000
+ ],
+ "Mixed": [
+ 53500,
+ 34700,
+ 40700,
+ 35000,
+ 45300,
+ 58800,
+ "NA",
+ -10000,
+ -10000,
+ -10000
+ ],
+ "Other": [
+ 39800,
+ 24500,
+ 39400,
+ -10000,
+ 43300,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA"
+ ],
+ "Not known": [
+ 34700,
+ 25900,
+ 36100,
+ 28100,
+ 27700,
+ 56200,
+ -10000,
+ "NA",
+ -10000,
+ -10000
+ ]
+ },
+ "columns": [
+ {
+ "id": "SECTIONNAME",
+ "name": "Industry",
+ "type": "character",
+ "na": "x",
+ "width": 500
+ },
+ {
+ "id": "group_name",
+ "name": "3 digit SIC code",
+ "type": "character",
+ "na": "x",
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£40,900",
+ "£32,500",
+ "£39,800",
+ "£31,000",
+ "£37,200",
+ "£60,600",
+ "£14,100",
+ "£57,100",
+ "£29,400",
+ "£47,800"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£33,200",
+ "£31,000",
+ "£36,500",
+ "£35,000",
+ "£32,800",
+ "£42,000",
+ "c",
+ "c",
+ "c",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£36,500",
+ "£29,900",
+ "£47,400",
+ "£36,500",
+ "£32,300",
+ "£66,000",
+ "c",
+ "£66,400",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£53,500",
+ "£34,700",
+ "£40,700",
+ "£35,000",
+ "£45,300",
+ "£58,800",
+ "x",
+ "c",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£39,800",
+ "£24,500",
+ "£39,400",
+ "c",
+ "£43,300",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Not known",
+ "name": "Not known",
+ "type": "numeric",
+ "cell": [
+ "£34,700",
+ "£25,900",
+ "£36,100",
+ "£28,100",
+ "£27,700",
+ "£56,200",
+ "c",
+ "x",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ }
+ ],
+ "defaultPageSize": 300,
+ "outlined": true,
+ "dataKey": "52c9b04b29fe0f3988cd3cd840f201c9",
+ "static": false,
+ "nested": true
+ },
+ "children": [
+
+ ]
+ }
+ ]
+ },
+ {
+ "name": "div",
+ "attribs": {
+ "style": {
+ "padding": "16px"
+ }
+ },
+ "children": [
+ {
+ "name": "Reactable",
+ "attribs": {
+ "data": {
+ "SECTIONNAME": [
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing"
+ ],
+ "group_name": [
+ "Manufacture of air and spacecraft and related machinery",
+ "Manufacture of motor vehicles",
+ "Manufacture of pharmaceutical preparations",
+ "Manufacture of other food products",
+ "Manufacture of instruments and appliances for measuring; testing and navigation; watches and clocks",
+ "Printing and service activities related to printing",
+ "Manufacture of general-purpose machinery",
+ "Manufacture of furniture",
+ "Manufacture of beverages",
+ "Manufacture of plastics products",
+ "Manufacture of medical and dental instruments and supplies",
+ "Manufacture of other general-purpose machinery",
+ "Building of ships and boats",
+ "Manufacture of other chemical products",
+ "Repair of fabricated metal products; machinery and equipment",
+ "Manufacture of bakery and farinaceous products",
+ "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
+ "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
+ "Manufacture of other special-purpose machinery",
+ "Manufacture of structural metal products",
+ "Manufacture of weapons and ammunition",
+ "Processing and preserving of fruit and vegetables",
+ "Processing and preserving of meat and production of meat products",
+ "Treatment and coating of metals; machining",
+ "Manufacture of parts and accessories for motor vehicles",
+ "Manufacture of articles of concrete; cement and plaster",
+ "Manufacture of articles of paper and paperboard ",
+ "Manufacture of basic precious and other non-ferrous metals",
+ "Manufacture of electric motors; generators; transformers and electricity distribution and control apparatus",
+ "Manufacture of products of wood; cork; straw and plaiting materials",
+ "Manufacture of wearing apparel; except fur apparel",
+ "Manufacture of other fabricated metal products",
+ "Manufacture of basic pharmaceutical products",
+ "Manufacture of prepared animal feeds",
+ "Manufacturing n.e.c.",
+ "Manufacture of dairy products",
+ "Manufacture of electronic components and boards",
+ "Manufacture of other textiles",
+ "Installation of industrial machinery and equipment",
+ "Manufacture of refined petroleum products",
+ "Manufacture of electric lighting equipment",
+ "Manufacture of communication equipment",
+ "Manufacture of computers and peripheral equipment",
+ "Manufacture of other electrical equipment",
+ "Manufacture of paints; varnishes and similar coatings; printing ink and mastics",
+ "Manufacture of basic iron and steel and of ferro-alloys",
+ "Manufacture of cutlery; tools and general hardware",
+ "Manufacture of glass and glass products",
+ "Manufacture of grain mill products; starches and starch products",
+ "Manufacture of domestic appliances",
+ "Manufacture of irradiation; electromedical and electrotherapeutic equipment",
+ "Manufacture of optical instruments and photographic equipment",
+ "Manufacture of rubber products",
+ "Manufacture of wiring and wiring devices",
+ "Manufacture of agricultural and forestry machinery",
+ "Manufacture of consumer electronics",
+ "Manufacture of games and toys",
+ "Manufacture of metal forming machinery and machine tools",
+ "Manufacture of railway locomotives and rolling stock",
+ "Manufacture of tanks; reservoirs and containers of metal",
+ "Forging; pressing; stamping and roll-forming of metal; powder metallurgy",
+ "Manufacture of bodies (coachwork) for motor vehicles; manufacture of trailers and semi-trailers",
+ "Manufacture of footwear",
+ "Manufacture of transport equipment n.e.c.",
+ "Finishing of textiles",
+ "Manufacture of abrasive products and non-metallic mineral products n.e.c.",
+ "Manufacture of clay building materials",
+ "Manufacture of jewellery; bijouterie and related articles",
+ "Manufacture of other porcelain and ceramic products",
+ "Manufacture of sports goods",
+ "Reproduction of recorded media",
+ "Cutting; shaping and finishing of stone",
+ "Manufacture of batteries and accumulators",
+ "Manufacture of military fighting vehicles",
+ "Manufacture of musical instruments",
+ "Manufacture of other products of first processing of steel",
+ "Manufacture of pesticides and other agrochemical products",
+ "Manufacture of pulp; paper and paperboard",
+ "Manufacture of tubes; pipes; hollow profiles and related fittings; of steel",
+ "Processing and preserving of fish; crustaceans and molluscs",
+ "Tanning and dressing of leather; manufacture of luggage; handbags; saddlery and harness; dressing and dyeing of fur",
+ "Weaving of textiles",
+ "Casting of metals",
+ "Manufacture of knitted and crocheted apparel",
+ "Manufacture of refractory products",
+ "Manufacture of vegetable and animal oils and fats",
+ "Preparation and spinning of textile fibres",
+ "Sawmilling and planing of wood",
+ "Manufacture of cement; lime and plaster",
+ "Manufacture of magnetic and optical media",
+ "Manufacture of steam generators; except central heating hot water boilers"
+ ],
+ "White": [
+ 40200,
+ 43100,
+ 38300,
+ 34700,
+ 35400,
+ 23700,
+ 37600,
+ 25200,
+ 31800,
+ 26300,
+ 29900,
+ 32800,
+ 38300,
+ 29900,
+ 31400,
+ 27700,
+ 33600,
+ 34700,
+ 33600,
+ 28100,
+ 38300,
+ 35800,
+ 30300,
+ 29600,
+ 33600,
+ 30700,
+ 31400,
+ 49600,
+ 33900,
+ 24600,
+ 25000,
+ 29200,
+ 34900,
+ 30800,
+ 26300,
+ 27600,
+ 32100,
+ 21200,
+ 30700,
+ 49300,
+ 25600,
+ 28800,
+ 33000,
+ 31400,
+ 27400,
+ 28700,
+ 27700,
+ 37600,
+ 37400,
+ 33200,
+ 34300,
+ 31400,
+ 28500,
+ 30300,
+ 30800,
+ 29900,
+ 23700,
+ 33200,
+ 43800,
+ 31400,
+ 27000,
+ 27400,
+ 21900,
+ 37600,
+ 19700,
+ 31000,
+ 31000,
+ 29900,
+ 22300,
+ 19300,
+ 19700,
+ -10000,
+ -10000,
+ 34500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
+ ],
+ "Black": [
+ -10000,
+ 41600,
+ 37800,
+ 28100,
+ -10000,
+ -10000,
+ 30300,
+ -10000,
+ -10000,
+ -10000,
+ 27400,
+ -10000,
+ "NA",
+ -10000,
+ 31000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000,
@@ -1929,25 +2780,50 @@
-10000,
-10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
-10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
-10000,
-10000,
- -10000
- ],
- "Black": [
+ -10000,
-10000,
-10000,
"NA",
-10000,
-10000,
"NA",
+ -10000,
+ "NA",
"NA",
"NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
-10000,
"NA",
"NA",
@@ -1955,52 +2831,177 @@
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ "NA"
+ ],
+ "Asian": [
+ 37600,
+ 38000,
+ 37400,
+ 33900,
+ 34500,
+ 23400,
+ 32100,
+ 22100,
+ -10000,
+ 28500,
+ 27200,
+ 27000,
+ -10000,
+ 31900,
+ 26600,
+ 24500,
+ 34900,
+ -10000,
+ -10000,
+ -10000,
+ 35800,
+ 34300,
+ -10000,
+ -10000,
+ 35000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 23000,
+ -10000,
+ 32500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
-10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
"NA",
"NA",
+ -10000,
+ "NA",
"NA",
"NA",
+ -10000,
+ "NA",
+ -10000,
"NA",
"NA",
"NA"
],
- "Asian": [
+ "Mixed": [
+ 35000,
+ 41600,
+ 42700,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000,
-10000,
-10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
-10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2011,69 +3012,91 @@
"NA",
"NA",
-10000,
+ -10000,
+ "NA",
+ "NA",
"NA",
"NA",
"NA",
- -10000,
"NA",
"NA",
"NA",
"NA",
"NA"
],
- "Mixed": [
+ "Other": [
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
- "NA",
-10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
"NA",
"NA",
- "NA",
+ -10000,
"NA",
-10000,
"NA",
"NA",
- "NA"
- ],
- "Other": [
- -10000,
- -10000,
"NA",
"NA",
- -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2092,18 +3115,61 @@
"NA",
"NA",
"NA",
+ "NA"
+ ],
+ "Not known": [
+ -10000,
+ 44200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
- "NA"
- ],
- "Not known": [
"NA",
"NA",
"NA",
@@ -2111,6 +3177,7 @@
"NA",
-10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2123,6 +3190,7 @@
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2137,8 +3205,6 @@
"NA",
"NA",
"NA",
- -10000,
- "NA",
"NA",
"NA",
"NA",
@@ -2165,10 +3231,80 @@
"name": "White",
"type": "numeric",
"cell": [
- "£33,200",
+ "£40,200",
+ "£43,100",
+ "£38,300",
+ "£34,700",
+ "£35,400",
+ "£23,700",
+ "£37,600",
+ "£25,200",
+ "£31,800",
+ "£26,300",
+ "£29,900",
+ "£32,800",
+ "£38,300",
+ "£29,900",
+ "£31,400",
+ "£27,700",
+ "£33,600",
+ "£34,700",
+ "£33,600",
+ "£28,100",
+ "£38,300",
+ "£35,800",
+ "£30,300",
+ "£29,600",
+ "£33,600",
+ "£30,700",
+ "£31,400",
+ "£49,600",
"£33,900",
+ "£24,600",
+ "£25,000",
+ "£29,200",
+ "£34,900",
+ "£30,800",
+ "£26,300",
+ "£27,600",
+ "£32,100",
+ "£21,200",
+ "£30,700",
+ "£49,300",
+ "£25,600",
+ "£28,800",
+ "£33,000",
+ "£31,400",
+ "£27,400",
+ "£28,700",
+ "£27,700",
+ "£37,600",
+ "£37,400",
+ "£33,200",
+ "£34,300",
+ "£31,400",
+ "£28,500",
+ "£30,300",
+ "£30,800",
+ "£29,900",
+ "£23,700",
+ "£33,200",
+ "£43,800",
+ "£31,400",
+ "£27,000",
+ "£27,400",
+ "£21,900",
+ "£37,600",
+ "£19,700",
+ "£31,000",
+ "£31,000",
+ "£29,900",
+ "£22,300",
+ "£19,300",
+ "£19,700",
"c",
"c",
+ "£34,500",
"c",
"c",
"c",
@@ -2185,187 +3321,83 @@
"c",
"c",
"c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
"c",
+ "£41,600",
+ "£37,800",
+ "£28,100",
"c",
"c",
+ "£30,300",
"c",
"c",
"c",
+ "£27,400",
"c",
+ "x",
+ "c",
+ "£31,000",
"c",
"c",
- "x",
- "x",
"c",
"c",
- "x",
"c",
- "x",
"c",
"c",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "cell": [
"c",
"c",
- "x",
"c",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
"c",
"c",
"c",
"c",
"c",
- "x",
"x",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "cell": [
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
"c",
"x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "cell": [
"c",
"c",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
@@ -2375,22 +3407,16 @@
"x",
"x",
"x",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
"x",
"x",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x",
"x",
"x",
@@ -2398,207 +3424,131 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "Not known",
- "name": "Not known",
+ "id": "Asian",
+ "name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£37,600",
+ "£38,000",
+ "£37,400",
+ "£33,900",
+ "£34,500",
+ "£23,400",
+ "£32,100",
+ "£22,100",
+ "c",
+ "£28,500",
+ "£27,200",
+ "£27,000",
+ "c",
+ "£31,900",
+ "£26,600",
+ "£24,500",
+ "£34,900",
+ "c",
+ "c",
+ "c",
+ "£35,800",
+ "£34,300",
+ "c",
+ "c",
+ "£35,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£23,000",
+ "c",
+ "£32,500",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
+ "c",
"x",
"x",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
+ "c",
"x",
"x",
"x",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x",
"x",
"x",
"c",
"x",
- "x",
+ "c",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- }
- ],
- "defaultPageSize": 300,
- "outlined": true,
- "dataKey": "random_key",
- "static": false,
- "nested": true
- },
- "children": [
-
- ]
- }
- ]
- },
- {
- "name": "div",
- "attribs": {
- "style": {
- "padding": "16px"
- }
- },
- "children": [
- {
- "name": "Reactable",
- "attribs": {
- "data": {
- "SECTIONNAME": [
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication"
- ],
- "group_name": [
- "Computer programming; consultancy and related activities",
- "Publishing of books; periodicals and other publishing activities",
- "Data processing; hosting and related activities; web portals",
- "Motion picture; video and television programme activities",
- "Other telecommunications activities",
- "Software publishing",
- "Other information service activities",
- "Satellite telecommunications activities",
- "Sound recording and music publishing activities",
- "Television programming and broadcasting activities",
- "Wireless telecommunications activities"
- ],
- "White": [
- 33900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
- ],
- "Black": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 42700,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Mixed": [
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "SECTIONNAME",
- "name": "Industry",
- "type": "character",
- "na": "x",
- "width": 500
- },
- {
- "id": "group_name",
- "name": "3 digit SIC code",
- "type": "character",
- "na": "x",
- "width": 300
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "White",
- "name": "White",
+ "id": "Mixed",
+ "name": "Mixed",
"type": "numeric",
"cell": [
- "£33,900",
+ "£35,000",
+ "£41,600",
+ "£42,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c",
@@ -2608,56 +3558,58 @@
"c",
"c",
"c",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "cell": [
"c",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
- "£42,700",
"c",
+ "x",
"c",
"x",
"c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x",
"x",
"x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "cell": [
"c",
"c",
"x",
@@ -2668,16 +3620,87 @@
"x",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"c",
"x",
@@ -2688,10 +3711,20 @@
"x",
"x",
"x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -2699,6 +3732,86 @@
"type": "numeric",
"cell": [
"c",
+ "£44,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x",
"x",
@@ -2711,12 +3824,12 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c4b5b05b0069325ebd3f9170a402d147",
"static": false,
"nested": true
},
@@ -2739,84 +3852,76 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities"
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities"
],
- "group_name": [
- "Monetary intermediation",
- "Activities auxiliary to insurance and pension funding",
- "Activities auxiliary to financial services; except insurance and pension funding",
- "Fund management activities",
- "Insurance",
- "Other financial service activities; except insurance and pension funding",
- "Pension funding",
- "Activities of holding companies"
+ "group_name": [
+ "Restaurants and mobile food service activities",
+ "Beverage serving activities",
+ "Hotels and similar accommodation",
+ "Event catering and other food service activities",
+ "Camping grounds; recreational vehicle parks and trailer parks",
+ "Holiday and other short-stay accommodation",
+ "Other accommodation"
],
"White": [
- 42000,
- 29600,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 17500,
+ 17500,
+ 19700,
+ 23400,
+ 19000,
+ 18100,
+ 24300
],
"Black": [
+ 16400,
+ 17500,
+ 19700,
+ 21500,
-10000,
-10000,
- "NA",
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
+ 23400
],
"Asian": [
- 28100,
- -10000,
- -10000,
- "NA",
+ 16400,
+ 21200,
+ 19000,
+ 23300,
-10000,
-10000,
- "NA",
-10000
],
"Mixed": [
+ 16400,
+ 17200,
+ 19700,
+ 23700,
-10000,
- "NA",
- "NA",
- -10000,
- "NA",
-10000,
- "NA",
"NA"
],
"Other": [
+ 14600,
+ -10000,
+ -10000,
+ -10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
"NA"
],
"Not known": [
+ 14400,
+ 17200,
+ 16800,
+ 21400,
-10000,
-10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -2839,107 +3944,101 @@
"name": "White",
"type": "numeric",
"cell": [
- "£42,000",
- "£29,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£17,500",
+ "£17,500",
+ "£19,700",
+ "£23,400",
+ "£19,000",
+ "£18,100",
+ "£24,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£16,400",
+ "£17,500",
+ "£19,700",
+ "£21,500",
"c",
"c",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x"
+ "£23,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£28,100",
- "c",
- "c",
- "x",
+ "£16,400",
+ "£21,200",
+ "£19,000",
+ "£23,300",
"c",
"c",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£16,400",
+ "£17,200",
+ "£19,700",
+ "£23,700",
"c",
- "x",
- "x",
- "c",
- "x",
"c",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£14,600",
+ "c",
+ "c",
+ "c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£14,400",
+ "£17,200",
+ "£16,800",
+ "£21,400",
"c",
"c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3d0b94a12d324d4264b5a378341ba8bd",
"static": false,
"nested": true
},
@@ -2970,52 +4069,52 @@
],
"group_name": [
"Sports activities",
- "Amusement and recreation activities",
"Creative; arts and entertainment activities",
+ "Libraries; archives; museums and other cultural activities",
"Gambling and betting activities",
- "Libraries; archives; museums and other cultural activities"
+ "Amusement and recreation activities"
],
"White": [
- 28800,
- -10000,
- -10000,
- "NA",
- -10000
+ 23700,
+ 22600,
+ 20800,
+ 28100,
+ 19300
],
"Black": [
+ 23400,
+ 25900,
-10000,
- "NA",
- "NA",
- -10000,
- "NA"
+ 19700,
+ -10000
],
"Asian": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 23500,
+ 27000,
+ 22600,
+ 24600,
+ -10000
],
"Mixed": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 22400,
+ 22300,
+ 19700,
+ 25400,
+ -10000
],
"Other": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ 24800,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Not known": [
+ 21500,
+ 19000,
+ 22300,
-10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -3038,89 +4137,89 @@
"name": "White",
"type": "numeric",
"cell": [
- "£28,800",
- "c",
- "c",
- "x",
- "c"
+ "£23,700",
+ "£22,600",
+ "£20,800",
+ "£28,100",
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£23,400",
+ "£25,900",
"c",
- "x",
- "x",
- "c",
- "x"
+ "£19,700",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£23,500",
+ "£27,000",
+ "£22,600",
+ "£24,600",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£22,400",
+ "£22,300",
+ "£19,700",
+ "£25,400",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£24,800",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£19,000",
+ "£22,300",
"c",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "da51490eb0a9e9d282520a82e992021a",
"static": false,
"nested": true
},
@@ -3143,61 +4242,117 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities"
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage"
],
"group_name": [
- "Beverage serving activities",
- "Restaurants and mobile food service activities",
- "Event catering and other food service activities",
- "Hotels and similar accommodation",
- "Camping grounds; recreational vehicle parks and trailer parks",
- "Holiday and other short-stay accommodation",
- "Other accommodation"
+ "Support activities for transportation",
+ "Warehousing and storage",
+ "Other passenger land transport ",
+ "Passenger air transport",
+ "Other postal and courier activities",
+ "Postal activities under universal service obligation",
+ "Freight transport by road and removal services",
+ "Passenger rail transport; interurban",
+ "Sea and coastal passenger water transport",
+ "Sea and coastal freight water transport",
+ "Freight air transport and space transport",
+ "Freight rail transport",
+ "Inland passenger water transport",
+ "Transport via pipeline",
+ "Inland freight water transport"
],
"White": [
- 23000,
- 18600,
+ 31000,
+ 31800,
+ 32300,
+ 29200,
+ 30300,
+ 25200,
+ 25200,
+ 33600,
+ 22600,
+ 32800,
-10000,
-10000,
-10000,
- "NA",
- "NA"
+ -10000,
+ -10000
],
"Black": [
- "NA",
+ 26500,
+ 25700,
+ 32500,
+ 24500,
+ 29600,
+ 34700,
+ 27400,
+ 31600,
"NA",
-10000,
+ -10000,
"NA",
"NA",
- "NA",
- -10000
+ -10000,
+ "NA"
],
"Asian": [
+ 28800,
+ 29200,
+ 31800,
+ 25200,
+ 27300,
+ 24800,
+ 27600,
+ 32500,
"NA",
-10000,
- -10000,
- -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA"
],
"Mixed": [
+ 30700,
+ 31400,
+ 34900,
+ 22300,
+ 20800,
+ -10000,
-10000,
-10000,
- "NA",
-10000,
"NA",
"NA",
+ "NA",
+ "NA",
+ "NA",
"NA"
],
"Other": [
+ 28500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -3206,12 +4361,20 @@
"NA"
],
"Not known": [
+ 28500,
+ 28100,
+ 34500,
+ -10000,
+ 59900,
-10000,
+ -10000,
+ 33000,
+ "NA",
+ "NA",
"NA",
"NA",
"NA",
"NA",
- -10000,
"NA"
]
},
@@ -3235,71 +4398,111 @@
"name": "White",
"type": "numeric",
"cell": [
- "£23,000",
- "£18,600",
+ "£31,000",
+ "£31,800",
+ "£32,300",
+ "£29,200",
+ "£30,300",
+ "£25,200",
+ "£25,200",
+ "£33,600",
+ "£22,600",
+ "£32,800",
"c",
"c",
"c",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "£26,500",
+ "£25,700",
+ "£32,500",
+ "£24,500",
+ "£29,600",
+ "£34,700",
+ "£27,400",
+ "£31,600",
"x",
"c",
+ "c",
"x",
"x",
- "x",
- "c"
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£28,800",
+ "£29,200",
+ "£31,800",
+ "£25,200",
+ "£27,300",
+ "£24,800",
+ "£27,600",
+ "£32,500",
"x",
"c",
- "c",
- "c",
"x",
+ "c",
"x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£30,700",
+ "£31,400",
+ "£34,900",
+ "£22,300",
+ "£20,800",
+ "c",
"c",
"c",
- "x",
"c",
"x",
"x",
+ "x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£28,500",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
@@ -3308,28 +4511,36 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£28,500",
+ "£28,100",
+ "£34,500",
+ "c",
+ "£59,900",
"c",
+ "c",
+ "£33,000",
+ "x",
+ "x",
"x",
"x",
"x",
"x",
- "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "61379e38d8254173c80a23bc2686db4c",
"static": false,
"nested": true
},
@@ -3352,83 +4563,91 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage"
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction"
],
"group_name": [
- "Support activities for transportation",
- "Warehousing and storage",
- "Freight transport by road and removal services",
- "Other passenger land transport ",
- "Other postal and courier activities",
- "Passenger air transport",
- "Passenger rail transport; interurban",
- "Postal activities under universal service obligation"
+ "Construction of residential and non-residential buildings",
+ "Construction of other civil engineering projects",
+ "Electrical; plumbing and other construction installation activities",
+ "Development of building projects",
+ "Building completion and finishing",
+ "Construction of utility projects",
+ "Other specialised construction activities",
+ "Construction of roads and railways",
+ "Demolition and site preparation"
],
"White": [
+ 40900,
+ 40200,
+ 25600,
+ 40900,
+ 28100,
+ 35800,
+ 29900,
+ 36100,
+ 31000
+ ],
+ "Black": [
+ 35000,
+ 35400,
+ 29600,
+ 46700,
-10000,
+ 32800,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 38500,
+ 37600,
+ 26800,
+ 38500,
+ 23400,
+ 32500,
-10000,
-10000,
- -10000,
- -10000,
- -10000
+ "NA"
],
- "Black": [
- "NA",
+ "Mixed": [
+ 36300,
+ 37200,
-10000,
+ 35400,
-10000,
-10000,
- "NA",
-10000,
-10000,
- "NA"
+ -10000
],
- "Asian": [
+ "Other": [
+ 38000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- -10000
- ],
- "Mixed": [
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- "NA",
- "NA",
- "NA",
-10000,
"NA",
- "NA",
- "NA",
"NA"
],
"Not known": [
- "NA",
- "NA",
- "NA",
+ 44200,
+ 34700,
+ 27200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
- "NA",
- "NA",
- "NA",
"NA"
]
},
@@ -3452,107 +4671,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£40,900",
+ "£40,200",
+ "£25,600",
+ "£40,900",
+ "£28,100",
+ "£35,800",
+ "£29,900",
+ "£36,100",
+ "£31,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "c",
- "c",
+ "£35,000",
+ "£35,400",
+ "£29,600",
+ "£46,700",
"c",
- "x",
+ "£32,800",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£38,500",
+ "£37,600",
+ "£26,800",
+ "£38,500",
+ "£23,400",
+ "£32,500",
"c",
"c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£36,300",
+ "£37,200",
"c",
- "x",
- "x",
- "x",
+ "£35,400",
"c",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "£38,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "£44,200",
+ "£34,700",
+ "£27,200",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9c5fa588ed435d4d060f8fdaf140c1f6",
"static": false,
"nested": true
},
@@ -3575,44 +4800,68 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Other service activities",
+ "Other service activities",
+ "Other service activities",
"Other service activities",
"Other service activities",
"Other service activities"
],
"group_name": [
- "Other personal service activities",
"Activities of other membership organisations",
- "Activities of business; employers and professional membership organisations"
+ "Other personal service activities",
+ "Activities of business; employers and professional membership organisations",
+ "Repair of computers and communication equipment",
+ "Activities of trade unions",
+ "Repair of personal and household goods"
],
"White": [
- 24800,
- -10000,
- -10000
+ 23000,
+ 24300,
+ 30300,
+ 34300,
+ 36800,
+ 18200
],
"Black": [
- "NA",
+ 23000,
+ 27400,
+ 29200,
+ -10000,
-10000,
-10000
],
"Asian": [
- -10000,
+ 23400,
+ 22800,
+ 30300,
+ 28100,
-10000,
-10000
],
"Mixed": [
- "NA",
- "NA",
+ 22600,
+ 29900,
+ 29700,
+ -10000,
+ -10000,
"NA"
],
"Other": [
-10000,
- "NA",
+ 15300,
+ -10000,
+ -10000,
+ -10000,
"NA"
],
"Not known": [
+ 23700,
+ 24500,
+ 32800,
-10000,
-10000,
- "NA"
+ -10000
]
},
"columns": [
@@ -3635,48 +4884,60 @@
"name": "White",
"type": "numeric",
"cell": [
- "£24,800",
- "c",
- "c"
+ "£23,000",
+ "£24,300",
+ "£30,300",
+ "£34,300",
+ "£36,800",
+ "£18,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "£23,000",
+ "£27,400",
+ "£29,200",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
+ "£23,400",
+ "£22,800",
+ "£30,300",
+ "£28,100",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
+ "£22,600",
+ "£29,900",
+ "£29,700",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -3684,28 +4945,34 @@
"type": "numeric",
"cell": [
"c",
- "x",
+ "£15,300",
+ "c",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£23,700",
+ "£24,500",
+ "£32,800",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d44bd26c76c0741e399078a80d883d24",
"static": false,
"nested": true
},
@@ -3728,35 +4995,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Real estate activities",
"Real estate activities",
"Real estate activities"
],
"group_name": [
"Real estate activities on a fee or contract basis",
- "Renting and operating of own or leased real estate"
+ "Renting and operating of own or leased real estate",
+ "Buying and selling of own real estate"
],
"White": [
- -10000,
- 23700
+ 31000,
+ 26300,
+ 31400
],
"Black": [
- -10000,
+ 28500,
+ 26600,
-10000
],
"Asian": [
- -10000,
+ 27700,
+ 27600,
"NA"
],
"Mixed": [
- -10000,
- "NA"
+ 28500,
+ 29200,
+ -10000
],
"Other": [
- "NA",
+ 29900,
+ -10000,
"NA"
],
"Not known": [
- "NA",
+ 26100,
+ 27000,
"NA"
]
},
@@ -3780,71 +5055,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "£23,700"
+ "£31,000",
+ "£26,300",
+ "£31,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c",
+ "£28,500",
+ "£26,600",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
+ "£27,700",
+ "£27,600",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x"
+ "£28,500",
+ "£29,200",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
+ "£29,900",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
+ "£26,100",
+ "£27,000",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "701f527a04b49f8c9750b51cd66ec561",
"static": false,
"nested": true
},
@@ -3867,67 +5148,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction"
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply"
],
"group_name": [
- "Construction of residential and non-residential buildings",
- "Electrical; plumbing and other construction installation activities",
- "Building completion and finishing",
- "Construction of other civil engineering projects",
- "Demolition and site preparation",
- "Other specialised construction activities"
+ "Electric power generation; transmission and distribution",
+ "Manufacture of gas; distribution of gaseous fuels through mains",
+ "Steam and air conditioning supply"
],
"White": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 35000,
+ 43000,
-10000
],
"Black": [
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
+ 26400,
+ 36600,
"NA"
],
"Asian": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 26600,
+ 38900,
"NA"
],
"Mixed": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 27400,
+ -10000,
"NA"
],
"Other": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
+ -10000,
"NA"
],
"Not known": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 31000,
+ -10000,
"NA"
]
},
@@ -3951,95 +5208,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£35,000",
+ "£43,000",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "c",
- "x",
- "x",
- "x",
+ "£26,400",
+ "£36,600",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£26,600",
+ "£38,900",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£27,400",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£31,000",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e25c16fa5058aaeeecd7e84daabd8802",
"static": false,
"nested": true
},
@@ -4062,36 +5301,68 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
"Water supply - sewerage, waste management and remediation activities",
"Water supply - sewerage, waste management and remediation activities"
],
"group_name": [
+ "Water collection; treatment and supply",
"Waste collection",
- "Water collection; treatment and supply"
+ "Sewerage",
+ "Waste treatment and disposal",
+ "Materials recovery",
+ "Remediation activities and other waste management services"
],
"White": [
- -10000,
- -10000
+ 31800,
+ 28500,
+ 32300,
+ 29000,
+ 26300,
+ 25600
],
"Black": [
- "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA"
],
"Asian": [
- "NA",
- "NA"
+ 34300,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Mixed": [
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA"
],
"Other": [
+ -10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
"NA"
],
"Not known": [
- "NA",
- -10000
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA"
]
},
"columns": [
@@ -4114,71 +5385,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c"
+ "£31,800",
+ "£28,500",
+ "£32,300",
+ "£29,000",
+ "£26,300",
+ "£25,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "£34,300",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "c"
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "923e1ac5c10d203ac47ba5f8bfb99319",
"static": false,
"nested": true
},
@@ -4201,34 +5496,98 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Electricity, gas, steam and air conditioning supply",
- "Electricity, gas, steam and air conditioning supply"
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing"
],
"group_name": [
- "Electric power generation; transmission and distribution",
- "Manufacture of gas; distribution of gaseous fuels through mains"
+ "Animal production",
+ "Growing of non-perennial crops",
+ "Support activities to agriculture and post-harvest crop activities",
+ "Mixed farming",
+ "Silviculture and other forestry activities",
+ "Growing of perennial crops",
+ "Aquaculture",
+ "Plant propagation",
+ "Logging",
+ "Support services to forestry"
],
"White": [
+ 21500,
+ 23700,
+ 20100,
+ 27000,
+ 25200,
+ 20400,
+ -10000,
+ -10000,
-10000,
-10000
],
"Black": [
-10000,
- -10000
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
],
"Asian": [
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Mixed": [
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
"NA",
"NA"
],
"Other": [
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Not known": [
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
]
@@ -4253,11 +5612,19 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£23,700",
+ "£20,100",
+ "£27,000",
+ "£25,200",
+ "£20,400",
+ "c",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -4265,59 +5632,99 @@
"type": "numeric",
"cell": [
"c",
- "c"
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0456fba48981e97a1bd1169e994cd1b1",
"static": false,
"nested": true
},
@@ -4346,22 +5753,22 @@
"Activities of households as employers of domestic personnel"
],
"White": [
- "NA"
+ 20800
],
"Black": [
- "NA"
+ 17900
],
"Asian": [
- -10000
+ 13900
],
"Mixed": [
- "NA"
+ -10000
],
"Other": [
- "NA"
+ -10000
],
"Not known": [
- "NA"
+ 18200
]
},
"columns": [
@@ -4384,65 +5791,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "x"
+ "£20,800"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x"
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c"
+ "£13,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x"
+ "£18,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "23ab3efe1f129adee5e465b805665c26",
"static": false,
"nested": true
},
@@ -4465,36 +5872,76 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing"
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying"
],
"group_name": [
- "Animal production",
- "Support activities to agriculture and post-harvest crop activities"
+ "Quarrying of stone; sand and clay",
+ "Support activities for petroleum and natural gas extraction",
+ "Extraction of crude petroleum",
+ "Mining and quarrying n.e.c.",
+ "Extraction of natural gas",
+ "Mining of hard coal",
+ "Support activities for other mining and quarrying"
],
"White": [
+ 31000,
+ 73900,
+ 54000,
+ -10000,
+ -10000,
-10000,
-10000
],
"Black": [
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Asian": [
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ "NA",
"NA",
"NA"
],
"Mixed": [
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Other": [
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Not known": [
"NA",
- -10000
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
]
},
"columns": [
@@ -4517,55 +5964,80 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£31,000",
+ "£73,900",
+ "£54,000",
+ "c",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -4573,15 +6045,20 @@
"type": "numeric",
"cell": [
"x",
- "c"
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "27a30091c16748ac0d39f6467e78d2f3",
"static": false,
"nested": true
},
@@ -4604,28 +6081,28 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Mining and quarrying"
+ "Activities of extraterritorial organisations and bodies"
],
"group_name": [
- "Support activities for petroleum and natural gas extraction"
+ "Activities of extraterritorial organisations and bodies"
],
"White": [
-10000
],
"Black": [
- "NA"
+ -10000
],
"Asian": [
-10000
],
"Mixed": [
- "NA"
+ -10000
],
"Other": [
- "NA"
+ -10000
],
"Not known": [
- "NA"
+ -10000
]
},
"columns": [
@@ -4651,17 +6128,17 @@
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -4671,42 +6148,42 @@
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6958a12a02f376dc60ab3f022fbf3f54",
"static": false,
"nested": true
},
@@ -4735,22 +6212,22 @@
"Not known"
],
"White": [
- 20500
+ 19300
],
"Black": [
- 12400
+ 13500
],
"Asian": [
- 16800
+ 19300
],
"Mixed": [
- 16700
+ 17900
],
"Other": [
- -10000
+ 13300
],
"Not known": [
- 22300
+ 13900
]
},
"columns": [
@@ -4773,65 +6250,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "£20,500"
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£12,400"
+ "£13,500"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£16,800"
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "£16,700"
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "c"
+ "£13,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£22,300"
+ "£13,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "00d52611481e981a55a6abc0360fa0e4",
"static": false,
"nested": true
},
@@ -4872,31 +6349,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,900",
+ "£29,600",
"£27,700",
- "£28,800",
- "£32,100",
- "£26,300",
- "£30,300",
- "£32,500",
"£32,800",
- "£33,400",
- "£28,100",
- "£21,900",
- "£29,600",
- "£23,000",
- "£24,100",
- "£31,000",
- "c",
- "c",
- "x",
- "c",
+ "£24,500",
+ "£33,900",
+ "£26,300",
+ "£29,900",
+ "£38,000",
+ "£33,600",
+ "£18,200",
+ "£22,600",
+ "£29,900",
+ "£36,100",
+ "£25,200",
+ "£29,200",
+ "£37,600",
+ "£30,700",
+ "£23,700",
+ "£20,800",
+ "£44,900",
"c",
- "£20,500"
+ "£19,300"
],
- "footer": "4,405",
+ "footer": "154,335",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -4906,31 +6384,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,600",
"£30,700",
- "£21,500",
- "£28,100",
- "£23,000",
+ "£27,700",
+ "£29,900",
+ "£22,600",
+ "£33,200",
+ "£23,400",
"£31,000",
+ "£33,900",
+ "£30,800",
+ "£19,300",
+ "£22,600",
+ "£28,800",
+ "£33,900",
+ "£27,400",
+ "£27,600",
+ "£29,000",
+ "£28,100",
"c",
+ "£17,900",
"c",
"c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "£12,400"
+ "£13,500"
],
- "footer": "490",
+ "footer": "12,890",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -4940,31 +6419,32 @@
"fontWeight": "bold"
},
"cell": [
+ "£34,300",
+ "£27,400",
+ "£32,100",
+ "£25,600",
+ "£35,800",
+ "£24,800",
"£29,900",
+ "£38,700",
+ "£32,800",
+ "£18,200",
+ "£24,100",
+ "£28,500",
+ "£33,900",
"£26,600",
- "£36,900",
- "£35,000",
- "£26,900",
- "c",
- "£29,200",
- "£40,200",
- "£26,300",
- "c",
- "c",
- "c",
- "c",
+ "£27,700",
+ "£31,800",
+ "£27,400",
"c",
- "x",
- "x",
- "x",
+ "£13,900",
"c",
- "x",
"c",
- "£16,800"
+ "£19,300"
],
- "footer": "820",
+ "footer": "21,955",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
@@ -4974,31 +6454,32 @@
"fontWeight": "bold"
},
"cell": [
- "£32,500",
- "£25,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£32,100",
+ "£27,700",
+ "£33,400",
+ "£24,500",
+ "£33,900",
+ "£26,600",
+ "£31,400",
+ "£42,000",
+ "£33,200",
+ "£18,200",
+ "£22,000",
+ "£29,600",
+ "£36,100",
+ "£28,800",
+ "£28,500",
+ "£28,800",
+ "£30,700",
"c",
"c",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "£16,700"
+ "£17,900"
],
- "footer": "170",
+ "footer": "6,905",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -5008,31 +6489,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,900",
- "c",
- "c",
+ "£33,600",
+ "£28,300",
+ "£33,200",
+ "£22,600",
+ "£35,800",
+ "£27,700",
+ "£31,800",
+ "£40,900",
+ "£35,400",
+ "£15,300",
+ "£22,800",
+ "£28,500",
+ "£36,100",
+ "£26,800",
+ "£29,200",
"c",
"c",
"x",
"c",
- "c",
- "x",
- "x",
"x",
"c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "£13,300"
],
- "footer": "50",
+ "footer": "2,120",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -5042,37 +6524,38 @@
"fontWeight": "bold"
},
"cell": [
- "£29,600",
- "£25,200",
- "£20,400",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£29,900",
+ "£26,300",
+ "£32,100",
+ "£20,800",
+ "£33,600",
+ "£23,000",
+ "£30,300",
+ "£32,100",
+ "£31,800",
+ "£17,200",
+ "£21,400",
+ "£29,700",
+ "£33,200",
+ "£24,300",
+ "£26,800",
+ "£32,100",
+ "£30,300",
"c",
- "x",
- "x",
+ "£18,200",
"c",
- "x",
- "x",
"c",
- "x",
- "£22,300"
+ "£13,900"
],
- "footer": "185",
+ "footer": "4,730",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "6a7b8080c44fc3389c254e1fc185683f",
"static": false
},
"children": [
@@ -5208,6 +6691,12 @@
"tag.attribs.columns.0.details.20.children.0.attribs.columns.5.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.6.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.7.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.2.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.3.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.4.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.5.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.6.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.7.style",
"tag.attribs.columns.3.style",
"tag.attribs.columns.4.style",
"tag.attribs.columns.5.style",
@@ -5222,7 +6711,7 @@
]
},
- "crosstab_text": "For first degree graduates of Allied health, five years after graduation, Human health and social work activities<\/b> <\/b> was the most common industry for all ethnicities.
The industry with the largest range in proportions was Human health and social work activities<\/b> where Other<\/b> ethnicity graduates had the highest proportion and Asian<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Wholesale and retail trade - repair of motor vehicles and motorcycles<\/b> where Asian<\/b> ethnicity graduates had the highest median earnings (£36,900<\/b><\/b>) and Black<\/b> ethnicity graduates had the lowest median earnings (£21,500<\/b><\/b>). The group with the highest earnings was Asian<\/b> ethnicity graduates who worked in the Information and communication<\/b> industry (median earnings of £40,200<\/b>).
",
- "crosstab_title": " Industry of graduate employment for graduates of Allied health by ethnicity, five years after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
+ "crosstab_text": "For first degree graduates of all subjects, five years after graduation, Education<\/b> <\/b> was the most common industry for White ethnicity graduates,\n and Human health and social work activities<\/b> <\/b> was the most common industry for Black, Asian, Mixed, Other and Not known ethnicity graduates.
The industry with the largest range in proportions was Human health and social work activities<\/b> where Black<\/b> ethnicity graduates had the highest proportion and White<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Electricity, gas, steam and air conditioning supply<\/b> where White<\/b> ethnicity graduates had the highest median earnings (£37,600<\/b><\/b>) and Mixed<\/b> ethnicity graduates had the lowest median earnings (£28,800<\/b><\/b>). The group with the highest earnings was White<\/b> ethnicity graduates who worked in the Mining and quarrying<\/b> industry (median earnings of £44,900<\/b>).
",
+ "crosstab_title": " Industry of graduate employment for graduates of all subjects by ethnicity, five years after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
}
}
diff --git a/tests/testthat/_snaps/testUI/011_.png b/tests/testthat/_snaps/testUI/011_.png
new file mode 100644
index 0000000..c6145a9
Binary files /dev/null and b/tests/testthat/_snaps/testUI/011_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_5.json b/tests/testthat/_snaps/testUI/012.json
similarity index 76%
rename from tests/shinytest/testUI-expected/subjectByIndustry_5.json
rename to tests/testthat/_snaps/testUI/012.json
index 93d5896..bc957ea 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_5.json
+++ b/tests/testthat/_snaps/testUI/012.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "5",
"countinput2": "ethnicity",
- "crosstabs.subjectinput": "Allied health",
+ "crosstabs.subjectinput": "All",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "5"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -17,24 +17,25 @@
"SECTIONNAME": [
"Human health and social work activities",
"Education",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
"Professional, scientific and technical activities",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Information and communication",
"Administrative and support service activities",
"Public administration and defence - compulsory social security",
- "Manufacturing",
- "Information and communication",
"Financial and insurance activities",
- "Arts, entertainment and recreation",
+ "Manufacturing",
"Accommodation and food service activities",
+ "Arts, entertainment and recreation",
"Transportation and storage",
+ "Construction",
"Other service activities",
"Real estate activities",
- "Construction",
- "Water supply - sewerage, waste management and remediation activities",
"Electricity, gas, steam and air conditioning supply",
- "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
+ "Water supply - sewerage, waste management and remediation activities",
"Agriculture, forestry and fishing",
+ "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
"Mining and quarrying",
+ "Activities of extraterritorial organisations and bodies",
"Not known"
],
"group_name": [
@@ -58,145 +59,152 @@
"All",
"All",
"All",
+ "All",
"All"
],
"White": [
- 29900,
+ 29600,
27700,
- 28800,
- 32100,
- 26300,
- 30300,
- 32500,
32800,
- 33400,
- 28100,
- 21900,
- 29600,
- 23000,
- 24100,
- 31000,
- -10000,
- -10000,
- "NA",
- -10000,
+ 24500,
+ 33900,
+ 26300,
+ 29900,
+ 38000,
+ 33600,
+ 18200,
+ 22600,
+ 29900,
+ 36100,
+ 25200,
+ 29200,
+ 37600,
+ 30700,
+ 23700,
+ 20800,
+ 44900,
-10000,
- 20500
+ 19300
],
"Black": [
- 29600,
30700,
- 21500,
- 28100,
- 23000,
+ 27700,
+ 29900,
+ 22600,
+ 33200,
+ 23400,
31000,
+ 33900,
+ 30800,
+ 19300,
+ 22600,
+ 28800,
+ 33900,
+ 27400,
+ 27600,
+ 29000,
+ 28100,
-10000,
+ 17900,
-10000,
-10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- 12400
+ 13500
],
"Asian": [
+ 34300,
+ 27400,
+ 32100,
+ 25600,
+ 35800,
+ 24800,
29900,
+ 38700,
+ 32800,
+ 18200,
+ 24100,
+ 28500,
+ 33900,
26600,
- 36900,
- 35000,
- 26900,
- -10000,
- 29200,
- 40200,
- 26300,
- -10000,
- -10000,
- -10000,
- -10000,
+ 27700,
+ 31800,
+ 27400,
-10000,
- "NA",
- "NA",
- "NA",
+ 13900,
-10000,
- "NA",
-10000,
- 16800
+ 19300
],
"Mixed": [
- 32500,
- 25900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 32100,
+ 27700,
+ 33400,
+ 24500,
+ 33900,
+ 26600,
+ 31400,
+ 42000,
+ 33200,
+ 18200,
+ 22000,
+ 29600,
+ 36100,
+ 28800,
+ 28500,
+ 28800,
+ 30700,
-10000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- 16700
+ 17900
],
"Other": [
- 29900,
- -10000,
- -10000,
+ 33600,
+ 28300,
+ 33200,
+ 22600,
+ 35800,
+ 27700,
+ 31800,
+ 40900,
+ 35400,
+ 15300,
+ 22800,
+ 28500,
+ 36100,
+ 26800,
+ 29200,
-10000,
-10000,
"NA",
-10000,
- -10000,
- "NA",
- "NA",
"NA",
-10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
+ 13300
],
"Not known": [
- 29600,
- 25200,
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 29900,
+ 26300,
+ 32100,
+ 20800,
+ 33600,
+ 23000,
+ 30300,
+ 32100,
+ 31800,
+ 17200,
+ 21400,
+ 29700,
+ 33200,
+ 24300,
+ 26800,
+ 32100,
+ 30300,
-10000,
- "NA",
- "NA",
+ 18200,
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- 22300
+ 13900
]
},
"columns": [
@@ -249,70 +257,70 @@
"Residential care activities for mental retardation; mental health and substance abuse"
],
"White": [
- 30300,
- 30700,
- 21200,
- 31900,
- 21200,
- 17500,
- 19300,
- 31400,
- 31800
+ 32100,
+ 28800,
+ 23000,
+ 24800,
+ 23400,
+ 20800,
+ 21700,
+ 23200,
+ 23700
],
"Black": [
- 30300,
- 27700,
- 27000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 34700,
+ 32100,
+ 24100,
+ 26100,
+ 25600,
+ 19500,
+ 22100,
+ 28100,
+ 23500
],
"Asian": [
- 31400,
- 24500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 40200,
+ 27400,
+ 21900,
+ 33200,
+ 21500,
+ 21200,
+ 22800,
+ 24100,
+ 21900
],
"Mixed": [
- 32800,
- 32700,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000
+ 36900,
+ 30300,
+ 25900,
+ 32500,
+ 21500,
+ 25200,
+ 21700,
+ 29200,
+ 22300
],
"Other": [
- 35400,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- "NA"
- ],
- "Not known": [
- 30300,
- 29600,
- -10000,
- -10000,
+ 42000,
+ 31400,
+ 24800,
+ 25900,
-10000,
-10000,
-10000,
-10000,
-10000
+ ],
+ "Not known": [
+ 32100,
+ 29900,
+ 21400,
+ 27200,
+ 21400,
+ 19300,
+ 19500,
+ 22500,
+ 32300
]
},
"columns": [
@@ -335,113 +343,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "£30,300",
- "£30,700",
- "£21,200",
- "£31,900",
- "£21,200",
- "£17,500",
- "£19,300",
- "£31,400",
- "£31,800"
+ "£32,100",
+ "£28,800",
+ "£23,000",
+ "£24,800",
+ "£23,400",
+ "£20,800",
+ "£21,700",
+ "£23,200",
+ "£23,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£30,300",
- "£27,700",
- "£27,000",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£34,700",
+ "£32,100",
+ "£24,100",
+ "£26,100",
+ "£25,600",
+ "£19,500",
+ "£22,100",
+ "£28,100",
+ "£23,500"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£31,400",
- "£24,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£40,200",
+ "£27,400",
+ "£21,900",
+ "£33,200",
+ "£21,500",
+ "£21,200",
+ "£22,800",
+ "£24,100",
+ "£21,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "£32,800",
- "£32,700",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c"
+ "£36,900",
+ "£30,300",
+ "£25,900",
+ "£32,500",
+ "£21,500",
+ "£25,200",
+ "£21,700",
+ "£29,200",
+ "£22,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "£35,400",
+ "£42,000",
+ "£31,400",
+ "£24,800",
+ "£25,900",
"c",
- "x",
"c",
- "x",
- "x",
"c",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£30,300",
- "£29,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£32,100",
+ "£29,900",
+ "£21,400",
+ "£27,200",
+ "£21,400",
+ "£19,300",
+ "£19,500",
+ "£22,500",
+ "£32,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "823a7a4118cab0dee89baea11982af59",
"static": false,
"nested": true
},
@@ -480,51 +488,51 @@
"Pre-primary education"
],
"White": [
- 28100,
- 25900,
- 28800,
- 23700,
- -10000,
- "NA"
+ 27700,
+ 27700,
+ 26300,
+ 24500,
+ 25200,
+ 19700
],
"Black": [
- 31400,
- 25600,
- -10000,
- -10000,
- "NA",
- "NA"
+ 28800,
+ 27400,
+ 29000,
+ 24500,
+ 24800,
+ 17900
],
"Asian": [
- 25900,
- 29200,
- 26600,
- -10000,
- -10000,
- "NA"
+ 27400,
+ 27700,
+ 27400,
+ 22300,
+ 21900,
+ 18400
],
"Mixed": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 28100,
+ 27000,
+ 26300,
+ 27200,
+ 28300,
+ -10000
],
"Other": [
+ 28800,
+ 29900,
+ 29200,
+ 23900,
-10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA"
+ -10000
],
"Not known": [
+ 26300,
+ 26300,
+ 27700,
+ 26600,
-10000,
- -10000,
- -10000,
- "NA",
- "NA",
-10000
]
},
@@ -548,95 +556,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "£28,100",
- "£25,900",
- "£28,800",
- "£23,700",
- "c",
- "x"
+ "£27,700",
+ "£27,700",
+ "£26,300",
+ "£24,500",
+ "£25,200",
+ "£19,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£31,400",
- "£25,600",
- "c",
- "c",
- "x",
- "x"
+ "£28,800",
+ "£27,400",
+ "£29,000",
+ "£24,500",
+ "£24,800",
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£25,900",
- "£29,200",
- "£26,600",
- "c",
- "c",
- "x"
+ "£27,400",
+ "£27,700",
+ "£27,400",
+ "£22,300",
+ "£21,900",
+ "£18,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£28,100",
+ "£27,000",
+ "£26,300",
+ "£27,200",
+ "£28,300",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£28,800",
+ "£29,900",
+ "£29,200",
+ "£23,900",
"c",
- "c",
- "c",
- "c",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£26,300",
+ "£26,300",
+ "£27,700",
+ "£26,600",
"c",
- "c",
- "c",
- "x",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "eff81bcb8bdbeb19c31f1e15d6f5a86d",
"static": false,
"nested": true
},
@@ -659,155 +667,139 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles",
- "Wholesale and retail trade - repair of motor vehicles and motorcycles"
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities"
],
"group_name": [
- "Retail sale of other goods in specialised stores",
- "Wholesale of household goods",
- "Retail sale in non-specialised stores",
- "Retail sale of food; beverages and tobacco in specialised stores",
- "Retail sale of other household equipment in specialised stores",
- "Retail trade not in stores; stalls or markets",
- "Wholesale of food; beverages and tobacco",
- "Maintenance and repair of motor vehicles",
- "Non-specialised wholesale trade",
- "Other specialised wholesale",
- "Retail sale of cultural and recreation goods in specialised stores",
- "Wholesale of information and communication equipment",
- "Wholesale of other machinery; equipment and supplies",
- "Retail sale of information and communication equipment in specialised stores",
- "Sale of motor vehicle parts and accessories",
- "Sale of motor vehicles",
- "Wholesale on a fee or contract basis"
+ "Management consultancy activities",
+ "Accounting; bookkeeping and auditing activities; tax consultancy",
+ "Legal activities",
+ "Architectural and engineering activities and related technical consultancy",
+ "Advertising",
+ "Research and experimental development on natural sciences and engineering",
+ "Other professional; scientific and technical activities n.e.c.",
+ "Activities of head offices",
+ "Veterinary activities",
+ "Market research and public opinion polling",
+ "Specialised design activities",
+ "Technical testing and analysis",
+ "Photographic activities",
+ "Research and experimental development on social sciences and humanities",
+ "Translation and interpretation activities"
],
"White": [
+ 35000,
+ 38700,
32800,
- 44200,
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 31800,
+ 32100,
+ 33200,
+ 30700,
+ 32800,
+ 29200,
+ 32500,
+ 27400,
+ 27000,
+ 22300,
+ 33200,
+ 29900
+ ],
+ "Black": [
+ 30500,
+ 29600,
+ 28800,
+ 30700,
+ 29900,
+ 35000,
+ 26300,
+ 31400,
-10000,
+ 27000,
+ 27000,
+ 23400,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 35400,
+ 37200,
+ 26300,
+ 32100,
+ 31800,
+ 35200,
+ 28800,
+ 34500,
+ 31000,
+ 32500,
+ 27000,
+ 27600,
-10000,
-10000,
-10000
],
- "Black": [
+ "Mixed": [
+ 35800,
+ 39100,
+ 33200,
+ 29400,
+ 31200,
+ 33200,
+ 29200,
+ 35000,
-10000,
+ 29600,
+ 28700,
+ 27400,
-10000,
-10000,
+ -10000
+ ],
+ "Other": [
+ 43100,
+ 38700,
+ 31800,
+ 30300,
+ 34100,
+ 32500,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 37200,
- 35400,
-10000,
- "NA",
- "NA",
-10000,
-10000,
"NA",
- "NA",
- "NA",
-10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
- "Mixed": [
+ "Not known": [
+ 32800,
+ 39400,
+ 26300,
+ 28700,
+ 33000,
+ 37600,
+ 36300,
+ 36900,
+ 18600,
+ 26600,
-10000,
-10000,
"NA",
"NA",
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- 20400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
-10000
]
},
@@ -831,161 +823,149 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£35,000",
+ "£38,700",
"£32,800",
- "£44,200",
- "£20,400",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£31,800",
+ "£32,100",
+ "£33,200",
+ "£30,700",
+ "£32,800",
+ "£29,200",
+ "£32,500",
+ "£27,400",
+ "£27,000",
+ "£22,300",
+ "£33,200",
+ "£29,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£30,500",
+ "£29,600",
+ "£28,800",
+ "£30,700",
+ "£29,900",
+ "£35,000",
+ "£26,300",
+ "£31,400",
"c",
+ "£27,000",
+ "£27,000",
+ "£23,400",
"c",
"c",
- "c",
- "c",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£37,200",
"£35,400",
- "c",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x",
- "x",
+ "£37,200",
+ "£26,300",
+ "£32,100",
+ "£31,800",
+ "£35,200",
+ "£28,800",
+ "£34,500",
+ "£31,000",
+ "£32,500",
+ "£27,000",
+ "£27,600",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£35,800",
+ "£39,100",
+ "£33,200",
+ "£29,400",
+ "£31,200",
+ "£33,200",
+ "£29,200",
+ "£35,000",
"c",
- "c",
- "x",
- "x",
- "c",
+ "£29,600",
+ "£28,700",
+ "£27,400",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£43,100",
+ "£38,700",
+ "£31,800",
+ "£30,300",
+ "£34,100",
+ "£32,500",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£20,400",
- "c",
- "c",
- "c",
- "c",
+ "£32,800",
+ "£39,400",
+ "£26,300",
+ "£28,700",
+ "£33,000",
+ "£37,600",
+ "£36,300",
+ "£36,900",
+ "£18,600",
+ "£26,600",
"c",
- "x",
- "x",
- "x",
"c",
"x",
"x",
- "x",
- "x",
- "c",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "df281baa272c3a969f21bc2a877a35fe",
"static": false,
"nested": true
},
@@ -1008,72 +988,147 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities"
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles"
],
"group_name": [
- "Management consultancy activities",
- "Research and experimental development on natural sciences and engineering",
- "Accounting; bookkeeping and auditing activities; tax consultancy",
- "Technical testing and analysis",
- "Architectural and engineering activities and related technical consultancy",
- "Legal activities",
- "Other professional; scientific and technical activities n.e.c.",
- "Activities of head offices",
- "Advertising",
- "Market research and public opinion polling",
- "Veterinary activities",
- "Photographic activities",
- "Research and experimental development on social sciences and humanities",
- "Specialised design activities"
+ "Retail sale in non-specialised stores",
+ "Retail sale of other goods in specialised stores",
+ "Wholesale of household goods",
+ "Retail trade not in stores; stalls or markets",
+ "Retail sale of other household equipment in specialised stores",
+ "Other specialised wholesale",
+ "Retail sale of cultural and recreation goods in specialised stores",
+ "Wholesale of food; beverages and tobacco",
+ "Sale of motor vehicles",
+ "Wholesale of information and communication equipment",
+ "Wholesale of other machinery; equipment and supplies",
+ "Retail sale of food; beverages and tobacco in specialised stores",
+ "Non-specialised wholesale trade",
+ "Wholesale on a fee or contract basis",
+ "Retail sale of information and communication equipment in specialised stores",
+ "Maintenance and repair of motor vehicles",
+ "Sale of motor vehicle parts and accessories",
+ "Retail sale of automotive fuel in specialised stores",
+ "Wholesale of agricultural raw materials and live animals",
+ "Sale; maintenance and repair of motorcycles and related parts and accessories",
+ "Retail sale via stalls and markets"
],
"White": [
- 35000,
- 37600,
+ 20100,
+ 21200,
+ 28800,
+ 28100,
+ 21500,
+ 27700,
+ 18600,
29900,
+ 26600,
+ 35000,
+ 29200,
+ 20100,
+ 26300,
+ 30800,
+ 26300,
+ 23800,
+ 24500,
+ 35800,
+ 26600,
+ 27000,
+ -10000
+ ],
+ "Black": [
+ 19200,
+ 19700,
28300,
- 33900,
- -10000,
- 28100,
+ 25600,
+ 22600,
+ 26600,
+ 16100,
+ 25900,
+ 27900,
+ 32800,
+ 29600,
-10000,
-10000,
+ 24500,
+ 23200,
-10000,
-10000,
-10000,
-10000,
+ "NA",
"NA"
],
- "Black": [
+ "Asian": [
+ 22600,
+ 26300,
+ 29900,
+ 24300,
+ 21500,
+ 27400,
+ 24100,
+ 22300,
+ 27800,
+ 34300,
+ 27900,
+ 13900,
+ 22600,
+ 28500,
+ 27000,
+ 20000,
+ 25200,
+ 25200,
-10000,
-10000,
+ -10000
+ ],
+ "Mixed": [
+ 18200,
+ 21500,
+ 27400,
+ 29600,
+ 20800,
+ 30100,
+ 17700,
+ 27000,
+ 27400,
+ 32800,
+ 25200,
-10000,
+ 29900,
-10000,
+ 24300,
-10000,
-10000,
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
"NA"
],
- "Asian": [
- 34300,
- 41600,
+ "Other": [
+ 20300,
+ 20100,
+ 30700,
-10000,
-10000,
-10000,
@@ -1081,59 +1136,40 @@
-10000,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Mixed": [
-10000,
-10000,
-10000,
-10000,
- "NA",
-10000,
-10000,
"NA",
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA"
- ],
- "Other": [
-10000,
+ -10000
+ ],
+ "Not known": [
+ 16600,
+ 20300,
+ 25700,
+ 20400,
+ 18600,
+ 32700,
+ 17500,
-10000,
+ 21900,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
+ 28500,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
+ 26100,
-10000,
-10000,
-10000,
- "NA",
- "NA",
-10000,
-10000,
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
+ "NA"
]
},
"columns": [
@@ -1156,143 +1192,185 @@
"name": "White",
"type": "numeric",
"cell": [
- "£35,000",
- "£37,600",
- "£29,900",
- "£28,300",
- "£33,900",
- "c",
+ "£20,100",
+ "£21,200",
+ "£28,800",
"£28,100",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£21,500",
+ "£27,700",
+ "£18,600",
+ "£29,900",
+ "£26,600",
+ "£35,000",
+ "£29,200",
+ "£20,100",
+ "£26,300",
+ "£30,800",
+ "£26,300",
+ "£23,800",
+ "£24,500",
+ "£35,800",
+ "£26,600",
+ "£27,000",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£19,200",
+ "£19,700",
+ "£28,300",
+ "£25,600",
+ "£22,600",
+ "£26,600",
+ "£16,100",
+ "£25,900",
+ "£27,900",
+ "£32,800",
+ "£29,600",
"c",
"c",
+ "£24,500",
+ "£23,200",
"c",
"c",
"c",
"c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£22,600",
+ "£26,300",
+ "£29,900",
+ "£24,300",
+ "£21,500",
+ "£27,400",
+ "£24,100",
+ "£22,300",
+ "£27,800",
"£34,300",
- "£41,600",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£27,900",
+ "£13,900",
+ "£22,600",
+ "£28,500",
+ "£27,000",
+ "£20,000",
+ "£25,200",
+ "£25,200",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£18,200",
+ "£21,500",
+ "£27,400",
+ "£29,600",
+ "£20,800",
+ "£30,100",
+ "£17,700",
+ "£27,000",
+ "£27,400",
+ "£32,800",
+ "£25,200",
"c",
+ "£29,900",
"c",
+ "£24,300",
"c",
"c",
- "x",
- "c",
- "c",
- "x",
"c",
"x",
- "x",
- "x",
"c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£20,300",
+ "£20,100",
+ "£30,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£16,600",
+ "£20,300",
+ "£25,700",
+ "£20,400",
+ "£18,600",
+ "£32,700",
+ "£17,500",
+ "c",
+ "£21,900",
+ "c",
+ "£28,500",
+ "c",
+ "£26,100",
"c",
"c",
"c",
- "x",
- "x",
"c",
"c",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0d6238f1af17c12615b59652640be51a",
"static": false,
"nested": true
},
@@ -1315,156 +1393,124 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities"
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication"
],
"group_name": [
- "Temporary employment agency activities",
- "Business support service activities n.e.c.",
- "Cleaning activities",
- "Activities of employment placement agencies",
- "Activities of call centres",
- "Combined facilities support activities",
- "Private security activities",
- "Renting and leasing of motor vehicles",
- "Travel agency and tour operator activities",
- "Investigation activities",
- "Landscape service activities",
- "Office administrative and support activities",
- "Organisation of conventions and trade shows",
- "Other human resources provision",
- "Other reservation service and related activities",
- "Renting and leasing of other machinery; equipment and tangible goods",
- "Renting and leasing of personal and household goods"
+ "Computer programming; consultancy and related activities",
+ "Publishing of books; periodicals and other publishing activities",
+ "Motion picture; video and television programme activities",
+ "Other telecommunications activities",
+ "Data processing; hosting and related activities; web portals",
+ "Television programming and broadcasting activities",
+ "Wireless telecommunications activities",
+ "Software publishing",
+ "Other information service activities",
+ "Sound recording and music publishing activities",
+ "Radio broadcasting",
+ "Satellite telecommunications activities",
+ "Wired telecommunications activities"
],
"White": [
- 26600,
- 25900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 37200,
+ 28800,
+ 28800,
+ 32800,
+ 36500,
+ 35000,
+ 42700,
+ 37600,
+ 38700,
+ 30700,
+ 29700,
+ 25200,
+ 28800
+ ],
+ "Black": [
+ 34300,
+ 29900,
+ 28100,
+ 29400,
+ 40300,
+ 34100,
+ 38000,
+ 44900,
-10000,
+ 35000,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 37600,
+ 30800,
+ 31900,
+ 28100,
+ 39100,
+ 41600,
+ 40500,
+ 41600,
+ 29400,
-10000,
-10000,
+ 23900,
+ 52600
+ ],
+ "Mixed": [
+ 35800,
+ 28100,
+ 27000,
+ 32500,
+ 41600,
+ 36500,
-10000,
-10000,
+ 48700,
+ 32500,
-10000,
-10000,
-10000
],
- "Black": [
- 21200,
- -10000,
+ "Other": [
+ 40200,
+ 28800,
+ 27400,
+ 34700,
-10000,
- "NA",
+ 31600,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 35800,
-10000,
-10000,
"NA",
-10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
- "Mixed": [
- -10000,
- "NA",
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
+ "Not known": [
+ 32500,
+ 31400,
+ 35000,
+ 32100,
+ 41400,
+ 34700,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
-10000,
"NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -1487,161 +1533,137 @@
"name": "White",
"type": "numeric",
"cell": [
- "£26,600",
- "£25,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£37,200",
+ "£28,800",
+ "£28,800",
+ "£32,800",
+ "£36,500",
+ "£35,000",
+ "£42,700",
+ "£37,600",
+ "£38,700",
+ "£30,700",
+ "£29,700",
+ "£25,200",
+ "£28,800"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£21,200",
- "c",
+ "£34,300",
+ "£29,900",
+ "£28,100",
+ "£29,400",
+ "£40,300",
+ "£34,100",
+ "£38,000",
+ "£44,900",
"c",
- "x",
+ "£35,000",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£35,800",
- "c",
- "c",
- "x",
- "c",
+ "£37,600",
+ "£30,800",
+ "£31,900",
+ "£28,100",
+ "£39,100",
+ "£41,600",
+ "£40,500",
+ "£41,600",
+ "£29,400",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£23,900",
+ "£52,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£35,800",
+ "£28,100",
+ "£27,000",
+ "£32,500",
+ "£41,600",
+ "£36,500",
"c",
- "x",
"c",
+ "£48,700",
+ "£32,500",
"c",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£40,200",
+ "£28,800",
+ "£27,400",
+ "£34,700",
+ "c",
+ "£31,600",
+ "c",
+ "c",
"c",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£32,500",
+ "£31,400",
+ "£35,000",
+ "£32,100",
+ "£41,400",
+ "£34,700",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ca1b08be2395fc8ff8aaa0418393b95c",
"static": false,
"nested": true
},
@@ -1664,44 +1686,172 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security"
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities"
],
"group_name": [
- "Administration of the State and the economic and social policy of the community",
- "Provision of services to the community as a whole",
- "Compulsory social security activities"
+ "Temporary employment agency activities",
+ "Business support service activities n.e.c.",
+ "Activities of employment placement agencies",
+ "Travel agency and tour operator activities",
+ "Activities of call centres",
+ "Combined facilities support activities",
+ "Cleaning activities",
+ "Renting and leasing of motor vehicles",
+ "Organisation of conventions and trade shows",
+ "Private security activities",
+ "Renting and leasing of other machinery; equipment and tangible goods",
+ "Office administrative and support activities",
+ "Other human resources provision",
+ "Landscape service activities",
+ "Other reservation service and related activities",
+ "Renting and leasing of personal and household goods",
+ "Security systems service activities",
+ "Leasing of intellectual property and similar products; except copyrighted works",
+ "Investigation activities"
],
"White": [
- 30700,
- 31400,
- -10000
- ],
+ 24500,
+ 28500,
+ 29200,
+ 24500,
+ 18600,
+ 31400,
+ 23700,
+ 29900,
+ 28900,
+ 25600,
+ 25600,
+ 26300,
+ 43800,
+ 23000,
+ 28800,
+ 24600,
+ 27400,
+ 37400,
+ 25200
+ ],
"Black": [
+ 21500,
+ 27700,
+ 22300,
+ -10000,
+ 19000,
+ 27200,
+ 22800,
+ 24100,
+ -10000,
+ 23400,
+ 29600,
+ 23700,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
+ "NA",
"NA"
],
"Asian": [
+ 22800,
+ 29700,
+ 23700,
+ 24100,
+ 18200,
+ 30800,
+ 24800,
+ 29200,
+ 31400,
+ 21500,
+ 20600,
+ 27400,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000
],
"Mixed": [
+ 24200,
+ 31800,
+ 30700,
+ 24500,
+ 19300,
+ 25200,
+ 17200,
+ 37600,
+ 30300,
-10000,
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Other": [
+ 27700,
+ 32700,
+ 26600,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
- "NA"
+ -10000,
+ -10000
],
"Not known": [
+ 20800,
+ 26600,
+ 22300,
-10000,
+ 17500,
-10000,
- "NA"
+ 17200,
+ -10000,
+ -10000,
+ 23200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000
]
},
"columns": [
@@ -1724,77 +1874,173 @@
"name": "White",
"type": "numeric",
"cell": [
- "£30,700",
+ "£24,500",
+ "£28,500",
+ "£29,200",
+ "£24,500",
+ "£18,600",
"£31,400",
- "c"
+ "£23,700",
+ "£29,900",
+ "£28,900",
+ "£25,600",
+ "£25,600",
+ "£26,300",
+ "£43,800",
+ "£23,000",
+ "£28,800",
+ "£24,600",
+ "£27,400",
+ "£37,400",
+ "£25,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£27,700",
+ "£22,300",
+ "c",
+ "£19,000",
+ "£27,200",
+ "£22,800",
+ "£24,100",
+ "c",
+ "£23,400",
+ "£29,600",
+ "£23,700",
+ "c",
+ "c",
"c",
"c",
+ "c",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£22,800",
+ "£29,700",
+ "£23,700",
+ "£24,100",
+ "£18,200",
+ "£30,800",
+ "£24,800",
+ "£29,200",
+ "£31,400",
+ "£21,500",
+ "£20,600",
+ "£27,400",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£24,200",
+ "£31,800",
+ "£30,700",
+ "£24,500",
+ "£19,300",
+ "£25,200",
+ "£17,200",
+ "£37,600",
+ "£30,300",
"c",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£27,700",
+ "£32,700",
+ "£26,600",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£20,800",
+ "£26,600",
+ "£22,300",
+ "c",
+ "£17,500",
"c",
+ "£17,200",
"c",
- "x"
+ "c",
+ "£23,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3732128c844b25b738b65d8570c5531b",
"static": false,
"nested": true
},
@@ -1817,107 +2063,712 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing"
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security"
],
"group_name": [
- "Manufacture of other food products",
- "Manufacture of pharmaceutical preparations",
- "Manufacture of medical and dental instruments and supplies",
- "Manufacture of bakery and farinaceous products",
- "Manufacture of basic pharmaceutical products",
- "Manufacture of beverages",
- "Manufacture of instruments and appliances for measuring; testing and navigation; watches and clocks",
- "Manufacture of other chemical products",
- "Processing and preserving of fruit and vegetables",
- "Cutting; shaping and finishing of stone",
- "Manufacture of air and spacecraft and related machinery",
- "Manufacture of articles of concrete; cement and plaster",
- "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
- "Manufacture of basic precious and other non-ferrous metals",
- "Manufacture of bodies (coachwork) for motor vehicles; manufacture of trailers and semi-trailers",
- "Manufacture of computers and peripheral equipment",
- "Manufacture of cutlery; tools and general hardware",
- "Manufacture of dairy products",
- "Manufacture of electric motors; generators; transformers and electricity distribution and control apparatus",
- "Manufacture of furniture",
- "Manufacture of games and toys",
- "Manufacture of grain mill products; starches and starch products",
- "Manufacture of metal forming machinery and machine tools",
- "Manufacture of motor vehicles",
- "Manufacture of other special-purpose machinery",
- "Manufacture of pesticides and other agrochemical products",
- "Manufacture of plastics products",
- "Manufacture of prepared animal feeds",
- "Manufacture of products of wood; cork; straw and plaiting materials",
- "Manufacture of rubber products",
- "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
- "Manufacture of vegetable and animal oils and fats",
- "Manufacture of weapons and ammunition",
- "Manufacturing n.e.c.",
- "Printing and service activities related to printing",
- "Processing and preserving of fish; crustaceans and molluscs",
- "Processing and preserving of meat and production of meat products",
- "Repair of fabricated metal products; machinery and equipment",
- "Treatment and coating of metals; machining"
+ "Provision of services to the community as a whole",
+ "Administration of the State and the economic and social policy of the community",
+ "Compulsory social security activities"
],
"White": [
- 33200,
- 33900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 29600,
+ 30700,
+ 25900
+ ],
+ "Black": [
+ 31000,
+ 31800,
+ 27000
+ ],
+ "Asian": [
+ 29200,
+ 31400,
+ 27400
+ ],
+ "Mixed": [
+ 30300,
+ 32800,
+ 24500
+ ],
+ "Other": [
+ 32500,
+ 32800,
+ -10000
+ ],
+ "Not known": [
+ 32100,
+ 29600,
+ 28100
+ ]
+ },
+ "columns": [
+ {
+ "id": "SECTIONNAME",
+ "name": "Industry",
+ "type": "character",
+ "na": "x",
+ "width": 500
+ },
+ {
+ "id": "group_name",
+ "name": "3 digit SIC code",
+ "type": "character",
+ "na": "x",
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£29,600",
+ "£30,700",
+ "£25,900"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£31,000",
+ "£31,800",
+ "£27,000"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£29,200",
+ "£31,400",
+ "£27,400"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£30,300",
+ "£32,800",
+ "£24,500"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£32,500",
+ "£32,800",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Not known",
+ "name": "Not known",
+ "type": "numeric",
+ "cell": [
+ "£32,100",
+ "£29,600",
+ "£28,100"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ }
+ ],
+ "defaultPageSize": 300,
+ "outlined": true,
+ "dataKey": "5d2bc3fdf43439b273d865ac7913ac1f",
+ "static": false,
+ "nested": true
+ },
+ "children": [
+
+ ]
+ }
+ ]
+ },
+ {
+ "name": "div",
+ "attribs": {
+ "style": {
+ "padding": "16px"
+ }
+ },
+ "children": [
+ {
+ "name": "Reactable",
+ "attribs": {
+ "data": {
+ "SECTIONNAME": [
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities"
+ ],
+ "group_name": [
+ "Monetary intermediation",
+ "Activities auxiliary to insurance and pension funding",
+ "Activities auxiliary to financial services; except insurance and pension funding",
+ "Insurance",
+ "Other financial service activities; except insurance and pension funding",
+ "Fund management activities",
+ "Pension funding",
+ "Trusts; funds and similar financial entities",
+ "Activities of holding companies",
+ "Reinsurance"
+ ],
+ "White": [
+ 40900,
+ 32500,
+ 39800,
+ 31000,
+ 37200,
+ 60600,
+ 14100,
+ 57100,
+ 29400,
+ 47800
+ ],
+ "Black": [
+ 33200,
+ 31000,
+ 36500,
+ 35000,
+ 32800,
+ 42000,
+ -10000,
+ -10000,
+ -10000,
+ "NA"
+ ],
+ "Asian": [
+ 36500,
+ 29900,
+ 47400,
+ 36500,
+ 32300,
+ 66000,
+ -10000,
+ 66400,
+ -10000,
+ -10000
+ ],
+ "Mixed": [
+ 53500,
+ 34700,
+ 40700,
+ 35000,
+ 45300,
+ 58800,
+ "NA",
+ -10000,
+ -10000,
+ -10000
+ ],
+ "Other": [
+ 39800,
+ 24500,
+ 39400,
+ -10000,
+ 43300,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA"
+ ],
+ "Not known": [
+ 34700,
+ 25900,
+ 36100,
+ 28100,
+ 27700,
+ 56200,
+ -10000,
+ "NA",
+ -10000,
+ -10000
+ ]
+ },
+ "columns": [
+ {
+ "id": "SECTIONNAME",
+ "name": "Industry",
+ "type": "character",
+ "na": "x",
+ "width": 500
+ },
+ {
+ "id": "group_name",
+ "name": "3 digit SIC code",
+ "type": "character",
+ "na": "x",
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£40,900",
+ "£32,500",
+ "£39,800",
+ "£31,000",
+ "£37,200",
+ "£60,600",
+ "£14,100",
+ "£57,100",
+ "£29,400",
+ "£47,800"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£33,200",
+ "£31,000",
+ "£36,500",
+ "£35,000",
+ "£32,800",
+ "£42,000",
+ "c",
+ "c",
+ "c",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£36,500",
+ "£29,900",
+ "£47,400",
+ "£36,500",
+ "£32,300",
+ "£66,000",
+ "c",
+ "£66,400",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£53,500",
+ "£34,700",
+ "£40,700",
+ "£35,000",
+ "£45,300",
+ "£58,800",
+ "x",
+ "c",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£39,800",
+ "£24,500",
+ "£39,400",
+ "c",
+ "£43,300",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Not known",
+ "name": "Not known",
+ "type": "numeric",
+ "cell": [
+ "£34,700",
+ "£25,900",
+ "£36,100",
+ "£28,100",
+ "£27,700",
+ "£56,200",
+ "c",
+ "x",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ }
+ ],
+ "defaultPageSize": 300,
+ "outlined": true,
+ "dataKey": "52c9b04b29fe0f3988cd3cd840f201c9",
+ "static": false,
+ "nested": true
+ },
+ "children": [
+
+ ]
+ }
+ ]
+ },
+ {
+ "name": "div",
+ "attribs": {
+ "style": {
+ "padding": "16px"
+ }
+ },
+ "children": [
+ {
+ "name": "Reactable",
+ "attribs": {
+ "data": {
+ "SECTIONNAME": [
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing"
+ ],
+ "group_name": [
+ "Manufacture of air and spacecraft and related machinery",
+ "Manufacture of motor vehicles",
+ "Manufacture of pharmaceutical preparations",
+ "Manufacture of other food products",
+ "Manufacture of instruments and appliances for measuring; testing and navigation; watches and clocks",
+ "Printing and service activities related to printing",
+ "Manufacture of general-purpose machinery",
+ "Manufacture of furniture",
+ "Manufacture of beverages",
+ "Manufacture of plastics products",
+ "Manufacture of medical and dental instruments and supplies",
+ "Manufacture of other general-purpose machinery",
+ "Building of ships and boats",
+ "Manufacture of other chemical products",
+ "Repair of fabricated metal products; machinery and equipment",
+ "Manufacture of bakery and farinaceous products",
+ "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
+ "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
+ "Manufacture of other special-purpose machinery",
+ "Manufacture of structural metal products",
+ "Manufacture of weapons and ammunition",
+ "Processing and preserving of fruit and vegetables",
+ "Processing and preserving of meat and production of meat products",
+ "Treatment and coating of metals; machining",
+ "Manufacture of parts and accessories for motor vehicles",
+ "Manufacture of articles of concrete; cement and plaster",
+ "Manufacture of articles of paper and paperboard ",
+ "Manufacture of basic precious and other non-ferrous metals",
+ "Manufacture of electric motors; generators; transformers and electricity distribution and control apparatus",
+ "Manufacture of products of wood; cork; straw and plaiting materials",
+ "Manufacture of wearing apparel; except fur apparel",
+ "Manufacture of other fabricated metal products",
+ "Manufacture of basic pharmaceutical products",
+ "Manufacture of prepared animal feeds",
+ "Manufacturing n.e.c.",
+ "Manufacture of dairy products",
+ "Manufacture of electronic components and boards",
+ "Manufacture of other textiles",
+ "Installation of industrial machinery and equipment",
+ "Manufacture of refined petroleum products",
+ "Manufacture of electric lighting equipment",
+ "Manufacture of communication equipment",
+ "Manufacture of computers and peripheral equipment",
+ "Manufacture of other electrical equipment",
+ "Manufacture of paints; varnishes and similar coatings; printing ink and mastics",
+ "Manufacture of basic iron and steel and of ferro-alloys",
+ "Manufacture of cutlery; tools and general hardware",
+ "Manufacture of glass and glass products",
+ "Manufacture of grain mill products; starches and starch products",
+ "Manufacture of domestic appliances",
+ "Manufacture of irradiation; electromedical and electrotherapeutic equipment",
+ "Manufacture of optical instruments and photographic equipment",
+ "Manufacture of rubber products",
+ "Manufacture of wiring and wiring devices",
+ "Manufacture of agricultural and forestry machinery",
+ "Manufacture of consumer electronics",
+ "Manufacture of games and toys",
+ "Manufacture of metal forming machinery and machine tools",
+ "Manufacture of railway locomotives and rolling stock",
+ "Manufacture of tanks; reservoirs and containers of metal",
+ "Forging; pressing; stamping and roll-forming of metal; powder metallurgy",
+ "Manufacture of bodies (coachwork) for motor vehicles; manufacture of trailers and semi-trailers",
+ "Manufacture of footwear",
+ "Manufacture of transport equipment n.e.c.",
+ "Finishing of textiles",
+ "Manufacture of abrasive products and non-metallic mineral products n.e.c.",
+ "Manufacture of clay building materials",
+ "Manufacture of jewellery; bijouterie and related articles",
+ "Manufacture of other porcelain and ceramic products",
+ "Manufacture of sports goods",
+ "Reproduction of recorded media",
+ "Cutting; shaping and finishing of stone",
+ "Manufacture of batteries and accumulators",
+ "Manufacture of military fighting vehicles",
+ "Manufacture of musical instruments",
+ "Manufacture of other products of first processing of steel",
+ "Manufacture of pesticides and other agrochemical products",
+ "Manufacture of pulp; paper and paperboard",
+ "Manufacture of tubes; pipes; hollow profiles and related fittings; of steel",
+ "Processing and preserving of fish; crustaceans and molluscs",
+ "Tanning and dressing of leather; manufacture of luggage; handbags; saddlery and harness; dressing and dyeing of fur",
+ "Weaving of textiles",
+ "Casting of metals",
+ "Manufacture of knitted and crocheted apparel",
+ "Manufacture of refractory products",
+ "Manufacture of vegetable and animal oils and fats",
+ "Preparation and spinning of textile fibres",
+ "Sawmilling and planing of wood",
+ "Manufacture of cement; lime and plaster",
+ "Manufacture of magnetic and optical media",
+ "Manufacture of steam generators; except central heating hot water boilers"
+ ],
+ "White": [
+ 40200,
+ 43100,
+ 38300,
+ 34700,
+ 35400,
+ 23700,
+ 37600,
+ 25200,
+ 31800,
+ 26300,
+ 29900,
+ 32800,
+ 38300,
+ 29900,
+ 31400,
+ 27700,
+ 33600,
+ 34700,
+ 33600,
+ 28100,
+ 38300,
+ 35800,
+ 30300,
+ 29600,
+ 33600,
+ 30700,
+ 31400,
+ 49600,
+ 33900,
+ 24600,
+ 25000,
+ 29200,
+ 34900,
+ 30800,
+ 26300,
+ 27600,
+ 32100,
+ 21200,
+ 30700,
+ 49300,
+ 25600,
+ 28800,
+ 33000,
+ 31400,
+ 27400,
+ 28700,
+ 27700,
+ 37600,
+ 37400,
+ 33200,
+ 34300,
+ 31400,
+ 28500,
+ 30300,
+ 30800,
+ 29900,
+ 23700,
+ 33200,
+ 43800,
+ 31400,
+ 27000,
+ 27400,
+ 21900,
+ 37600,
+ 19700,
+ 31000,
+ 31000,
+ 29900,
+ 22300,
+ 19300,
+ 19700,
+ -10000,
+ -10000,
+ 34500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
+ ],
+ "Black": [
+ -10000,
+ 41600,
+ 37800,
+ 28100,
+ -10000,
+ -10000,
+ 30300,
+ -10000,
+ -10000,
+ -10000,
+ 27400,
+ -10000,
+ "NA",
+ -10000,
+ 31000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000,
@@ -1929,25 +2780,50 @@
-10000,
-10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
-10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
-10000,
-10000,
- -10000
- ],
- "Black": [
+ -10000,
-10000,
-10000,
"NA",
-10000,
-10000,
"NA",
+ -10000,
+ "NA",
"NA",
"NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
-10000,
"NA",
"NA",
@@ -1955,52 +2831,177 @@
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ "NA"
+ ],
+ "Asian": [
+ 37600,
+ 38000,
+ 37400,
+ 33900,
+ 34500,
+ 23400,
+ 32100,
+ 22100,
+ -10000,
+ 28500,
+ 27200,
+ 27000,
+ -10000,
+ 31900,
+ 26600,
+ 24500,
+ 34900,
+ -10000,
+ -10000,
+ -10000,
+ 35800,
+ 34300,
+ -10000,
+ -10000,
+ 35000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 23000,
+ -10000,
+ 32500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
-10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
"NA",
"NA",
+ -10000,
+ "NA",
"NA",
"NA",
+ -10000,
+ "NA",
+ -10000,
"NA",
"NA",
"NA"
],
- "Asian": [
+ "Mixed": [
+ 35000,
+ 41600,
+ 42700,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000,
-10000,
-10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
-10000,
-10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2011,69 +3012,91 @@
"NA",
"NA",
-10000,
+ -10000,
+ "NA",
+ "NA",
"NA",
"NA",
"NA",
- -10000,
"NA",
"NA",
"NA",
"NA",
"NA"
],
- "Mixed": [
+ "Other": [
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
- "NA",
-10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
"NA",
"NA",
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
"NA",
"NA",
- "NA",
+ -10000,
"NA",
-10000,
"NA",
"NA",
- "NA"
- ],
- "Other": [
- -10000,
- -10000,
"NA",
"NA",
- -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2092,18 +3115,61 @@
"NA",
"NA",
"NA",
+ "NA"
+ ],
+ "Not known": [
+ -10000,
+ 44200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
"NA",
+ -10000,
"NA",
- "NA"
- ],
- "Not known": [
"NA",
"NA",
"NA",
@@ -2111,6 +3177,7 @@
"NA",
-10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2123,6 +3190,7 @@
"NA",
"NA",
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -2137,8 +3205,6 @@
"NA",
"NA",
"NA",
- -10000,
- "NA",
"NA",
"NA",
"NA",
@@ -2165,10 +3231,80 @@
"name": "White",
"type": "numeric",
"cell": [
- "£33,200",
+ "£40,200",
+ "£43,100",
+ "£38,300",
+ "£34,700",
+ "£35,400",
+ "£23,700",
+ "£37,600",
+ "£25,200",
+ "£31,800",
+ "£26,300",
+ "£29,900",
+ "£32,800",
+ "£38,300",
+ "£29,900",
+ "£31,400",
+ "£27,700",
+ "£33,600",
+ "£34,700",
+ "£33,600",
+ "£28,100",
+ "£38,300",
+ "£35,800",
+ "£30,300",
+ "£29,600",
+ "£33,600",
+ "£30,700",
+ "£31,400",
+ "£49,600",
"£33,900",
+ "£24,600",
+ "£25,000",
+ "£29,200",
+ "£34,900",
+ "£30,800",
+ "£26,300",
+ "£27,600",
+ "£32,100",
+ "£21,200",
+ "£30,700",
+ "£49,300",
+ "£25,600",
+ "£28,800",
+ "£33,000",
+ "£31,400",
+ "£27,400",
+ "£28,700",
+ "£27,700",
+ "£37,600",
+ "£37,400",
+ "£33,200",
+ "£34,300",
+ "£31,400",
+ "£28,500",
+ "£30,300",
+ "£30,800",
+ "£29,900",
+ "£23,700",
+ "£33,200",
+ "£43,800",
+ "£31,400",
+ "£27,000",
+ "£27,400",
+ "£21,900",
+ "£37,600",
+ "£19,700",
+ "£31,000",
+ "£31,000",
+ "£29,900",
+ "£22,300",
+ "£19,300",
+ "£19,700",
"c",
"c",
+ "£34,500",
"c",
"c",
"c",
@@ -2185,187 +3321,83 @@
"c",
"c",
"c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
"c",
+ "£41,600",
+ "£37,800",
+ "£28,100",
"c",
"c",
+ "£30,300",
"c",
"c",
"c",
+ "£27,400",
"c",
+ "x",
+ "c",
+ "£31,000",
"c",
"c",
- "x",
- "x",
"c",
"c",
- "x",
"c",
- "x",
"c",
"c",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "cell": [
"c",
"c",
- "x",
"c",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
"c",
"c",
"c",
"c",
"c",
- "x",
"x",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "cell": [
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
"c",
"x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "cell": [
"c",
"c",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
@@ -2375,22 +3407,16 @@
"x",
"x",
"x",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
"x",
"x",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x",
"x",
"x",
@@ -2398,207 +3424,131 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "Not known",
- "name": "Not known",
+ "id": "Asian",
+ "name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£37,600",
+ "£38,000",
+ "£37,400",
+ "£33,900",
+ "£34,500",
+ "£23,400",
+ "£32,100",
+ "£22,100",
+ "c",
+ "£28,500",
+ "£27,200",
+ "£27,000",
+ "c",
+ "£31,900",
+ "£26,600",
+ "£24,500",
+ "£34,900",
+ "c",
+ "c",
+ "c",
+ "£35,800",
+ "£34,300",
+ "c",
+ "c",
+ "£35,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£23,000",
+ "c",
+ "£32,500",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
+ "c",
"x",
"x",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
+ "c",
"x",
"x",
"x",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x",
"x",
"x",
"c",
"x",
- "x",
+ "c",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- }
- ],
- "defaultPageSize": 300,
- "outlined": true,
- "dataKey": "random_key",
- "static": false,
- "nested": true
- },
- "children": [
-
- ]
- }
- ]
- },
- {
- "name": "div",
- "attribs": {
- "style": {
- "padding": "16px"
- }
- },
- "children": [
- {
- "name": "Reactable",
- "attribs": {
- "data": {
- "SECTIONNAME": [
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication"
- ],
- "group_name": [
- "Computer programming; consultancy and related activities",
- "Publishing of books; periodicals and other publishing activities",
- "Data processing; hosting and related activities; web portals",
- "Motion picture; video and television programme activities",
- "Other telecommunications activities",
- "Software publishing",
- "Other information service activities",
- "Satellite telecommunications activities",
- "Sound recording and music publishing activities",
- "Television programming and broadcasting activities",
- "Wireless telecommunications activities"
- ],
- "White": [
- 33900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
- ],
- "Black": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Asian": [
- 42700,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Mixed": [
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ]
- },
- "columns": [
- {
- "id": "SECTIONNAME",
- "name": "Industry",
- "type": "character",
- "na": "x",
- "width": 500
- },
- {
- "id": "group_name",
- "name": "3 digit SIC code",
- "type": "character",
- "na": "x",
- "width": 300
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "White",
- "name": "White",
+ "id": "Mixed",
+ "name": "Mixed",
"type": "numeric",
"cell": [
- "£33,900",
+ "£35,000",
+ "£41,600",
+ "£42,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c",
@@ -2608,56 +3558,58 @@
"c",
"c",
"c",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "cell": [
"c",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
- "£42,700",
"c",
+ "x",
"c",
"x",
"c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x",
"x",
"x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "cell": [
"c",
"c",
"x",
@@ -2668,16 +3620,87 @@
"x",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"c",
"x",
@@ -2688,10 +3711,20 @@
"x",
"x",
"x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -2699,6 +3732,86 @@
"type": "numeric",
"cell": [
"c",
+ "£44,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x",
"x",
@@ -2711,12 +3824,12 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c4b5b05b0069325ebd3f9170a402d147",
"static": false,
"nested": true
},
@@ -2739,84 +3852,76 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities"
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities"
],
- "group_name": [
- "Monetary intermediation",
- "Activities auxiliary to insurance and pension funding",
- "Activities auxiliary to financial services; except insurance and pension funding",
- "Fund management activities",
- "Insurance",
- "Other financial service activities; except insurance and pension funding",
- "Pension funding",
- "Activities of holding companies"
+ "group_name": [
+ "Restaurants and mobile food service activities",
+ "Beverage serving activities",
+ "Hotels and similar accommodation",
+ "Event catering and other food service activities",
+ "Camping grounds; recreational vehicle parks and trailer parks",
+ "Holiday and other short-stay accommodation",
+ "Other accommodation"
],
"White": [
- 42000,
- 29600,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA"
+ 17500,
+ 17500,
+ 19700,
+ 23400,
+ 19000,
+ 18100,
+ 24300
],
"Black": [
+ 16400,
+ 17500,
+ 19700,
+ 21500,
-10000,
-10000,
- "NA",
- "NA",
- -10000,
- -10000,
- "NA",
- "NA"
+ 23400
],
"Asian": [
- 28100,
- -10000,
- -10000,
- "NA",
+ 16400,
+ 21200,
+ 19000,
+ 23300,
-10000,
-10000,
- "NA",
-10000
],
"Mixed": [
+ 16400,
+ 17200,
+ 19700,
+ 23700,
-10000,
- "NA",
- "NA",
- -10000,
- "NA",
-10000,
- "NA",
"NA"
],
"Other": [
+ 14600,
+ -10000,
+ -10000,
+ -10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
"NA"
],
"Not known": [
+ 14400,
+ 17200,
+ 16800,
+ 21400,
-10000,
-10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -2839,107 +3944,101 @@
"name": "White",
"type": "numeric",
"cell": [
- "£42,000",
- "£29,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x"
+ "£17,500",
+ "£17,500",
+ "£19,700",
+ "£23,400",
+ "£19,000",
+ "£18,100",
+ "£24,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£16,400",
+ "£17,500",
+ "£19,700",
+ "£21,500",
"c",
"c",
- "x",
- "x",
- "c",
- "c",
- "x",
- "x"
+ "£23,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£28,100",
- "c",
- "c",
- "x",
+ "£16,400",
+ "£21,200",
+ "£19,000",
+ "£23,300",
"c",
"c",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£16,400",
+ "£17,200",
+ "£19,700",
+ "£23,700",
"c",
- "x",
- "x",
- "c",
- "x",
"c",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£14,600",
+ "c",
+ "c",
+ "c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£14,400",
+ "£17,200",
+ "£16,800",
+ "£21,400",
"c",
"c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3d0b94a12d324d4264b5a378341ba8bd",
"static": false,
"nested": true
},
@@ -2970,52 +4069,52 @@
],
"group_name": [
"Sports activities",
- "Amusement and recreation activities",
"Creative; arts and entertainment activities",
+ "Libraries; archives; museums and other cultural activities",
"Gambling and betting activities",
- "Libraries; archives; museums and other cultural activities"
+ "Amusement and recreation activities"
],
"White": [
- 28800,
- -10000,
- -10000,
- "NA",
- -10000
+ 23700,
+ 22600,
+ 20800,
+ 28100,
+ 19300
],
"Black": [
+ 23400,
+ 25900,
-10000,
- "NA",
- "NA",
- -10000,
- "NA"
+ 19700,
+ -10000
],
"Asian": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 23500,
+ 27000,
+ 22600,
+ 24600,
+ -10000
],
"Mixed": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 22400,
+ 22300,
+ 19700,
+ 25400,
+ -10000
],
"Other": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ 24800,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Not known": [
+ 21500,
+ 19000,
+ 22300,
-10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -3038,89 +4137,89 @@
"name": "White",
"type": "numeric",
"cell": [
- "£28,800",
- "c",
- "c",
- "x",
- "c"
+ "£23,700",
+ "£22,600",
+ "£20,800",
+ "£28,100",
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£23,400",
+ "£25,900",
"c",
- "x",
- "x",
- "c",
- "x"
+ "£19,700",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£23,500",
+ "£27,000",
+ "£22,600",
+ "£24,600",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£22,400",
+ "£22,300",
+ "£19,700",
+ "£25,400",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£24,800",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£19,000",
+ "£22,300",
"c",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "da51490eb0a9e9d282520a82e992021a",
"static": false,
"nested": true
},
@@ -3143,61 +4242,117 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities"
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage"
],
"group_name": [
- "Beverage serving activities",
- "Restaurants and mobile food service activities",
- "Event catering and other food service activities",
- "Hotels and similar accommodation",
- "Camping grounds; recreational vehicle parks and trailer parks",
- "Holiday and other short-stay accommodation",
- "Other accommodation"
+ "Support activities for transportation",
+ "Warehousing and storage",
+ "Other passenger land transport ",
+ "Passenger air transport",
+ "Other postal and courier activities",
+ "Postal activities under universal service obligation",
+ "Freight transport by road and removal services",
+ "Passenger rail transport; interurban",
+ "Sea and coastal passenger water transport",
+ "Sea and coastal freight water transport",
+ "Freight air transport and space transport",
+ "Freight rail transport",
+ "Inland passenger water transport",
+ "Transport via pipeline",
+ "Inland freight water transport"
],
"White": [
- 23000,
- 18600,
+ 31000,
+ 31800,
+ 32300,
+ 29200,
+ 30300,
+ 25200,
+ 25200,
+ 33600,
+ 22600,
+ 32800,
-10000,
-10000,
-10000,
- "NA",
- "NA"
+ -10000,
+ -10000
],
"Black": [
- "NA",
+ 26500,
+ 25700,
+ 32500,
+ 24500,
+ 29600,
+ 34700,
+ 27400,
+ 31600,
"NA",
-10000,
+ -10000,
"NA",
"NA",
- "NA",
- -10000
+ -10000,
+ "NA"
],
"Asian": [
+ 28800,
+ 29200,
+ 31800,
+ 25200,
+ 27300,
+ 24800,
+ 27600,
+ 32500,
"NA",
-10000,
- -10000,
- -10000,
"NA",
+ -10000,
"NA",
+ -10000,
"NA"
],
"Mixed": [
+ 30700,
+ 31400,
+ 34900,
+ 22300,
+ 20800,
+ -10000,
-10000,
-10000,
- "NA",
-10000,
"NA",
"NA",
+ "NA",
+ "NA",
+ "NA",
"NA"
],
"Other": [
+ 28500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -3206,12 +4361,20 @@
"NA"
],
"Not known": [
+ 28500,
+ 28100,
+ 34500,
+ -10000,
+ 59900,
-10000,
+ -10000,
+ 33000,
+ "NA",
+ "NA",
"NA",
"NA",
"NA",
"NA",
- -10000,
"NA"
]
},
@@ -3235,71 +4398,111 @@
"name": "White",
"type": "numeric",
"cell": [
- "£23,000",
- "£18,600",
+ "£31,000",
+ "£31,800",
+ "£32,300",
+ "£29,200",
+ "£30,300",
+ "£25,200",
+ "£25,200",
+ "£33,600",
+ "£22,600",
+ "£32,800",
"c",
"c",
"c",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "£26,500",
+ "£25,700",
+ "£32,500",
+ "£24,500",
+ "£29,600",
+ "£34,700",
+ "£27,400",
+ "£31,600",
"x",
"c",
+ "c",
"x",
"x",
- "x",
- "c"
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£28,800",
+ "£29,200",
+ "£31,800",
+ "£25,200",
+ "£27,300",
+ "£24,800",
+ "£27,600",
+ "£32,500",
"x",
"c",
- "c",
- "c",
"x",
+ "c",
"x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£30,700",
+ "£31,400",
+ "£34,900",
+ "£22,300",
+ "£20,800",
+ "c",
"c",
"c",
- "x",
"c",
"x",
"x",
+ "x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£28,500",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
+ "c",
"x",
"x",
"x",
@@ -3308,28 +4511,36 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£28,500",
+ "£28,100",
+ "£34,500",
+ "c",
+ "£59,900",
"c",
+ "c",
+ "£33,000",
+ "x",
+ "x",
"x",
"x",
"x",
"x",
- "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "61379e38d8254173c80a23bc2686db4c",
"static": false,
"nested": true
},
@@ -3352,83 +4563,91 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage"
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction"
],
"group_name": [
- "Support activities for transportation",
- "Warehousing and storage",
- "Freight transport by road and removal services",
- "Other passenger land transport ",
- "Other postal and courier activities",
- "Passenger air transport",
- "Passenger rail transport; interurban",
- "Postal activities under universal service obligation"
+ "Construction of residential and non-residential buildings",
+ "Construction of other civil engineering projects",
+ "Electrical; plumbing and other construction installation activities",
+ "Development of building projects",
+ "Building completion and finishing",
+ "Construction of utility projects",
+ "Other specialised construction activities",
+ "Construction of roads and railways",
+ "Demolition and site preparation"
],
"White": [
+ 40900,
+ 40200,
+ 25600,
+ 40900,
+ 28100,
+ 35800,
+ 29900,
+ 36100,
+ 31000
+ ],
+ "Black": [
+ 35000,
+ 35400,
+ 29600,
+ 46700,
-10000,
+ 32800,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 38500,
+ 37600,
+ 26800,
+ 38500,
+ 23400,
+ 32500,
-10000,
-10000,
- -10000,
- -10000,
- -10000
+ "NA"
],
- "Black": [
- "NA",
+ "Mixed": [
+ 36300,
+ 37200,
-10000,
+ 35400,
-10000,
-10000,
- "NA",
-10000,
-10000,
- "NA"
+ -10000
],
- "Asian": [
+ "Other": [
+ 38000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- -10000
- ],
- "Mixed": [
-10000,
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- "NA",
- "NA",
- "NA",
-10000,
"NA",
- "NA",
- "NA",
"NA"
],
"Not known": [
- "NA",
- "NA",
- "NA",
+ 44200,
+ 34700,
+ 27200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
- "NA",
- "NA",
- "NA",
"NA"
]
},
@@ -3452,107 +4671,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£40,900",
+ "£40,200",
+ "£25,600",
+ "£40,900",
+ "£28,100",
+ "£35,800",
+ "£29,900",
+ "£36,100",
+ "£31,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "c",
- "c",
+ "£35,000",
+ "£35,400",
+ "£29,600",
+ "£46,700",
"c",
- "x",
+ "£32,800",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£38,500",
+ "£37,600",
+ "£26,800",
+ "£38,500",
+ "£23,400",
+ "£32,500",
"c",
"c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£36,300",
+ "£37,200",
"c",
- "x",
- "x",
- "x",
+ "£35,400",
"c",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "£38,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "£44,200",
+ "£34,700",
+ "£27,200",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9c5fa588ed435d4d060f8fdaf140c1f6",
"static": false,
"nested": true
},
@@ -3575,44 +4800,68 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Other service activities",
+ "Other service activities",
+ "Other service activities",
"Other service activities",
"Other service activities",
"Other service activities"
],
"group_name": [
- "Other personal service activities",
"Activities of other membership organisations",
- "Activities of business; employers and professional membership organisations"
+ "Other personal service activities",
+ "Activities of business; employers and professional membership organisations",
+ "Repair of computers and communication equipment",
+ "Activities of trade unions",
+ "Repair of personal and household goods"
],
"White": [
- 24800,
- -10000,
- -10000
+ 23000,
+ 24300,
+ 30300,
+ 34300,
+ 36800,
+ 18200
],
"Black": [
- "NA",
+ 23000,
+ 27400,
+ 29200,
+ -10000,
-10000,
-10000
],
"Asian": [
- -10000,
+ 23400,
+ 22800,
+ 30300,
+ 28100,
-10000,
-10000
],
"Mixed": [
- "NA",
- "NA",
+ 22600,
+ 29900,
+ 29700,
+ -10000,
+ -10000,
"NA"
],
"Other": [
-10000,
- "NA",
+ 15300,
+ -10000,
+ -10000,
+ -10000,
"NA"
],
"Not known": [
+ 23700,
+ 24500,
+ 32800,
-10000,
-10000,
- "NA"
+ -10000
]
},
"columns": [
@@ -3635,48 +4884,60 @@
"name": "White",
"type": "numeric",
"cell": [
- "£24,800",
- "c",
- "c"
+ "£23,000",
+ "£24,300",
+ "£30,300",
+ "£34,300",
+ "£36,800",
+ "£18,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "£23,000",
+ "£27,400",
+ "£29,200",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
+ "£23,400",
+ "£22,800",
+ "£30,300",
+ "£28,100",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
+ "£22,600",
+ "£29,900",
+ "£29,700",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -3684,28 +4945,34 @@
"type": "numeric",
"cell": [
"c",
- "x",
+ "£15,300",
+ "c",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£23,700",
+ "£24,500",
+ "£32,800",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d44bd26c76c0741e399078a80d883d24",
"static": false,
"nested": true
},
@@ -3728,35 +4995,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Real estate activities",
"Real estate activities",
"Real estate activities"
],
"group_name": [
"Real estate activities on a fee or contract basis",
- "Renting and operating of own or leased real estate"
+ "Renting and operating of own or leased real estate",
+ "Buying and selling of own real estate"
],
"White": [
- -10000,
- 23700
+ 31000,
+ 26300,
+ 31400
],
"Black": [
- -10000,
+ 28500,
+ 26600,
-10000
],
"Asian": [
- -10000,
+ 27700,
+ 27600,
"NA"
],
"Mixed": [
- -10000,
- "NA"
+ 28500,
+ 29200,
+ -10000
],
"Other": [
- "NA",
+ 29900,
+ -10000,
"NA"
],
"Not known": [
- "NA",
+ 26100,
+ 27000,
"NA"
]
},
@@ -3780,71 +5055,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "£23,700"
+ "£31,000",
+ "£26,300",
+ "£31,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c",
+ "£28,500",
+ "£26,600",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
+ "£27,700",
+ "£27,600",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x"
+ "£28,500",
+ "£29,200",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
+ "£29,900",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
+ "£26,100",
+ "£27,000",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "701f527a04b49f8c9750b51cd66ec561",
"static": false,
"nested": true
},
@@ -3867,67 +5148,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction"
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply"
],
"group_name": [
- "Construction of residential and non-residential buildings",
- "Electrical; plumbing and other construction installation activities",
- "Building completion and finishing",
- "Construction of other civil engineering projects",
- "Demolition and site preparation",
- "Other specialised construction activities"
+ "Electric power generation; transmission and distribution",
+ "Manufacture of gas; distribution of gaseous fuels through mains",
+ "Steam and air conditioning supply"
],
"White": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 35000,
+ 43000,
-10000
],
"Black": [
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
+ 26400,
+ 36600,
"NA"
],
"Asian": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 26600,
+ 38900,
"NA"
],
"Mixed": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 27400,
+ -10000,
"NA"
],
"Other": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ -10000,
+ -10000,
"NA"
],
"Not known": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ 31000,
+ -10000,
"NA"
]
},
@@ -3951,95 +5208,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£35,000",
+ "£43,000",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "c",
- "x",
- "x",
- "x",
+ "£26,400",
+ "£36,600",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£26,600",
+ "£38,900",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£27,400",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
+ "£31,000",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e25c16fa5058aaeeecd7e84daabd8802",
"static": false,
"nested": true
},
@@ -4062,36 +5301,68 @@
"attribs": {
"data": {
"SECTIONNAME": [
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
"Water supply - sewerage, waste management and remediation activities",
"Water supply - sewerage, waste management and remediation activities"
],
"group_name": [
+ "Water collection; treatment and supply",
"Waste collection",
- "Water collection; treatment and supply"
+ "Sewerage",
+ "Waste treatment and disposal",
+ "Materials recovery",
+ "Remediation activities and other waste management services"
],
"White": [
- -10000,
- -10000
+ 31800,
+ 28500,
+ 32300,
+ 29000,
+ 26300,
+ 25600
],
"Black": [
- "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA"
],
"Asian": [
- "NA",
- "NA"
+ 34300,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Mixed": [
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA"
],
"Other": [
+ -10000,
+ -10000,
+ -10000,
+ "NA",
"NA",
"NA"
],
"Not known": [
- "NA",
- -10000
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA"
]
},
"columns": [
@@ -4114,71 +5385,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c"
+ "£31,800",
+ "£28,500",
+ "£32,300",
+ "£29,000",
+ "£26,300",
+ "£25,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "£34,300",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "c"
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "923e1ac5c10d203ac47ba5f8bfb99319",
"static": false,
"nested": true
},
@@ -4201,34 +5496,98 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Electricity, gas, steam and air conditioning supply",
- "Electricity, gas, steam and air conditioning supply"
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing"
],
"group_name": [
- "Electric power generation; transmission and distribution",
- "Manufacture of gas; distribution of gaseous fuels through mains"
+ "Animal production",
+ "Growing of non-perennial crops",
+ "Support activities to agriculture and post-harvest crop activities",
+ "Mixed farming",
+ "Silviculture and other forestry activities",
+ "Growing of perennial crops",
+ "Aquaculture",
+ "Plant propagation",
+ "Logging",
+ "Support services to forestry"
],
"White": [
+ 21500,
+ 23700,
+ 20100,
+ 27000,
+ 25200,
+ 20400,
+ -10000,
+ -10000,
-10000,
-10000
],
"Black": [
-10000,
- -10000
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
],
"Asian": [
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Mixed": [
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
"NA",
"NA"
],
"Other": [
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Not known": [
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
]
@@ -4253,11 +5612,19 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£21,500",
+ "£23,700",
+ "£20,100",
+ "£27,000",
+ "£25,200",
+ "£20,400",
+ "c",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -4265,59 +5632,99 @@
"type": "numeric",
"cell": [
"c",
- "c"
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0456fba48981e97a1bd1169e994cd1b1",
"static": false,
"nested": true
},
@@ -4346,22 +5753,22 @@
"Activities of households as employers of domestic personnel"
],
"White": [
- "NA"
+ 20800
],
"Black": [
- "NA"
+ 17900
],
"Asian": [
- -10000
+ 13900
],
"Mixed": [
- "NA"
+ -10000
],
"Other": [
- "NA"
+ -10000
],
"Not known": [
- "NA"
+ 18200
]
},
"columns": [
@@ -4384,65 +5791,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "x"
+ "£20,800"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x"
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c"
+ "£13,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x"
+ "£18,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "23ab3efe1f129adee5e465b805665c26",
"static": false,
"nested": true
},
@@ -4465,36 +5872,76 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing"
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying"
],
"group_name": [
- "Animal production",
- "Support activities to agriculture and post-harvest crop activities"
+ "Quarrying of stone; sand and clay",
+ "Support activities for petroleum and natural gas extraction",
+ "Extraction of crude petroleum",
+ "Mining and quarrying n.e.c.",
+ "Extraction of natural gas",
+ "Mining of hard coal",
+ "Support activities for other mining and quarrying"
],
"White": [
+ 31000,
+ 73900,
+ 54000,
+ -10000,
+ -10000,
-10000,
-10000
],
"Black": [
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Asian": [
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ "NA",
"NA",
"NA"
],
"Mixed": [
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Other": [
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
"NA",
"NA"
],
"Not known": [
"NA",
- -10000
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
]
},
"columns": [
@@ -4517,55 +5964,80 @@
"name": "White",
"type": "numeric",
"cell": [
+ "£31,000",
+ "£73,900",
+ "£54,000",
+ "c",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -4573,15 +6045,20 @@
"type": "numeric",
"cell": [
"x",
- "c"
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "27a30091c16748ac0d39f6467e78d2f3",
"static": false,
"nested": true
},
@@ -4604,28 +6081,28 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Mining and quarrying"
+ "Activities of extraterritorial organisations and bodies"
],
"group_name": [
- "Support activities for petroleum and natural gas extraction"
+ "Activities of extraterritorial organisations and bodies"
],
"White": [
-10000
],
"Black": [
- "NA"
+ -10000
],
"Asian": [
-10000
],
"Mixed": [
- "NA"
+ -10000
],
"Other": [
- "NA"
+ -10000
],
"Not known": [
- "NA"
+ -10000
]
},
"columns": [
@@ -4651,17 +6128,17 @@
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -4671,42 +6148,42 @@
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6958a12a02f376dc60ab3f022fbf3f54",
"static": false,
"nested": true
},
@@ -4735,22 +6212,22 @@
"Not known"
],
"White": [
- 20500
+ 19300
],
"Black": [
- 12400
+ 13500
],
"Asian": [
- 16800
+ 19300
],
"Mixed": [
- 16700
+ 17900
],
"Other": [
- -10000
+ 13300
],
"Not known": [
- 22300
+ 13900
]
},
"columns": [
@@ -4773,65 +6250,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "£20,500"
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£12,400"
+ "£13,500"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£16,800"
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "£16,700"
+ "£17,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "c"
+ "£13,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£22,300"
+ "£13,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "00d52611481e981a55a6abc0360fa0e4",
"static": false,
"nested": true
},
@@ -4872,31 +6349,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,900",
+ "£29,600",
"£27,700",
- "£28,800",
- "£32,100",
- "£26,300",
- "£30,300",
- "£32,500",
"£32,800",
- "£33,400",
- "£28,100",
- "£21,900",
- "£29,600",
- "£23,000",
- "£24,100",
- "£31,000",
- "c",
- "c",
- "x",
- "c",
+ "£24,500",
+ "£33,900",
+ "£26,300",
+ "£29,900",
+ "£38,000",
+ "£33,600",
+ "£18,200",
+ "£22,600",
+ "£29,900",
+ "£36,100",
+ "£25,200",
+ "£29,200",
+ "£37,600",
+ "£30,700",
+ "£23,700",
+ "£20,800",
+ "£44,900",
"c",
- "£20,500"
+ "£19,300"
],
- "footer": "4,405",
+ "footer": "154,335",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -4906,31 +6384,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,600",
"£30,700",
- "£21,500",
- "£28,100",
- "£23,000",
+ "£27,700",
+ "£29,900",
+ "£22,600",
+ "£33,200",
+ "£23,400",
"£31,000",
+ "£33,900",
+ "£30,800",
+ "£19,300",
+ "£22,600",
+ "£28,800",
+ "£33,900",
+ "£27,400",
+ "£27,600",
+ "£29,000",
+ "£28,100",
"c",
+ "£17,900",
"c",
"c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "£12,400"
+ "£13,500"
],
- "footer": "490",
+ "footer": "12,890",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -4940,31 +6419,32 @@
"fontWeight": "bold"
},
"cell": [
+ "£34,300",
+ "£27,400",
+ "£32,100",
+ "£25,600",
+ "£35,800",
+ "£24,800",
"£29,900",
+ "£38,700",
+ "£32,800",
+ "£18,200",
+ "£24,100",
+ "£28,500",
+ "£33,900",
"£26,600",
- "£36,900",
- "£35,000",
- "£26,900",
- "c",
- "£29,200",
- "£40,200",
- "£26,300",
- "c",
- "c",
- "c",
- "c",
+ "£27,700",
+ "£31,800",
+ "£27,400",
"c",
- "x",
- "x",
- "x",
+ "£13,900",
"c",
- "x",
"c",
- "£16,800"
+ "£19,300"
],
- "footer": "820",
+ "footer": "21,955",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
@@ -4974,31 +6454,32 @@
"fontWeight": "bold"
},
"cell": [
- "£32,500",
- "£25,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£32,100",
+ "£27,700",
+ "£33,400",
+ "£24,500",
+ "£33,900",
+ "£26,600",
+ "£31,400",
+ "£42,000",
+ "£33,200",
+ "£18,200",
+ "£22,000",
+ "£29,600",
+ "£36,100",
+ "£28,800",
+ "£28,500",
+ "£28,800",
+ "£30,700",
"c",
"c",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "£16,700"
+ "£17,900"
],
- "footer": "170",
+ "footer": "6,905",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -5008,31 +6489,32 @@
"fontWeight": "bold"
},
"cell": [
- "£29,900",
- "c",
- "c",
+ "£33,600",
+ "£28,300",
+ "£33,200",
+ "£22,600",
+ "£35,800",
+ "£27,700",
+ "£31,800",
+ "£40,900",
+ "£35,400",
+ "£15,300",
+ "£22,800",
+ "£28,500",
+ "£36,100",
+ "£26,800",
+ "£29,200",
"c",
"c",
"x",
"c",
- "c",
- "x",
- "x",
"x",
"c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "£13,300"
],
- "footer": "50",
+ "footer": "2,120",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -5042,37 +6524,38 @@
"fontWeight": "bold"
},
"cell": [
- "£29,600",
- "£25,200",
- "£20,400",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£29,900",
+ "£26,300",
+ "£32,100",
+ "£20,800",
+ "£33,600",
+ "£23,000",
+ "£30,300",
+ "£32,100",
+ "£31,800",
+ "£17,200",
+ "£21,400",
+ "£29,700",
+ "£33,200",
+ "£24,300",
+ "£26,800",
+ "£32,100",
+ "£30,300",
"c",
- "x",
- "x",
+ "£18,200",
"c",
- "x",
- "x",
"c",
- "x",
- "£22,300"
+ "£13,900"
],
- "footer": "185",
+ "footer": "4,730",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 40200\n var min = 12400\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 44900\n var min = 13300\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "6a7b8080c44fc3389c254e1fc185683f",
"static": false
},
"children": [
@@ -5208,6 +6691,12 @@
"tag.attribs.columns.0.details.20.children.0.attribs.columns.5.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.6.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.7.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.2.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.3.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.4.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.5.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.6.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.7.style",
"tag.attribs.columns.3.style",
"tag.attribs.columns.4.style",
"tag.attribs.columns.5.style",
@@ -5222,7 +6711,7 @@
]
},
- "crosstab_text": "For first degree graduates of Allied health, five years after graduation, Human health and social work activities<\/b> <\/b> was the most common industry for all ethnicities.
The industry with the largest range in proportions was Human health and social work activities<\/b> where Other<\/b> ethnicity graduates had the highest proportion and Asian<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Wholesale and retail trade - repair of motor vehicles and motorcycles<\/b> where Asian<\/b> ethnicity graduates had the highest median earnings (£36,900<\/b><\/b>) and Black<\/b> ethnicity graduates had the lowest median earnings (£21,500<\/b><\/b>). The group with the highest earnings was Asian<\/b> ethnicity graduates who worked in the Information and communication<\/b> industry (median earnings of £40,200<\/b>).
",
- "crosstab_title": " Industry of graduate employment for graduates of Allied health by ethnicity, five years after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
+ "crosstab_text": "For first degree graduates of all subjects, five years after graduation, Education<\/b> <\/b> was the most common industry for White ethnicity graduates,\n and Human health and social work activities<\/b> <\/b> was the most common industry for Black, Asian, Mixed, Other and Not known ethnicity graduates.
The industry with the largest range in proportions was Human health and social work activities<\/b> where Black<\/b> ethnicity graduates had the highest proportion and White<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Electricity, gas, steam and air conditioning supply<\/b> where White<\/b> ethnicity graduates had the highest median earnings (£37,600<\/b><\/b>) and Mixed<\/b> ethnicity graduates had the lowest median earnings (£28,800<\/b><\/b>). The group with the highest earnings was White<\/b> ethnicity graduates who worked in the Mining and quarrying<\/b> industry (median earnings of £44,900<\/b>).
",
+ "crosstab_title": " Industry of graduate employment for graduates of all subjects by ethnicity, five years after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
}
}
diff --git a/tests/testthat/_snaps/testUI/012_.png b/tests/testthat/_snaps/testUI/012_.png
new file mode 100644
index 0000000..c6145a9
Binary files /dev/null and b/tests/testthat/_snaps/testUI/012_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_6.json b/tests/testthat/_snaps/testUI/013.json
similarity index 77%
rename from tests/shinytest/testUI-expected/subjectByIndustry_6.json
rename to tests/testthat/_snaps/testUI/013.json
index 41ef740..42c9ced 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_6.json
+++ b/tests/testthat/_snaps/testUI/013.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "1",
"countinput2": "ethnicity",
- "crosstabs.subjectinput": "Allied health",
+ "crosstabs.subjectinput": "All",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "1"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -17,24 +17,25 @@
"SECTIONNAME": [
"Human health and social work activities",
"Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Professional, scientific and technical activities",
"Education",
"Administrative and support service activities",
- "Professional, scientific and technical activities",
+ "Information and communication",
+ "Accommodation and food service activities",
+ "Financial and insurance activities",
"Manufacturing",
"Public administration and defence - compulsory social security",
- "Accommodation and food service activities",
- "Information and communication",
"Arts, entertainment and recreation",
- "Financial and insurance activities",
- "Other service activities",
"Transportation and storage",
- "Real estate activities",
- "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
"Construction",
- "Agriculture, forestry and fishing",
+ "Real estate activities",
+ "Other service activities",
"Electricity, gas, steam and air conditioning supply",
+ "Agriculture, forestry and fishing",
"Water supply - sewerage, waste management and remediation activities",
+ "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use",
"Mining and quarrying",
+ "Activities of extraterritorial organisations and bodies",
"Not known"
],
"group_name": [
@@ -58,145 +59,152 @@
"All",
"All",
"All",
+ "All",
"All"
],
"White": [
+ 26300,
+ 16100,
+ 23000,
+ 20100,
+ 19700,
24500,
- 17500,
- 20800,
- 19100,
- 22600,
- 23700,
- 25600,
- 14200,
- 24600,
- 17900,
- 22300,
- 21900,
- 21500,
- 20400,
- 16400,
- 21900,
- -10000,
- -10000,
- -10000,
+ 13100,
+ 25200,
+ 25200,
+ 25200,
+ 15600,
+ 24500,
+ 26300,
+ 21200,
+ 19300,
+ 24800,
+ 19400,
+ 23000,
+ 19000,
+ 27000,
-10000,
- 15100
+ 15000
],
"Black": [
- 24500,
- 16100,
+ 27700,
+ 14600,
+ 23000,
+ 20800,
17900,
- 20100,
- 20100,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 25200,
+ 13000,
+ 25600,
+ 24800,
+ 26600,
+ 13900,
+ 24100,
+ 26600,
+ 21200,
+ 20800,
+ 23400,
-10000,
+ 21000,
+ 9900,
"NA",
- "NA",
- "NA",
- "NA",
- 9700
+ -10000,
+ 11700
],
"Asian": [
- 24100,
+ 28800,
16400,
- 18200,
- 17900,
- 23700,
- -10000,
- -10000,
- 9500,
+ 23400,
20400,
+ 19000,
+ 26600,
+ 13500,
+ 26300,
+ 24500,
+ 25600,
+ 15700,
+ 23700,
+ 24800,
+ 20800,
+ 19700,
+ 20800,
-10000,
- 20100,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 23400,
+ 16600,
-10000,
"NA",
- 15300
+ 14200
],
"Mixed": [
- 25900,
- 17900,
- 20800,
- -10000,
+ 26600,
+ 15700,
23000,
+ 19300,
+ 18600,
+ 24500,
+ 12800,
+ 27000,
+ 24100,
+ 25600,
+ 14600,
+ 23700,
+ 24500,
+ 21200,
+ 20400,
+ 22600,
-10000,
-10000,
+ 27700,
-10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
"NA",
- "NA",
- -10000
+ 12800
],
"Other": [
- 25200,
- 16100,
+ 28700,
+ 16800,
+ 23700,
+ 19500,
+ 17500,
+ 25600,
+ 12800,
+ 26600,
+ 23700,
+ 28500,
+ 15000,
+ 24600,
+ 21900,
+ 20600,
+ 18200,
-10000,
-10000,
-10000,
-10000,
"NA",
-10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- 15100
+ 12400
],
"Not known": [
- 29900,
- 17500,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 28500,
+ 16100,
+ 24800,
+ 20100,
+ 19500,
+ 25900,
+ 13900,
+ 28800,
+ 30700,
+ 26600,
+ 13900,
+ 23400,
+ 29500,
+ 20300,
+ 22300,
-10000,
-10000,
- "NA",
-10000,
- "NA",
-10000,
"NA",
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
+ 12300
]
},
"columns": [
@@ -242,77 +250,77 @@
"Other human health activities",
"Other social work activities without accommodation",
"Other residential care activities",
- "Social work activities without accommodation for the elderly and disabled",
"Medical and dental practice activities",
+ "Social work activities without accommodation for the elderly and disabled",
"Residential care activities for the elderly and disabled",
"Residential nursing care activities",
"Residential care activities for mental retardation; mental health and substance abuse"
],
"White": [
- 24100,
- 29200,
- 18600,
- 21500,
- 16400,
- 19300,
- 17500,
- 25200,
- 27700
+ 28500,
+ 25600,
+ 17900,
+ 20100,
+ 18200,
+ 17900,
+ 18100,
+ 19000,
+ 21200
],
"Black": [
- 24800,
- 25200,
- -10000,
- 19700,
+ 31400,
+ 27000,
+ 18600,
+ 22600,
+ 17300,
20100,
- -10000,
- -10000,
- -10000,
- -10000
+ 20100,
+ 25200,
+ 24500
],
"Asian": [
- 24500,
- 25900,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 32800,
+ 23000,
+ 16200,
+ 19300,
+ 17900,
+ 16400,
+ 18100,
+ 20100,
+ 19700
],
"Mixed": [
- 25600,
- 30800,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 31800,
+ 25200,
+ 19300,
+ 19700,
+ 18400,
+ 18200,
+ 14800,
+ 15100,
+ 19300
],
"Other": [
- 27700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
+ 34700,
+ 25400,
+ 17700,
+ 19300,
+ 17200,
+ 15900,
+ 17200,
-10000,
- "NA"
+ -10000
],
"Not known": [
- 26300,
- 37600,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- "NA"
+ 30300,
+ 31000,
+ 18600,
+ 22300,
+ 20800,
+ 19000,
+ 19300,
+ 22300,
+ -10000
]
},
"columns": [
@@ -335,113 +343,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "£24,100",
- "£29,200",
- "£18,600",
- "£21,500",
- "£16,400",
- "£19,300",
- "£17,500",
- "£25,200",
- "£27,700"
+ "£28,500",
+ "£25,600",
+ "£17,900",
+ "£20,100",
+ "£18,200",
+ "£17,900",
+ "£18,100",
+ "£19,000",
+ "£21,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£24,800",
- "£25,200",
- "c",
- "£19,700",
+ "£31,400",
+ "£27,000",
+ "£18,600",
+ "£22,600",
+ "£17,300",
"£20,100",
- "c",
- "c",
- "c",
- "c"
+ "£20,100",
+ "£25,200",
+ "£24,500"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£24,500",
- "£25,900",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£32,800",
+ "£23,000",
+ "£16,200",
+ "£19,300",
+ "£17,900",
+ "£16,400",
+ "£18,100",
+ "£20,100",
+ "£19,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "£25,600",
- "£30,800",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£31,800",
+ "£25,200",
+ "£19,300",
+ "£19,700",
+ "£18,400",
+ "£18,200",
+ "£14,800",
+ "£15,100",
+ "£19,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "£27,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
+ "£34,700",
+ "£25,400",
+ "£17,700",
+ "£19,300",
+ "£17,200",
+ "£15,900",
+ "£17,200",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£26,300",
- "£37,600",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "x"
+ "£30,300",
+ "£31,000",
+ "£18,600",
+ "£22,300",
+ "£20,800",
+ "£19,000",
+ "£19,300",
+ "£22,300",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "17334ce981de227f4be6d57d7b2cce08",
"static": false,
"nested": true
},
@@ -482,74 +490,134 @@
"Wholesale and retail trade - repair of motor vehicles and motorcycles",
"Wholesale and retail trade - repair of motor vehicles and motorcycles",
"Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
+ "Wholesale and retail trade - repair of motor vehicles and motorcycles",
"Wholesale and retail trade - repair of motor vehicles and motorcycles"
],
"group_name": [
- "Retail sale of other goods in specialised stores",
"Retail sale in non-specialised stores",
+ "Retail sale of other goods in specialised stores",
"Wholesale of household goods",
- "Wholesale of food; beverages and tobacco",
- "Retail sale of other household equipment in specialised stores",
"Retail trade not in stores; stalls or markets",
+ "Retail sale of other household equipment in specialised stores",
"Retail sale of cultural and recreation goods in specialised stores",
"Retail sale of food; beverages and tobacco in specialised stores",
- "Non-specialised wholesale trade",
"Other specialised wholesale",
- "Wholesale of agricultural raw materials and live animals",
+ "Wholesale of food; beverages and tobacco",
+ "Wholesale of information and communication equipment",
+ "Wholesale of other machinery; equipment and supplies",
+ "Sale of motor vehicles",
+ "Retail sale of information and communication equipment in specialised stores",
"Wholesale on a fee or contract basis",
- "Maintenance and repair of motor vehicles",
"Retail sale of automotive fuel in specialised stores",
- "Retail sale of information and communication equipment in specialised stores",
+ "Non-specialised wholesale trade",
"Sale of motor vehicle parts and accessories",
- "Sale of motor vehicles",
- "Wholesale of information and communication equipment",
- "Wholesale of other machinery; equipment and supplies"
+ "Maintenance and repair of motor vehicles",
+ "Wholesale of agricultural raw materials and live animals",
+ "Retail sale via stalls and markets",
+ "Sale; maintenance and repair of motorcycles and related parts and accessories"
],
"White": [
- 16800,
- 15700,
+ 14600,
+ 13900,
+ 20800,
+ 20800,
+ 16100,
+ 13500,
+ 12800,
+ 21400,
+ 20800,
24800,
- 21700,
- -10000,
- 18200,
- -10000,
- -10000,
+ 22300,
+ 21200,
+ 17200,
+ 20100,
+ 15000,
+ 21500,
+ 19000,
+ 18600,
+ 19000,
-10000,
+ -10000
+ ],
+ "Black": [
+ 13500,
+ 13100,
+ 20400,
+ 20800,
+ 13500,
+ 13100,
+ 11700,
+ 22300,
+ 19000,
+ 22300,
+ 21900,
+ 22800,
+ 18100,
-10000,
-10000,
+ 18100,
-10000,
-10000,
- "NA",
-10000,
-10000,
+ "NA"
+ ],
+ "Asian": [
+ 14400,
+ 16100,
+ 21200,
+ 20800,
+ 15700,
+ 12000,
+ 12400,
+ 22300,
+ 20100,
+ 27600,
+ 23000,
+ 23400,
+ 18200,
+ 19700,
+ 17500,
+ 17000,
+ 19700,
+ 14100,
-10000,
-10000,
"NA"
],
- "Black": [
- 16100,
+ "Mixed": [
+ 13900,
+ 14800,
+ 20100,
+ 21500,
+ 14200,
+ 13500,
+ 12800,
+ 21500,
+ 22600,
+ 25200,
+ 22100,
+ 19000,
+ 23700,
+ 23000,
-10000,
- "NA",
- "NA",
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
"NA"
],
- "Asian": [
- 16800,
- 13500,
+ "Other": [
+ 16100,
+ 15300,
+ 18800,
+ 20800,
+ 19000,
+ 12400,
+ 14100,
+ -10000,
-10000,
-10000,
-10000,
@@ -558,78 +626,34 @@
-10000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
-10000,
"NA",
"NA",
- "NA",
- "NA",
- -10000
+ "NA"
],
- "Mixed": [
- -10000,
+ "Not known": [
+ 15300,
+ 15300,
+ 20800,
+ 23000,
+ 18200,
+ 12800,
-10000,
-10000,
-10000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
- 16100,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- 17200,
-10000,
-10000,
- "NA",
-10000,
"NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -652,112 +676,120 @@
"name": "White",
"type": "numeric",
"cell": [
- "£16,800",
- "£15,700",
+ "£14,600",
+ "£13,900",
+ "£20,800",
+ "£20,800",
+ "£16,100",
+ "£13,500",
+ "£12,800",
+ "£21,400",
+ "£20,800",
"£24,800",
- "£21,700",
- "c",
- "£18,200",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
+ "£22,300",
+ "£21,200",
+ "£17,200",
+ "£20,100",
+ "£15,000",
+ "£21,500",
+ "£19,000",
+ "£18,600",
+ "£19,000",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£16,100",
+ "£13,500",
+ "£13,100",
+ "£20,400",
+ "£20,800",
+ "£13,500",
+ "£13,100",
+ "£11,700",
+ "£22,300",
+ "£19,000",
+ "£22,300",
+ "£21,900",
+ "£22,800",
+ "£18,100",
"c",
- "x",
- "x",
+ "c",
+ "£18,100",
"c",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£16,800",
- "£13,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
+ "£14,400",
+ "£16,100",
+ "£21,200",
+ "£20,800",
+ "£15,700",
+ "£12,000",
+ "£12,400",
+ "£22,300",
+ "£20,100",
+ "£27,600",
+ "£23,000",
+ "£23,400",
+ "£18,200",
+ "£19,700",
+ "£17,500",
+ "£17,000",
+ "£19,700",
+ "£14,100",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£13,900",
+ "£14,800",
+ "£20,100",
+ "£21,500",
+ "£14,200",
+ "£13,500",
+ "£12,800",
+ "£21,500",
+ "£22,600",
+ "£25,200",
+ "£22,100",
+ "£19,000",
+ "£23,700",
+ "£23,000",
"c",
"c",
"c",
"c",
"c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -765,60 +797,64 @@
"type": "numeric",
"cell": [
"£16,100",
+ "£15,300",
+ "£18,800",
+ "£20,800",
+ "£19,000",
+ "£12,400",
+ "£14,100",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "£17,200",
+ "£15,300",
+ "£15,300",
+ "£20,800",
+ "£23,000",
+ "£18,200",
+ "£12,800",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
- "x",
"c",
- "x",
- "x",
"c",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f83242921653bad9ae7301692185a5b8",
"static": false,
"nested": true
},
@@ -841,62 +877,134 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Education",
- "Education",
- "Education",
- "Education",
- "Education",
- "Education"
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities",
+ "Professional, scientific and technical activities"
],
"group_name": [
- "Primary education",
- "Secondary education",
- "Higher education",
- "Other education",
- "Educational support activities",
- "Pre-primary education"
+ "Accounting; bookkeeping and auditing activities; tax consultancy",
+ "Management consultancy activities",
+ "Architectural and engineering activities and related technical consultancy",
+ "Legal activities",
+ "Advertising",
+ "Research and experimental development on natural sciences and engineering",
+ "Veterinary activities",
+ "Other professional; scientific and technical activities n.e.c.",
+ "Activities of head offices",
+ "Market research and public opinion polling",
+ "Technical testing and analysis",
+ "Specialised design activities",
+ "Photographic activities",
+ "Research and experimental development on social sciences and humanities",
+ "Translation and interpretation activities"
],
"White": [
- 23000,
- 16800,
- 21900,
- 20300,
- -10000,
- -10000
+ 23400,
+ 24100,
+ 24800,
+ 18600,
+ 21500,
+ 25900,
+ 29600,
+ 22300,
+ 23700,
+ 22600,
+ 20100,
+ 19700,
+ 16100,
+ 23700,
+ 23700
],
"Black": [
+ 22600,
+ 24500,
+ 25600,
+ 19200,
+ 22100,
+ 24800,
-10000,
+ 21200,
+ 23700,
+ 21900,
+ 22600,
-10000,
-10000,
-10000,
- "NA",
-10000
],
"Asian": [
- 20100,
- -10000,
- -10000,
+ 23400,
+ 23700,
+ 25900,
+ 18200,
+ 22300,
+ 24800,
+ 29200,
+ 22600,
+ 26500,
+ 23200,
+ 19700,
+ 18600,
-10000,
-10000,
- "NA"
+ -10000
],
"Mixed": [
+ 23400,
+ 24100,
+ 25200,
+ 19000,
+ 22300,
+ 28300,
+ 29000,
+ 22300,
+ 22600,
+ 21900,
+ 21000,
+ 19000,
-10000,
-10000,
- -10000,
- -10000,
- "NA",
- "NA"
+ -10000
],
"Other": [
+ 21900,
+ 23400,
+ 25600,
+ 21400,
+ 22300,
+ 24300,
-10000,
-10000,
-10000,
+ 21900,
-10000,
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Not known": [
+ 26600,
+ 25200,
+ 24800,
+ 20400,
+ 22300,
+ 29200,
+ -10000,
+ -10000,
+ -10000,
-10000,
-10000,
-10000,
@@ -925,95 +1033,149 @@
"name": "White",
"type": "numeric",
"cell": [
- "£23,000",
- "£16,800",
- "£21,900",
- "£20,300",
- "c",
- "c"
+ "£23,400",
+ "£24,100",
+ "£24,800",
+ "£18,600",
+ "£21,500",
+ "£25,900",
+ "£29,600",
+ "£22,300",
+ "£23,700",
+ "£22,600",
+ "£20,100",
+ "£19,700",
+ "£16,100",
+ "£23,700",
+ "£23,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£22,600",
+ "£24,500",
+ "£25,600",
+ "£19,200",
+ "£22,100",
+ "£24,800",
"c",
+ "£21,200",
+ "£23,700",
+ "£21,900",
+ "£22,600",
"c",
"c",
"c",
- "x",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£20,100",
- "c",
- "c",
+ "£23,400",
+ "£23,700",
+ "£25,900",
+ "£18,200",
+ "£22,300",
+ "£24,800",
+ "£29,200",
+ "£22,600",
+ "£26,500",
+ "£23,200",
+ "£19,700",
+ "£18,600",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£23,400",
+ "£24,100",
+ "£25,200",
+ "£19,000",
+ "£22,300",
+ "£28,300",
+ "£29,000",
+ "£22,300",
+ "£22,600",
+ "£21,900",
+ "£21,000",
+ "£19,000",
"c",
"c",
- "c",
- "c",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£21,900",
+ "£23,400",
+ "£25,600",
+ "£21,400",
+ "£22,300",
+ "£24,300",
"c",
"c",
"c",
+ "£21,900",
"c",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£26,600",
+ "£25,200",
+ "£24,800",
+ "£20,400",
+ "£22,300",
+ "£29,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "c",
- "c",
- "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c360d12588fa00bd114878b6060e0378",
"static": false,
"nested": true
},
@@ -1036,124 +1198,68 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities",
- "Administrative and support service activities"
+ "Education",
+ "Education",
+ "Education",
+ "Education",
+ "Education",
+ "Education"
],
"group_name": [
- "Temporary employment agency activities",
- "Business support service activities n.e.c.",
- "Activities of employment placement agencies",
- "Activities of call centres",
- "Cleaning activities",
- "Combined facilities support activities",
- "Private security activities",
- "Renting and leasing of motor vehicles",
- "Office administrative and support activities",
- "Organisation of conventions and trade shows",
- "Other human resources provision",
- "Renting and leasing of other machinery; equipment and tangible goods",
- "Travel agency and tour operator activities"
+ "Primary education",
+ "Secondary education",
+ "Higher education",
+ "Other education",
+ "Pre-primary education",
+ "Educational support activities"
],
"White": [
- 20800,
- 21200,
- 19000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 21500,
+ 18600,
+ 20100,
+ 19300,
+ 16400,
+ 18600
],
"Black": [
- 17900,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 24100,
+ 18200,
+ 19700,
+ 18200,
+ 18600,
+ 12400
],
"Asian": [
- 19700,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ 21400,
+ 20100,
+ 21500,
+ 17900,
+ 13500,
+ 21900
],
"Mixed": [
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA"
+ 20800,
+ 17500,
+ 21500,
+ 18600,
+ 12600,
+ 17200
],
"Other": [
+ 23400,
+ 19000,
+ 20400,
+ 14600,
-10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
"Not known": [
+ 20100,
+ 19500,
+ 22600,
+ 18600,
-10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -1176,137 +1282,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "£20,800",
- "£21,200",
- "£19,000",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£21,500",
+ "£18,600",
+ "£20,100",
+ "£19,300",
+ "£16,400",
+ "£18,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£17,900",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£24,100",
+ "£18,200",
+ "£19,700",
+ "£18,200",
+ "£18,600",
+ "£12,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£19,700",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£21,400",
+ "£20,100",
+ "£21,500",
+ "£17,900",
+ "£13,500",
+ "£21,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x"
+ "£20,800",
+ "£17,500",
+ "£21,500",
+ "£18,600",
+ "£12,600",
+ "£17,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£23,400",
+ "£19,000",
+ "£20,400",
+ "£14,600",
"c",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£20,100",
+ "£19,500",
+ "£22,600",
+ "£18,600",
"c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "95dd29d22c9b1ddc64f2c9620226c205",
"static": false,
"nested": true
},
@@ -1329,122 +1393,170 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities",
- "Professional, scientific and technical activities"
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities",
+ "Administrative and support service activities"
],
"group_name": [
- "Management consultancy activities",
- "Research and experimental development on natural sciences and engineering",
- "Accounting; bookkeeping and auditing activities; tax consultancy",
- "Technical testing and analysis",
- "Activities of head offices",
- "Legal activities",
- "Other professional; scientific and technical activities n.e.c.",
- "Architectural and engineering activities and related technical consultancy",
- "Advertising",
- "Market research and public opinion polling",
- "Research and experimental development on social sciences and humanities",
- "Specialised design activities",
- "Veterinary activities"
+ "Temporary employment agency activities",
+ "Business support service activities n.e.c.",
+ "Activities of employment placement agencies",
+ "Activities of call centres",
+ "Renting and leasing of motor vehicles",
+ "Cleaning activities",
+ "Private security activities",
+ "Combined facilities support activities",
+ "Travel agency and tour operator activities",
+ "Organisation of conventions and trade shows",
+ "Office administrative and support activities",
+ "Renting and leasing of other machinery; equipment and tangible goods",
+ "Other human resources provision",
+ "Landscape service activities",
+ "Other reservation service and related activities",
+ "Renting and leasing of personal and household goods",
+ "Security systems service activities",
+ "Investigation activities",
+ "Leasing of intellectual property and similar products; except copyrighted works"
],
"White": [
- 25200,
- 24500,
+ 19000,
+ 21500,
+ 19300,
+ 17500,
+ 22300,
17900,
+ 19700,
+ 21500,
+ 18600,
+ 21900,
+ 19700,
+ 21500,
+ 20100,
17500,
+ 18800,
+ 18400,
+ 23200,
+ 23000,
+ -10000
+ ],
+ "Black": [
+ 16800,
+ 20800,
+ 15000,
+ 17200,
+ 22300,
+ 20100,
+ 18200,
+ 23400,
-10000,
-10000,
+ 20800,
-10000,
+ 17900,
+ "NA",
-10000,
-10000,
-10000,
-10000,
- -10000,
- -10000
+ "NA"
],
- "Black": [
- -10000,
- -10000,
- -10000,
+ "Asian": [
+ 18200,
+ 21200,
+ 19300,
+ 17500,
+ 21400,
+ 20100,
+ 17000,
+ 22800,
+ 19000,
+ 20100,
+ 19300,
+ 23000,
-10000,
+ "NA",
-10000,
-10000,
- "NA",
- "NA",
-10000,
"NA",
- "NA",
- "NA",
-10000
],
- "Asian": [
+ "Mixed": [
+ 17500,
+ 21500,
+ 19900,
+ 17000,
+ 22100,
+ 16800,
+ 16100,
+ 20100,
+ -10000,
-10000,
-10000,
- 27400,
-10000,
-10000,
-10000,
-10000,
-10000,
- "NA",
-10000,
- "NA",
"NA",
"NA"
],
- "Mixed": [
- -10000,
- -10000,
+ "Other": [
+ 15300,
+ 20400,
+ 20400,
+ 18200,
+ 21900,
+ 18400,
+ 16800,
-10000,
-10000,
-10000,
-10000,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Other": [
"NA",
-10000,
"NA",
"NA",
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
"NA"
],
"Not known": [
+ 18600,
+ 19300,
+ 21700,
+ 17000,
+ -10000,
+ 17200,
+ 21700,
+ -10000,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
-10000,
- "NA",
-10000,
"NA",
+ -10000,
+ -10000,
"NA",
- "NA",
+ -10000,
"NA",
"NA"
]
@@ -1469,72 +1581,99 @@
"name": "White",
"type": "numeric",
"cell": [
- "£25,200",
- "£24,500",
+ "£19,000",
+ "£21,500",
+ "£19,300",
+ "£17,500",
+ "£22,300",
"£17,900",
+ "£19,700",
+ "£21,500",
+ "£18,600",
+ "£21,900",
+ "£19,700",
+ "£21,500",
+ "£20,100",
"£17,500",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£18,800",
+ "£18,400",
+ "£23,200",
+ "£23,000",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£16,800",
+ "£20,800",
+ "£15,000",
+ "£17,200",
+ "£22,300",
+ "£20,100",
+ "£18,200",
+ "£23,400",
"c",
"c",
+ "£20,800",
"c",
+ "£17,900",
+ "x",
"c",
"c",
"c",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£18,200",
+ "£21,200",
+ "£19,300",
+ "£17,500",
+ "£21,400",
+ "£20,100",
+ "£17,000",
+ "£22,800",
+ "£19,000",
+ "£20,100",
+ "£19,300",
+ "£23,000",
"c",
- "c",
- "£27,400",
- "c",
- "c",
- "c",
+ "x",
"c",
"c",
- "x",
"c",
"x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£17,500",
+ "£21,500",
+ "£19,900",
+ "£17,000",
+ "£22,100",
+ "£16,800",
+ "£16,100",
+ "£20,100",
+ "c",
"c",
"c",
"c",
@@ -1543,63 +1682,72 @@
"c",
"c",
"c",
- "x",
- "x",
- "x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
+ "£15,300",
+ "£20,400",
+ "£20,400",
+ "£18,200",
+ "£21,900",
+ "£18,400",
+ "£16,800",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"x",
"c",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£18,600",
+ "£19,300",
+ "£21,700",
+ "£17,000",
+ "c",
+ "£17,200",
+ "£21,700",
+ "c",
"c",
- "x",
"c",
- "x",
- "x",
"c",
- "x",
"c",
"x",
+ "c",
+ "c",
"x",
- "x",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "345a85837d0b0858071beadbf364015a",
"static": false,
"nested": true
},
@@ -1622,174 +1770,99 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing",
- "Manufacturing"
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication",
+ "Information and communication"
],
"group_name": [
- "Manufacture of other food products",
- "Manufacture of bakery and farinaceous products",
- "Manufacture of pharmaceutical preparations",
- "Processing and preserving of meat and production of meat products",
- "Manufacture of basic pharmaceutical products",
- "Manufacture of beverages",
- "Manufacture of grain mill products; starches and starch products",
- "Manufacture of medical and dental instruments and supplies",
- "Manufacture of other chemical products",
- "Processing and preserving of fruit and vegetables",
- "Building of ships and boats",
- "Finishing of textiles",
- "Manufacture of air and spacecraft and related machinery",
- "Manufacture of articles of paper and paperboard ",
- "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
- "Manufacture of basic iron and steel and of ferro-alloys",
- "Manufacture of basic precious and other non-ferrous metals",
- "Manufacture of communication equipment",
- "Manufacture of computers and peripheral equipment",
- "Manufacture of dairy products",
- "Manufacture of domestic appliances",
- "Manufacture of furniture",
- "Manufacture of military fighting vehicles",
- "Manufacture of optical instruments and photographic equipment",
- "Manufacture of other fabricated metal products",
- "Manufacture of other general-purpose machinery",
- "Manufacture of other special-purpose machinery",
- "Manufacture of paints; varnishes and similar coatings; printing ink and mastics",
- "Manufacture of parts and accessories for motor vehicles",
- "Manufacture of pesticides and other agrochemical products",
- "Manufacture of plastics products",
- "Manufacture of prepared animal feeds",
- "Manufacture of pulp; paper and paperboard",
- "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
- "Manufacture of structural metal products",
- "Manufacture of weapons and ammunition",
- "Printing and service activities related to printing",
- "Processing and preserving of fish; crustaceans and molluscs",
- "Repair of fabricated metal products; machinery and equipment",
- "Treatment and coating of metals; machining"
+ "Computer programming; consultancy and related activities",
+ "Motion picture; video and television programme activities",
+ "Publishing of books; periodicals and other publishing activities",
+ "Other telecommunications activities",
+ "Data processing; hosting and related activities; web portals",
+ "Television programming and broadcasting activities",
+ "Wireless telecommunications activities",
+ "Software publishing",
+ "Other information service activities",
+ "Sound recording and music publishing activities",
+ "Wired telecommunications activities",
+ "Satellite telecommunications activities",
+ "Radio broadcasting"
],
"White": [
- 23400,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
+ 26300,
+ 19000,
+ 21900,
+ 24800,
+ 25600,
+ 27000,
+ 26100,
+ 24400,
+ 24100,
+ 20400,
+ 23700,
+ 21200,
+ 19700
+ ],
+ "Black": [
+ 26300,
+ 17000,
+ 24100,
+ 23000,
+ 26300,
+ 26600,
+ 20800,
-10000,
-10000,
-10000,
-10000,
-10000,
+ -10000
+ ],
+ "Asian": [
+ 27400,
+ 16800,
+ 25000,
+ 25700,
+ 26600,
+ 29600,
+ 28700,
+ 23700,
+ 30300,
-10000,
- "NA",
-10000,
+ 21500,
-10000
],
- "Black": [
- "NA",
- "NA",
- "NA",
- -10000,
+ "Mixed": [
+ 26300,
+ 19400,
+ 23400,
+ 21900,
+ 23400,
+ 25700,
+ 21200,
-10000,
- "NA",
- "NA",
+ 29200,
-10000,
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
- "Asian": [
+ "Other": [
+ 25900,
+ 21500,
+ 21500,
-10000,
-10000,
-10000,
@@ -1799,162 +1872,21 @@
-10000,
-10000,
"NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
+ "NA"
+ ],
+ "Not known": [
+ 27000,
+ 17300,
+ 19000,
+ 29200,
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
-10000,
- "NA",
-10000,
- "NA",
- "NA"
- ],
- "Mixed": [
-10000,
- "NA",
- "NA",
-10000,
- "NA",
- "NA",
- "NA",
-10000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000
- ],
- "Other": [
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ],
- "Not known": [
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
"NA"
]
},
@@ -1978,299 +1910,137 @@
"name": "White",
"type": "numeric",
"cell": [
- "£23,400",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "x",
- "x",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "c"
+ "£26,300",
+ "£19,000",
+ "£21,900",
+ "£24,800",
+ "£25,600",
+ "£27,000",
+ "£26,100",
+ "£24,400",
+ "£24,100",
+ "£20,400",
+ "£23,700",
+ "£21,200",
+ "£19,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "£26,300",
+ "£17,000",
+ "£24,100",
+ "£23,000",
+ "£26,300",
+ "£26,600",
+ "£20,800",
"c",
"c",
- "x",
- "x",
"c",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£27,400",
+ "£16,800",
+ "£25,000",
+ "£25,700",
+ "£26,600",
+ "£29,600",
+ "£28,700",
+ "£23,700",
+ "£30,300",
+ "c",
+ "c",
+ "£21,500",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£26,300",
+ "£19,400",
+ "£23,400",
+ "£21,900",
+ "£23,400",
+ "£25,700",
+ "£21,200",
"c",
+ "£29,200",
"c",
"c",
"c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£25,900",
+ "£21,500",
+ "£21,500",
"c",
"c",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
"c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "Mixed",
- "name": "Mixed",
+ "id": "Not known",
+ "name": "Not known",
"type": "numeric",
"cell": [
+ "£27,000",
+ "£17,300",
+ "£19,000",
+ "£29,200",
"c",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
"c",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "cell": [
- "x",
- "c",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "cell": [
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ebd660936a22e88ecb2bd26e7955697d",
"static": false,
"nested": true
},
@@ -2293,42 +2063,74 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security",
- "Public administration and defence - compulsory social security"
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities",
+ "Accommodation and food service activities"
],
"group_name": [
- "Administration of the State and the economic and social policy of the community",
- "Provision of services to the community as a whole",
- "Compulsory social security activities"
+ "Restaurants and mobile food service activities",
+ "Beverage serving activities",
+ "Hotels and similar accommodation",
+ "Event catering and other food service activities",
+ "Camping grounds; recreational vehicle parks and trailer parks",
+ "Holiday and other short-stay accommodation",
+ "Other accommodation"
],
"White": [
- 23700,
- 29200,
- -10000
+ 13500,
+ 12400,
+ 15000,
+ 15700,
+ 14100,
+ 15000,
+ 19000
],
"Black": [
+ 12800,
+ 12000,
+ 13900,
+ 13900,
-10000,
-10000,
- "NA"
+ -10000
],
"Asian": [
+ 12000,
+ 13100,
+ 15700,
+ 18600,
-10000,
-10000,
-10000
],
"Mixed": [
+ 12800,
+ 12000,
+ 13700,
+ 15300,
-10000,
-10000,
-10000
],
"Other": [
+ 11800,
+ 11300,
+ 16100,
+ 17500,
"NA",
- "NA",
+ -10000,
"NA"
],
"Not known": [
- "NA",
+ 13900,
+ 13500,
+ -10000,
+ -10000,
+ -10000,
-10000,
"NA"
]
@@ -2353,77 +2155,101 @@
"name": "White",
"type": "numeric",
"cell": [
- "£23,700",
- "£29,200",
- "c"
+ "£13,500",
+ "£12,400",
+ "£15,000",
+ "£15,700",
+ "£14,100",
+ "£15,000",
+ "£19,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£12,800",
+ "£12,000",
+ "£13,900",
+ "£13,900",
"c",
"c",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£12,000",
+ "£13,100",
+ "£15,700",
+ "£18,600",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£12,800",
+ "£12,000",
+ "£13,700",
+ "£15,300",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£11,800",
+ "£11,300",
+ "£16,100",
+ "£17,500",
"x",
- "x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
+ "£13,900",
+ "£13,500",
+ "c",
+ "c",
+ "c",
"c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e27f8d0ebf8a8ca69daa2464819eacb1",
"static": false,
"nested": true
},
@@ -2446,77 +2272,101 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities",
- "Accommodation and food service activities"
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities",
+ "Financial and insurance activities"
],
"group_name": [
- "Restaurants and mobile food service activities",
- "Beverage serving activities",
- "Event catering and other food service activities",
- "Hotels and similar accommodation",
- "Camping grounds; recreational vehicle parks and trailer parks",
- "Holiday and other short-stay accommodation",
- "Other accommodation"
+ "Monetary intermediation",
+ "Activities auxiliary to insurance and pension funding",
+ "Activities auxiliary to financial services; except insurance and pension funding",
+ "Insurance",
+ "Other financial service activities; except insurance and pension funding",
+ "Fund management activities",
+ "Activities of holding companies",
+ "Pension funding",
+ "Trusts; funds and similar financial entities",
+ "Reinsurance"
],
"White": [
- 15000,
- 14200,
- -10000,
- -10000,
- -10000,
- -10000,
+ 27700,
+ 22600,
+ 25200,
+ 23000,
+ 25200,
+ 33200,
+ 23000,
+ 12800,
+ 37600,
-10000
],
"Black": [
+ 26800,
+ 22600,
+ 25700,
+ 21200,
+ 23700,
+ 32100,
-10000,
-10000,
-10000,
- -10000,
- "NA",
- "NA",
"NA"
],
"Asian": [
- 8200,
- "NA",
+ 26300,
+ 24500,
+ 25600,
+ 27400,
+ 25400,
+ 31600,
-10000,
"NA",
- "NA",
-10000,
- "NA"
+ -10000
],
"Mixed": [
- -10000,
- -10000,
- -10000,
+ 35600,
+ 21900,
+ 27700,
+ 21700,
+ 24500,
+ 27600,
-10000,
"NA",
"NA",
- "NA"
+ -10000
],
"Other": [
+ 27400,
+ 23000,
+ 26600,
+ -10000,
+ -10000,
-10000,
-10000,
- "NA",
- "NA",
"NA",
"NA",
"NA"
],
"Not known": [
+ 28300,
+ 24800,
+ 35000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
- ]
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA"
+ ]
},
"columns": [
{
@@ -2531,108 +2381,1511 @@
"name": "3 digit SIC code",
"type": "character",
"na": "x",
- "width": 300
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£27,700",
+ "£22,600",
+ "£25,200",
+ "£23,000",
+ "£25,200",
+ "£33,200",
+ "£23,000",
+ "£12,800",
+ "£37,600",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£26,800",
+ "£22,600",
+ "£25,700",
+ "£21,200",
+ "£23,700",
+ "£32,100",
+ "c",
+ "c",
+ "c",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£26,300",
+ "£24,500",
+ "£25,600",
+ "£27,400",
+ "£25,400",
+ "£31,600",
+ "c",
+ "x",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£35,600",
+ "£21,900",
+ "£27,700",
+ "£21,700",
+ "£24,500",
+ "£27,600",
+ "c",
+ "x",
+ "x",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "£27,400",
+ "£23,000",
+ "£26,600",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Not known",
+ "name": "Not known",
+ "type": "numeric",
+ "cell": [
+ "£28,300",
+ "£24,800",
+ "£35,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ }
+ ],
+ "defaultPageSize": 300,
+ "outlined": true,
+ "dataKey": "57e060d8a6eb5f84f9a3ccd086bf8b0b",
+ "static": false,
+ "nested": true
+ },
+ "children": [
+
+ ]
+ }
+ ]
+ },
+ {
+ "name": "div",
+ "attribs": {
+ "style": {
+ "padding": "16px"
+ }
+ },
+ "children": [
+ {
+ "name": "Reactable",
+ "attribs": {
+ "data": {
+ "SECTIONNAME": [
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing",
+ "Manufacturing"
+ ],
+ "group_name": [
+ "Manufacture of air and spacecraft and related machinery",
+ "Manufacture of other food products",
+ "Manufacture of pharmaceutical preparations",
+ "Manufacture of instruments and appliances for measuring; testing and navigation; watches and clocks",
+ "Manufacture of motor vehicles",
+ "Building of ships and boats",
+ "Manufacture of general-purpose machinery",
+ "Manufacture of furniture",
+ "Manufacture of other general-purpose machinery",
+ "Manufacture of plastics products",
+ "Printing and service activities related to printing",
+ "Manufacture of bakery and farinaceous products",
+ "Manufacture of medical and dental instruments and supplies",
+ "Treatment and coating of metals; machining",
+ "Manufacture of beverages",
+ "Manufacture of weapons and ammunition",
+ "Manufacture of other chemical products",
+ "Manufacture of soap and detergents; cleaning and polishing preparations; perfumes and toilet preparations",
+ "Manufacture of other special-purpose machinery",
+ "Manufacture of structural metal products",
+ "Processing and preserving of meat and production of meat products",
+ "Manufacture of basic chemicals; fertilisers and nitrogen compounds; plastics and synthetic rubber in primary forms",
+ "Manufacture of basic precious and other non-ferrous metals",
+ "Processing and preserving of fruit and vegetables",
+ "Repair of fabricated metal products; machinery and equipment",
+ "Manufacture of articles of paper and paperboard ",
+ "Manufacture of products of wood; cork; straw and plaiting materials",
+ "Manufacture of other fabricated metal products",
+ "Manufacture of parts and accessories for motor vehicles",
+ "Manufacture of wearing apparel; except fur apparel",
+ "Manufacture of basic pharmaceutical products",
+ "Manufacture of electric motors; generators; transformers and electricity distribution and control apparatus",
+ "Manufacturing n.e.c.",
+ "Manufacture of dairy products",
+ "Manufacture of electronic components and boards",
+ "Manufacture of prepared animal feeds",
+ "Installation of industrial machinery and equipment",
+ "Manufacture of articles of concrete; cement and plaster",
+ "Manufacture of communication equipment",
+ "Manufacture of other textiles",
+ "Manufacture of computers and peripheral equipment",
+ "Manufacture of domestic appliances",
+ "Manufacture of paints; varnishes and similar coatings; printing ink and mastics",
+ "Manufacture of other electrical equipment",
+ "Manufacture of refined petroleum products",
+ "Manufacture of agricultural and forestry machinery",
+ "Manufacture of cutlery; tools and general hardware",
+ "Manufacture of electric lighting equipment",
+ "Manufacture of grain mill products; starches and starch products",
+ "Finishing of textiles",
+ "Manufacture of bodies (coachwork) for motor vehicles; manufacture of trailers and semi-trailers",
+ "Manufacture of glass and glass products",
+ "Manufacture of railway locomotives and rolling stock",
+ "Manufacture of rubber products",
+ "Manufacture of wiring and wiring devices",
+ "Manufacture of basic iron and steel and of ferro-alloys",
+ "Manufacture of optical instruments and photographic equipment",
+ "Manufacture of tanks; reservoirs and containers of metal",
+ "Forging; pressing; stamping and roll-forming of metal; powder metallurgy",
+ "Manufacture of consumer electronics",
+ "Manufacture of games and toys",
+ "Manufacture of jewellery; bijouterie and related articles",
+ "Manufacture of metal forming machinery and machine tools",
+ "Manufacture of other porcelain and ceramic products",
+ "Manufacture of sports goods",
+ "Manufacture of transport equipment n.e.c.",
+ "Casting of metals",
+ "Manufacture of clay building materials",
+ "Manufacture of footwear",
+ "Manufacture of irradiation; electromedical and electrotherapeutic equipment",
+ "Manufacture of military fighting vehicles",
+ "Manufacture of pulp; paper and paperboard",
+ "Tanning and dressing of leather; manufacture of luggage; handbags; saddlery and harness; dressing and dyeing of fur",
+ "Manufacture of abrasive products and non-metallic mineral products n.e.c.",
+ "Manufacture of other products of first processing of steel",
+ "Manufacture of tubes; pipes; hollow profiles and related fittings; of steel",
+ "Processing and preserving of fish; crustaceans and molluscs",
+ "Reproduction of recorded media",
+ "Sawmilling and planing of wood",
+ "Weaving of textiles",
+ "Cutting; shaping and finishing of stone",
+ "Manufacture of batteries and accumulators",
+ "Manufacture of knitted and crocheted apparel",
+ "Manufacture of musical instruments",
+ "Manufacture of pesticides and other agrochemical products",
+ "Manufacture of refractory products",
+ "Manufacture of steam generators; except central heating hot water boilers",
+ "Manufacture of cement; lime and plaster",
+ "Manufacture of magnetic and optical media",
+ "Manufacture of vegetable and animal oils and fats",
+ "Preparation and spinning of textile fibres"
+ ],
+ "White": [
+ 30700,
+ 23700,
+ 28800,
+ 27000,
+ 32800,
+ 30300,
+ 28100,
+ 20100,
+ 24800,
+ 21400,
+ 18200,
+ 20800,
+ 24500,
+ 23700,
+ 21700,
+ 28100,
+ 24800,
+ 25700,
+ 27000,
+ 23400,
+ 22600,
+ 26500,
+ 35800,
+ 24500,
+ 24400,
+ 23400,
+ 20400,
+ 24100,
+ 25000,
+ 18200,
+ 23700,
+ 27700,
+ 19300,
+ 21500,
+ 24100,
+ 23000,
+ 22300,
+ 25200,
+ 27000,
+ 17500,
+ 25600,
+ 22600,
+ 21500,
+ 19700,
+ 42300,
+ 24500,
+ 22100,
+ 21900,
+ 21200,
+ 17500,
+ 21900,
+ 27400,
+ 27400,
+ 23200,
+ 24800,
+ 27000,
+ 26100,
+ 21500,
+ 27600,
+ 23000,
+ 22300,
+ 18600,
+ 22600,
+ 16400,
+ 15900,
+ 24600,
+ 24800,
+ 17500,
+ 14200,
+ 27000,
+ 29900,
+ -10000,
+ 17700,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 18600,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
+ ],
+ "Black": [
+ 27700,
+ -10000,
+ 24800,
+ 28500,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 19900,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
+ ],
+ "Asian": [
+ 27400,
+ 23700,
+ 25200,
+ 26600,
+ 31000,
+ 27400,
+ 27700,
+ 19000,
+ 19900,
+ 20100,
+ 20400,
+ 19000,
+ 24300,
+ 22800,
+ -10000,
+ 26600,
+ -10000,
+ 27000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 15300,
+ 23700,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA"
+ ],
+ "Mixed": [
+ 28300,
+ 23400,
+ 30700,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ 24100,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
+ ],
+ "Other": [
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
+ ],
+ "Not known": [
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ 45600,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ "NA",
+ -10000,
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ -10000,
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA",
+ "NA"
+ ]
+ },
+ "columns": [
+ {
+ "id": "SECTIONNAME",
+ "name": "Industry",
+ "type": "character",
+ "na": "x",
+ "width": 500
+ },
+ {
+ "id": "group_name",
+ "name": "3 digit SIC code",
+ "type": "character",
+ "na": "x",
+ "width": 300
+ },
+ {
+ "id": "White",
+ "name": "White",
+ "type": "numeric",
+ "cell": [
+ "£30,700",
+ "£23,700",
+ "£28,800",
+ "£27,000",
+ "£32,800",
+ "£30,300",
+ "£28,100",
+ "£20,100",
+ "£24,800",
+ "£21,400",
+ "£18,200",
+ "£20,800",
+ "£24,500",
+ "£23,700",
+ "£21,700",
+ "£28,100",
+ "£24,800",
+ "£25,700",
+ "£27,000",
+ "£23,400",
+ "£22,600",
+ "£26,500",
+ "£35,800",
+ "£24,500",
+ "£24,400",
+ "£23,400",
+ "£20,400",
+ "£24,100",
+ "£25,000",
+ "£18,200",
+ "£23,700",
+ "£27,700",
+ "£19,300",
+ "£21,500",
+ "£24,100",
+ "£23,000",
+ "£22,300",
+ "£25,200",
+ "£27,000",
+ "£17,500",
+ "£25,600",
+ "£22,600",
+ "£21,500",
+ "£19,700",
+ "£42,300",
+ "£24,500",
+ "£22,100",
+ "£21,900",
+ "£21,200",
+ "£17,500",
+ "£21,900",
+ "£27,400",
+ "£27,400",
+ "£23,200",
+ "£24,800",
+ "£27,000",
+ "£26,100",
+ "£21,500",
+ "£27,600",
+ "£23,000",
+ "£22,300",
+ "£18,600",
+ "£22,600",
+ "£16,400",
+ "£15,900",
+ "£24,600",
+ "£24,800",
+ "£17,500",
+ "£14,200",
+ "£27,000",
+ "£29,900",
+ "c",
+ "£17,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£18,600",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Black",
+ "name": "Black",
+ "type": "numeric",
+ "cell": [
+ "£27,700",
+ "c",
+ "£24,800",
+ "£28,500",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£19,900",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Asian",
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£27,400",
+ "£23,700",
+ "£25,200",
+ "£26,600",
+ "£31,000",
+ "£27,400",
+ "£27,700",
+ "£19,000",
+ "£19,900",
+ "£20,100",
+ "£20,400",
+ "£19,000",
+ "£24,300",
+ "£22,800",
+ "c",
+ "£26,600",
+ "c",
+ "£27,000",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£15,300",
+ "£23,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Mixed",
+ "name": "Mixed",
+ "type": "numeric",
+ "cell": [
+ "£28,300",
+ "£23,400",
+ "£30,700",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "£24,100",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ },
+ {
+ "id": "Other",
+ "name": "Other",
+ "type": "numeric",
+ "cell": [
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "c",
+ "x",
+ "c",
+ "c",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x"
+ ],
+ "na": "x",
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
- "id": "White",
- "name": "White",
+ "id": "Not known",
+ "name": "Not known",
"type": "numeric",
"cell": [
- "£15,000",
- "£14,200",
"c",
"c",
"c",
"c",
- "c"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Black",
- "name": "Black",
- "type": "numeric",
- "cell": [
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"c",
"c",
"c",
"x",
+ "£45,600",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
- "£8,200",
+ "x",
+ "c",
"x",
"c",
"x",
"x",
"c",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Mixed",
- "name": "Mixed",
- "type": "numeric",
- "cell": [
+ "c",
+ "x",
+ "c",
"c",
"c",
"c",
"c",
"x",
+ "c",
+ "c",
+ "x",
+ "x",
+ "x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Other",
- "name": "Other",
- "type": "numeric",
- "cell": [
"c",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"c",
"x",
"x",
"x",
"x",
- "x"
- ],
- "na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
- },
- {
- "id": "Not known",
- "name": "Not known",
- "type": "numeric",
- "cell": [
+ "x",
"c",
"x",
"x",
"x",
"x",
"x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "bdf9bf55f9a4f62efae2a208cb8641b6",
"static": false,
"nested": true
},
@@ -2655,100 +3908,44 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication",
- "Information and communication"
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security",
+ "Public administration and defence - compulsory social security"
],
"group_name": [
- "Computer programming; consultancy and related activities",
- "Software publishing",
- "Data processing; hosting and related activities; web portals",
- "Other telecommunications activities",
- "Publishing of books; periodicals and other publishing activities",
- "Motion picture; video and television programme activities",
- "Other information service activities",
- "Sound recording and music publishing activities",
- "Wired telecommunications activities",
- "Wireless telecommunications activities"
+ "Provision of services to the community as a whole",
+ "Administration of the State and the economic and social policy of the community",
+ "Compulsory social security activities"
],
"White": [
- 26600,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- -10000,
- "NA",
- "NA"
+ 25600,
+ 25200,
+ 21200
],
"Black": [
- -10000,
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- "NA"
+ 27500,
+ 27000,
+ 21200
],
"Asian": [
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
- -10000,
- -10000
+ 24800,
+ 27000,
+ 21200
],
"Mixed": [
- -10000,
- -10000,
- "NA",
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 25700,
+ 25900,
+ 22600
],
"Other": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ 31400,
+ 28100,
+ -10000
],
"Not known": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 28300,
+ 25900,
+ -10000
]
},
"columns": [
@@ -2771,119 +3968,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "£26,600",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "c",
- "x",
- "x"
+ "£25,600",
+ "£25,200",
+ "£21,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c",
- "c",
- "x",
- "x",
- "c",
- "x",
- "c",
- "x",
- "x",
- "x"
+ "£27,500",
+ "£27,000",
+ "£21,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
- "cell": [
- "c",
- "c",
- "c",
- "c",
- "x",
- "x",
- "c",
- "x",
- "c",
- "c"
+ "cell": [
+ "£24,800",
+ "£27,000",
+ "£21,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "c",
- "x",
- "c",
- "c",
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£25,700",
+ "£25,900",
+ "£22,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£31,400",
+ "£28,100",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£28,300",
+ "£25,900",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e3acfdc7689360e5356d4bfd06a6a9dc",
"static": false,
"nested": true
},
@@ -2914,52 +4069,52 @@
],
"group_name": [
"Sports activities",
- "Amusement and recreation activities",
- "Libraries; archives; museums and other cultural activities",
"Creative; arts and entertainment activities",
- "Gambling and betting activities"
+ "Amusement and recreation activities",
+ "Gambling and betting activities",
+ "Libraries; archives; museums and other cultural activities"
],
"White": [
- 16800,
- -10000,
- -10000,
- -10000,
- -10000
+ 15700,
+ 16100,
+ 13100,
+ 18200,
+ 15000
],
"Black": [
+ 13100,
+ 15600,
-10000,
- -10000,
- "NA",
- "NA",
- "NA"
+ 14200,
+ -10000
],
"Asian": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 12400,
+ 15000,
+ 13300,
+ 23400,
+ 20400
],
"Mixed": [
- -10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ 13600,
+ 15800,
+ 13300,
+ 16800,
+ 19700
],
"Other": [
+ 15000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000
],
"Not known": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ 14200,
+ -10000,
+ -10000,
+ -10000,
+ -10000
]
},
"columns": [
@@ -2982,89 +4137,89 @@
"name": "White",
"type": "numeric",
"cell": [
- "£16,800",
- "c",
- "c",
- "c",
- "c"
+ "£15,700",
+ "£16,100",
+ "£13,100",
+ "£18,200",
+ "£15,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£13,100",
+ "£15,600",
"c",
- "c",
- "x",
- "x",
- "x"
+ "£14,200",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£12,400",
+ "£15,000",
+ "£13,300",
+ "£23,400",
+ "£20,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "x"
+ "£13,600",
+ "£15,800",
+ "£13,300",
+ "£16,800",
+ "£19,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£15,000",
"c",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
- "x"
+ "£14,200",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3172205fac3ef3073c712833f5564246",
"static": false,
"nested": true
},
@@ -3087,66 +4242,108 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities",
- "Financial and insurance activities"
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage",
+ "Transportation and storage"
],
"group_name": [
- "Monetary intermediation",
- "Activities auxiliary to financial services; except insurance and pension funding",
- "Activities auxiliary to insurance and pension funding",
- "Activities of holding companies",
- "Fund management activities",
- "Insurance",
- "Other financial service activities; except insurance and pension funding",
- "Pension funding"
+ "Warehousing and storage",
+ "Support activities for transportation",
+ "Other passenger land transport ",
+ "Other postal and courier activities",
+ "Freight transport by road and removal services",
+ "Postal activities under universal service obligation",
+ "Passenger air transport",
+ "Passenger rail transport; interurban",
+ "Sea and coastal passenger water transport",
+ "Freight rail transport",
+ "Sea and coastal freight water transport",
+ "Freight air transport and space transport",
+ "Inland passenger water transport",
+ "Transport via pipeline"
],
"White": [
- 20100,
- -10000,
- -10000,
- -10000,
+ 27000,
+ 23400,
+ 24800,
+ 23500,
+ 20400,
+ 21200,
+ 27900,
+ 27400,
+ 21200,
+ 26800,
-10000,
-10000,
-10000,
-10000
],
"Black": [
- -10000,
+ 27000,
+ 22800,
+ 27400,
+ 22800,
+ 19700,
+ 20800,
+ 19200,
+ 27400,
"NA",
-10000,
"NA",
"NA",
"NA",
- "NA",
"NA"
],
"Asian": [
- -10000,
- -10000,
+ 28100,
+ 22600,
+ 23400,
+ 21500,
+ 17500,
+ 19000,
+ 19000,
-10000,
"NA",
"NA",
-10000,
-10000,
+ "NA",
"NA"
],
"Mixed": [
- "NA",
- "NA",
+ 24100,
+ 27900,
+ 26300,
+ 20800,
-10000,
-10000,
-10000,
+ -10000,
+ "NA",
"NA",
"NA",
+ "NA",
+ -10000,
"NA"
],
"Other": [
+ 29900,
+ 24800,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
"NA",
"NA",
@@ -3157,10 +4354,16 @@
"NA"
],
"Not known": [
+ 25200,
+ 25200,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
-10000,
"NA",
- "NA",
- "NA",
+ -10000,
"NA",
"NA",
"NA",
@@ -3187,74 +4390,104 @@
"name": "White",
"type": "numeric",
"cell": [
- "£20,100",
- "c",
- "c",
- "c",
+ "£27,000",
+ "£23,400",
+ "£24,800",
+ "£23,500",
+ "£20,400",
+ "£21,200",
+ "£27,900",
+ "£27,400",
+ "£21,200",
+ "£26,800",
"c",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c",
+ "£27,000",
+ "£22,800",
+ "£27,400",
+ "£22,800",
+ "£19,700",
+ "£20,800",
+ "£19,200",
+ "£27,400",
"x",
"c",
"x",
"x",
"x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
- "c",
+ "£28,100",
+ "£22,600",
+ "£23,400",
+ "£21,500",
+ "£17,500",
+ "£19,000",
+ "£19,000",
"c",
"x",
"x",
"c",
"c",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
+ "£24,100",
+ "£27,900",
+ "£26,300",
+ "£20,800",
+ "c",
"c",
"c",
"c",
"x",
"x",
+ "x",
+ "x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£29,900",
+ "£24,800",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
"x",
@@ -3265,29 +4498,35 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£25,200",
+ "£25,200",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"c",
"x",
- "x",
- "x",
+ "c",
"x",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e528057233eade2d36cf555fcea5f601",
"static": false,
"nested": true
},
@@ -3310,66 +4549,90 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Other service activities",
- "Other service activities",
- "Other service activities",
- "Other service activities",
- "Other service activities",
- "Other service activities"
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction",
+ "Construction"
],
"group_name": [
- "Activities of other membership organisations",
- "Other personal service activities",
- "Activities of business; employers and professional membership organisations",
- "Activities of trade unions",
- "Repair of computers and communication equipment",
- "Repair of personal and household goods"
+ "Construction of residential and non-residential buildings",
+ "Electrical; plumbing and other construction installation activities",
+ "Construction of other civil engineering projects",
+ "Building completion and finishing",
+ "Development of building projects",
+ "Construction of utility projects",
+ "Other specialised construction activities",
+ "Construction of roads and railways",
+ "Demolition and site preparation"
],
"White": [
- 21200,
- 22800,
- -10000,
- -10000,
- "NA",
- -10000
+ 29600,
+ 22100,
+ 29200,
+ 21500,
+ 24800,
+ 27700,
+ 23400,
+ 25600,
+ 25600
],
"Black": [
+ 29700,
+ 19300,
+ 26600,
-10000,
- "NA",
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Asian": [
+ 27400,
+ 21400,
+ 30300,
+ 16800,
+ 24500,
+ 27000,
-10000,
-10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000
],
"Mixed": [
+ 25900,
+ 23000,
+ 31200,
-10000,
-10000,
- "NA",
- "NA",
-10000,
- "NA"
+ -10000,
+ -10000,
+ -10000
],
"Other": [
- "NA",
+ -10000,
+ -10000,
-10000,
"NA",
- "NA",
- "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA"
],
"Not known": [
- "NA",
- "NA",
- "NA",
- "NA",
+ 28800,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA"
]
@@ -3394,95 +4657,113 @@
"name": "White",
"type": "numeric",
"cell": [
- "£21,200",
- "£22,800",
- "c",
- "c",
- "x",
- "c"
+ "£29,600",
+ "£22,100",
+ "£29,200",
+ "£21,500",
+ "£24,800",
+ "£27,700",
+ "£23,400",
+ "£25,600",
+ "£25,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£29,700",
+ "£19,300",
+ "£26,600",
"c",
- "x",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£27,400",
+ "£21,400",
+ "£30,300",
+ "£16,800",
+ "£24,500",
+ "£27,000",
"c",
"c",
- "x",
- "x",
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£25,900",
+ "£23,000",
+ "£31,200",
"c",
"c",
- "x",
- "x",
"c",
- "x"
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
+ "c",
+ "c",
"c",
"x",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
- "x",
+ "£28,800",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9edec3e194c829281e5aa7ec90dd1285",
"static": false,
"nested": true
},
@@ -3505,83 +4786,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage",
- "Transportation and storage"
+ "Real estate activities",
+ "Real estate activities",
+ "Real estate activities"
],
"group_name": [
- "Warehousing and storage",
- "Freight transport by road and removal services",
- "Other passenger land transport ",
- "Passenger air transport",
- "Postal activities under universal service obligation",
- "Support activities for transportation",
- "Other postal and courier activities",
- "Passenger rail transport; interurban"
+ "Real estate activities on a fee or contract basis",
+ "Renting and operating of own or leased real estate",
+ "Buying and selling of own real estate"
],
"White": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- -10000
+ 21200,
+ 20800,
+ 26600
],
"Black": [
- -10000,
- -10000,
- -10000,
- -10000,
- -10000,
- "NA",
- "NA",
- -10000
+ 21500,
+ 21200,
+ "NA"
],
"Asian": [
- "NA",
- "NA",
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- "NA"
+ 21000,
+ 20800,
+ -10000
],
"Mixed": [
- -10000,
- "NA",
- "NA",
- "NA",
- -10000,
- "NA",
- -10000,
- "NA"
+ 21200,
+ 20100,
+ -10000
],
"Other": [
+ 21400,
-10000,
- "NA",
- "NA",
- -10000,
- "NA",
- "NA",
- "NA",
"NA"
],
"Not known": [
- -10000,
- "NA",
- -10000,
- "NA",
- "NA",
- -10000,
- "NA",
+ 20400,
+ 18100,
"NA"
]
},
@@ -3605,107 +4846,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c"
+ "£21,200",
+ "£20,800",
+ "£26,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x",
- "c"
+ "£21,500",
+ "£21,200",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
- "name": "Asian",
- "type": "numeric",
- "cell": [
- "x",
- "x",
- "x",
- "x",
- "x",
- "c",
- "x",
- "x"
+ "name": "Asian",
+ "type": "numeric",
+ "cell": [
+ "£21,000",
+ "£20,800",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c",
- "x",
- "x",
- "x",
- "c",
- "x",
- "c",
- "x"
+ "£21,200",
+ "£20,100",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "£21,400",
"c",
- "x",
- "x",
- "c",
- "x",
- "x",
- "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "c",
- "x",
- "c",
- "x",
- "x",
- "c",
- "x",
+ "£20,400",
+ "£18,100",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "21e47b58e95409f59e1acfe8cad3f0c3",
"static": false,
"nested": true
},
@@ -3728,34 +4939,66 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Real estate activities",
- "Real estate activities"
+ "Other service activities",
+ "Other service activities",
+ "Other service activities",
+ "Other service activities",
+ "Other service activities",
+ "Other service activities"
],
"group_name": [
- "Renting and operating of own or leased real estate",
- "Real estate activities on a fee or contract basis"
+ "Activities of other membership organisations",
+ "Other personal service activities",
+ "Activities of business; employers and professional membership organisations",
+ "Repair of computers and communication equipment",
+ "Repair of personal and household goods",
+ "Activities of trade unions"
],
"White": [
- -10000,
- -10000
+ 18600,
+ 18200,
+ 23700,
+ 25000,
+ 21000,
+ 25900
],
"Black": [
+ 20800,
+ 20800,
+ 23000,
-10000,
- -10000
+ "NA",
+ "NA"
],
"Asian": [
+ 18600,
+ 19300,
+ 23000,
+ -10000,
-10000,
-10000
],
"Mixed": [
+ 20400,
+ 20400,
-10000,
- -10000
+ -10000,
+ -10000,
+ "NA"
],
"Other": [
+ -10000,
+ 11300,
+ -10000,
+ -10000,
"NA",
"NA"
],
"Not known": [
+ 22100,
+ 23000,
+ -10000,
+ -10000,
"NA",
"NA"
]
@@ -3780,71 +5023,95 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c"
+ "£18,600",
+ "£18,200",
+ "£23,700",
+ "£25,000",
+ "£21,000",
+ "£25,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "£20,800",
+ "£20,800",
+ "£23,000",
"c",
- "c"
+ "x",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£18,600",
+ "£19,300",
+ "£23,000",
+ "c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "£20,400",
+ "£20,400",
"c",
- "c"
+ "c",
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "£11,300",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "£22,100",
+ "£23,000",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7386cf1153ae0be271532a85dd8c6f98",
"static": false,
"nested": true
},
@@ -3867,27 +5134,43 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use"
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply",
+ "Electricity, gas, steam and air conditioning supply"
],
"group_name": [
- "Activities of households as employers of domestic personnel"
+ "Electric power generation; transmission and distribution",
+ "Manufacture of gas; distribution of gaseous fuels through mains",
+ "Steam and air conditioning supply"
],
"White": [
- 16400
+ 23700,
+ 29600,
+ -10000
],
"Black": [
- -10000
+ -10000,
+ -10000,
+ "NA"
],
"Asian": [
- -10000
+ 20400,
+ 28700,
+ "NA"
],
"Mixed": [
- -10000
+ 21900,
+ -10000,
+ "NA"
],
"Other": [
+ -10000,
+ -10000,
"NA"
],
"Not known": [
+ -10000,
+ -10000,
"NA"
]
},
@@ -3911,65 +5194,77 @@
"name": "White",
"type": "numeric",
"cell": [
- "£16,400"
+ "£23,700",
+ "£29,600",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "c"
+ "c",
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c"
+ "£20,400",
+ "£28,700",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c"
+ "£21,900",
+ "c",
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "c",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "5e6385514b77e93769ffe8fd731dd1c3",
"static": false,
"nested": true
},
@@ -3992,36 +5287,46 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction",
- "Construction"
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing",
+ "Agriculture, forestry and fishing"
],
"group_name": [
- "Building completion and finishing",
- "Construction of other civil engineering projects",
- "Construction of residential and non-residential buildings",
- "Construction of roads and railways",
- "Construction of utility projects",
- "Development of building projects",
- "Electrical; plumbing and other construction installation activities",
- "Other specialised construction activities"
+ "Growing of non-perennial crops",
+ "Animal production",
+ "Mixed farming",
+ "Support activities to agriculture and post-harvest crop activities",
+ "Growing of perennial crops",
+ "Plant propagation",
+ "Silviculture and other forestry activities",
+ "Support services to forestry",
+ "Aquaculture",
+ "Fishing",
+ "Logging"
],
"White": [
- -10000,
- -10000,
- -10000,
- -10000,
+ 19000,
+ 19200,
+ 20800,
+ 19300,
+ 18800,
+ 16600,
+ 22300,
-10000,
-10000,
-10000,
-10000
],
"Black": [
+ "NA",
"NA",
-10000,
"NA",
@@ -4029,29 +5334,40 @@
"NA",
"NA",
"NA",
+ "NA",
+ "NA",
"NA"
],
"Asian": [
+ -10000,
+ -10000,
+ "NA",
+ "NA",
"NA",
"NA",
"NA",
"NA",
"NA",
"NA",
- -10000,
"NA"
],
"Mixed": [
+ -10000,
+ -10000,
"NA",
"NA",
+ -10000,
+ -10000,
+ -10000,
"NA",
- "NA",
- "NA",
- "NA",
+ -10000,
"NA",
"NA"
],
"Other": [
+ "NA",
+ -10000,
+ "NA",
"NA",
"NA",
"NA",
@@ -4062,6 +5378,9 @@
"NA"
],
"Not known": [
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA",
"NA",
@@ -4092,23 +5411,27 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
+ "£19,000",
+ "£19,200",
+ "£20,800",
+ "£19,300",
+ "£18,800",
+ "£16,600",
+ "£22,300",
"c",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
+ "x",
"x",
"c",
"x",
@@ -4116,50 +5439,61 @@
"x",
"x",
"x",
+ "x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "x",
+ "x",
"x",
"x",
"x",
"x",
"x",
"x",
- "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "c",
+ "c",
"x",
"x",
+ "c",
+ "c",
+ "c",
"x",
- "x",
- "x",
- "x",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
+ "x",
+ "c",
+ "x",
"x",
"x",
"x",
@@ -4170,13 +5504,16 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
"x",
"x",
"x",
@@ -4187,12 +5524,12 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d789b2ef4a2fa2488650e65191bfd2a2",
"static": false,
"nested": true
},
@@ -4215,59 +5552,67 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing",
- "Agriculture, forestry and fishing"
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities",
+ "Water supply - sewerage, waste management and remediation activities"
],
"group_name": [
- "Animal production",
- "Growing of non-perennial crops",
- "Growing of perennial crops",
- "Mixed farming",
- "Plant propagation"
+ "Water collection; treatment and supply",
+ "Waste collection",
+ "Sewerage",
+ "Materials recovery",
+ "Waste treatment and disposal",
+ "Remediation activities and other waste management services"
],
"White": [
+ 24800,
+ 22600,
+ 25200,
+ 19500,
+ 21900,
+ -10000
+ ],
+ "Black": [
-10000,
-10000,
-10000,
-10000,
- -10000
- ],
- "Black": [
- "NA",
- "NA",
- "NA",
"NA",
"NA"
],
"Asian": [
+ 25600,
-10000,
- "NA",
- "NA",
- "NA",
- "NA"
+ -10000,
+ -10000,
+ -10000,
+ -10000
],
"Mixed": [
- "NA",
- "NA",
- "NA",
+ -10000,
+ -10000,
+ -10000,
+ -10000,
"NA",
"NA"
],
"Other": [
"NA",
+ -10000,
"NA",
"NA",
"NA",
"NA"
],
"Not known": [
+ -10000,
+ -10000,
"NA",
"NA",
- "NA",
- "NA",
+ -10000,
"NA"
]
},
@@ -4291,56 +5636,60 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "c",
- "c",
- "c",
+ "£24,800",
+ "£22,600",
+ "£25,200",
+ "£19,500",
+ "£21,900",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "£25,600",
"c",
- "x",
- "x",
- "x",
- "x"
+ "c",
+ "c",
+ "c",
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x",
- "x",
+ "c",
+ "c",
+ "c",
+ "c",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -4348,32 +5697,34 @@
"type": "numeric",
"cell": [
"x",
+ "c",
"x",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
+ "c",
+ "c",
"x",
"x",
- "x",
- "x",
+ "c",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7969ae64ed1bceaf2201b6128ec88ac5",
"static": false,
"nested": true
},
@@ -4396,36 +5747,28 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Electricity, gas, steam and air conditioning supply",
- "Electricity, gas, steam and air conditioning supply"
+ "Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use"
],
"group_name": [
- "Electric power generation; transmission and distribution",
- "Manufacture of gas; distribution of gaseous fuels through mains"
+ "Activities of households as employers of domestic personnel"
],
"White": [
- -10000,
- "NA"
+ 19000
],
"Black": [
- "NA",
- "NA"
+ 9900
],
"Asian": [
- -10000,
- -10000
+ 16600
],
"Mixed": [
- "NA",
- "NA"
+ 27700
],
"Other": [
- "NA",
- "NA"
+ -10000
],
"Not known": [
- "NA",
- "NA"
+ -10000
]
},
"columns": [
@@ -4448,71 +5791,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
- "x"
+ "£19,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "£9,900"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "c",
- "c"
+ "£16,600"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "£27,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "x",
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ca8441ba02b11005c8facb59c4e9e4fb",
"static": false,
"nested": true
},
@@ -4535,19 +5872,22 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Water supply - sewerage, waste management and remediation activities",
- "Water supply - sewerage, waste management and remediation activities",
- "Water supply - sewerage, waste management and remediation activities",
- "Water supply - sewerage, waste management and remediation activities"
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying",
+ "Mining and quarrying"
],
"group_name": [
- "Materials recovery",
- "Remediation activities and other waste management services",
- "Waste collection",
- "Water collection; treatment and supply"
+ "Quarrying of stone; sand and clay",
+ "Support activities for petroleum and natural gas extraction",
+ "Extraction of crude petroleum",
+ "Mining and quarrying n.e.c.",
+ "Support activities for other mining and quarrying"
],
"White": [
- -10000,
+ 22300,
+ 33200,
-10000,
-10000,
-10000
@@ -4556,15 +5896,18 @@
"NA",
"NA",
"NA",
+ "NA",
"NA"
],
"Asian": [
+ -10000,
+ -10000,
+ -10000,
"NA",
- "NA",
- "NA",
- -10000
+ "NA"
],
"Mixed": [
+ -10000,
"NA",
"NA",
"NA",
@@ -4574,12 +5917,14 @@
"NA",
"NA",
"NA",
+ "NA",
"NA"
],
"Not known": [
"NA",
"NA",
"NA",
+ "NA",
"NA"
]
},
@@ -4603,13 +5948,14 @@
"name": "White",
"type": "numeric",
"cell": [
- "c",
+ "£22,300",
+ "£33,200",
"c",
"c",
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -4619,36 +5965,39 @@
"x",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
+ "c",
+ "c",
+ "c",
"x",
- "x",
- "x",
- "c"
+ "x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
+ "c",
"x",
"x",
"x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -4658,10 +6007,11 @@
"x",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -4671,15 +6021,16 @@
"x",
"x",
"x",
+ "x",
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "1f3e041834d0e21fc2ae0106e8b92eb6",
"static": false,
"nested": true
},
@@ -4702,16 +6053,16 @@
"attribs": {
"data": {
"SECTIONNAME": [
- "Mining and quarrying"
+ "Activities of extraterritorial organisations and bodies"
],
"group_name": [
- "Extraction of crude petroleum"
+ "Activities of extraterritorial organisations and bodies"
],
"White": [
-10000
],
"Black": [
- "NA"
+ -10000
],
"Asian": [
"NA"
@@ -4720,7 +6071,7 @@
"NA"
],
"Other": [
- "NA"
+ -10000
],
"Not known": [
"NA"
@@ -4749,17 +6100,17 @@
"c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -4769,7 +6120,7 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
@@ -4779,17 +6130,17 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "x"
+ "c"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -4799,12 +6150,12 @@
"x"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "ab48bb8d74e852a87660fece42236932",
"static": false,
"nested": true
},
@@ -4833,22 +6184,22 @@
"Not known"
],
"White": [
- 15100
+ 15000
],
"Black": [
- 9700
+ 11700
],
"Asian": [
- 15300
+ 14200
],
"Mixed": [
- -10000
+ 12800
],
"Other": [
- 15100
+ 12400
],
"Not known": [
- -10000
+ 12300
]
},
"columns": [
@@ -4871,65 +6222,65 @@
"name": "White",
"type": "numeric",
"cell": [
- "£15,100"
+ "£15,000"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
"name": "Black",
"type": "numeric",
"cell": [
- "£9,700"
+ "£11,700"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
"name": "Asian",
"type": "numeric",
"cell": [
- "£15,300"
+ "£14,200"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
"name": "Mixed",
"type": "numeric",
"cell": [
- "c"
+ "£12,800"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
"name": "Other",
"type": "numeric",
"cell": [
- "£15,100"
+ "£12,400"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
"name": "Not known",
"type": "numeric",
"cell": [
- "c"
+ "£12,300"
],
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7e1ba93eebb46981911bbcda58bb825c",
"static": false,
"nested": true
},
@@ -4970,31 +6321,32 @@
"fontWeight": "bold"
},
"cell": [
+ "£26,300",
+ "£16,100",
+ "£23,000",
+ "£20,100",
+ "£19,700",
"£24,500",
- "£17,500",
- "£20,800",
- "£19,100",
- "£22,600",
- "£23,700",
- "£25,600",
- "£14,200",
- "£24,600",
- "£17,900",
- "£22,300",
- "£21,900",
- "£21,500",
- "£20,400",
- "£16,400",
- "£21,900",
- "c",
- "c",
- "c",
+ "£13,100",
+ "£25,200",
+ "£25,200",
+ "£25,200",
+ "£15,600",
+ "£24,500",
+ "£26,300",
+ "£21,200",
+ "£19,300",
+ "£24,800",
+ "£19,400",
+ "£23,000",
+ "£19,000",
+ "£27,000",
"c",
- "£15,100"
+ "£15,000"
],
- "footer": "5,100",
+ "footer": "133,280",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['White']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Black",
@@ -5004,31 +6356,32 @@
"fontWeight": "bold"
},
"cell": [
- "£24,500",
- "£16,100",
+ "£27,700",
+ "£14,600",
+ "£23,000",
+ "£20,800",
"£17,900",
- "£20,100",
- "£20,100",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£25,200",
+ "£13,000",
+ "£25,600",
+ "£24,800",
+ "£26,600",
+ "£13,900",
+ "£24,100",
+ "£26,600",
+ "£21,200",
+ "£20,800",
+ "£23,400",
"c",
+ "£21,000",
+ "£9,900",
"x",
- "x",
- "x",
- "x",
- "£9,700"
+ "c",
+ "£11,700"
],
- "footer": "480",
+ "footer": "12,810",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Black']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Asian",
@@ -5038,31 +6391,32 @@
"fontWeight": "bold"
},
"cell": [
- "£24,100",
+ "£28,800",
"£16,400",
- "£18,200",
- "£17,900",
- "£23,700",
- "c",
- "c",
- "£9,500",
+ "£23,400",
"£20,400",
+ "£19,000",
+ "£26,600",
+ "£13,500",
+ "£26,300",
+ "£24,500",
+ "£25,600",
+ "£15,700",
+ "£23,700",
+ "£24,800",
+ "£20,800",
+ "£19,700",
+ "£20,800",
"c",
- "£20,100",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£23,400",
+ "£16,600",
"c",
"x",
- "£15,300"
+ "£14,200"
],
- "footer": "1,035",
+ "footer": "20,940",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Asian']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Mixed",
@@ -5072,31 +6426,32 @@
"fontWeight": "bold"
},
"cell": [
- "£25,900",
- "£17,900",
- "£20,800",
- "c",
+ "£26,600",
+ "£15,700",
"£23,000",
+ "£19,300",
+ "£18,600",
+ "£24,500",
+ "£12,800",
+ "£27,000",
+ "£24,100",
+ "£25,600",
+ "£14,600",
+ "£23,700",
+ "£24,500",
+ "£21,200",
+ "£20,400",
+ "£22,600",
"c",
"c",
+ "£27,700",
"c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x",
"x",
- "x",
- "x",
- "c"
+ "£12,800"
],
- "footer": "220",
+ "footer": "7,250",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Mixed']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Other",
@@ -5106,31 +6461,32 @@
"fontWeight": "bold"
},
"cell": [
- "£25,200",
- "£16,100",
+ "£28,700",
+ "£16,800",
+ "£23,700",
+ "£19,500",
+ "£17,500",
+ "£25,600",
+ "£12,800",
+ "£26,600",
+ "£23,700",
+ "£28,500",
+ "£15,000",
+ "£24,600",
+ "£21,900",
+ "£20,600",
+ "£18,200",
"c",
"c",
"c",
"c",
"x",
"c",
- "c",
- "c",
- "c",
- "c",
- "c",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "£15,100"
+ "£12,400"
],
- "footer": "85",
+ "footer": "2,270",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Other']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
},
{
"id": "Not known",
@@ -5140,37 +6496,38 @@
"fontWeight": "bold"
},
"cell": [
- "£29,900",
- "£17,500",
- "c",
- "c",
- "c",
- "c",
- "c",
+ "£28,500",
+ "£16,100",
+ "£24,800",
+ "£20,100",
+ "£19,500",
+ "£25,900",
+ "£13,900",
+ "£28,800",
+ "£30,700",
+ "£26,600",
+ "£13,900",
+ "£23,400",
+ "£29,500",
+ "£20,300",
+ "£22,300",
"c",
"c",
- "x",
"c",
- "x",
"c",
"x",
"x",
- "x",
- "x",
- "x",
- "x",
- "x",
- "c"
+ "£12,300"
],
- "footer": "175",
+ "footer": "3,185",
"na": "x",
- "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 29900\n var min = 9500\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
+ "style": "\n // source: https://glin.github.io/reactable/articles/examples.html#grouped-cell-rendering-1\n function(rowInfo) {\n // source: https://stackoverflow.com/a/44134328/4856719\n function hslToHex(h, s, l) {\n l /= 100;\n const a = s * Math.min(l, 1 - l) / 100;\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n }\n var value = rowInfo.row['Not known']\n var max = 30700\n var min = 9900\n // pct_value = (value - min) * 100 / (max - min)\n pct_value = (Math.min(value, max) - min) * 100 / (max - min)\n // If value equals 0, x, or c, set background to white.\n if (value < 0.001 || isNaN(value)) {\n var color = '#000000'\n var bg = '#FFFFFF'\n } else {\n var color = '#000000'\n var bg = hslToHex(209, 59, 100 - pct_value / 2)\n }\n return { color: color, backgroundColor: bg}\n }"
}
],
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "ec086854891421c77120988ef4981fd2",
"static": false
},
"children": [
@@ -5306,6 +6663,12 @@
"tag.attribs.columns.0.details.20.children.0.attribs.columns.5.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.6.style",
"tag.attribs.columns.0.details.20.children.0.attribs.columns.7.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.2.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.3.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.4.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.5.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.6.style",
+ "tag.attribs.columns.0.details.21.children.0.attribs.columns.7.style",
"tag.attribs.columns.3.style",
"tag.attribs.columns.4.style",
"tag.attribs.columns.5.style",
@@ -5320,7 +6683,7 @@
]
},
- "crosstab_text": "For first degree graduates of Allied health, one year after graduation, Human health and social work activities<\/b> <\/b> was the most common industry for White, Black, Mixed, Other and Not known ethnicity graduates,\n and Wholesale and retail trade - repair of motor vehicles and motorcycles<\/b> <\/b> was the most common industry for Asian ethnicity graduates.
The industry with the largest range in proportions was Wholesale and retail trade - repair of motor vehicles and motorcycles<\/b> where Asian<\/b> ethnicity graduates had the highest proportion and White<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Accommodation and food service activities<\/b> where White<\/b> ethnicity graduates had the highest median earnings (£14,200<\/b><\/b>) and Asian<\/b> ethnicity graduates had the lowest median earnings (£ 9,500<\/b><\/b>). The group with the highest earnings was Mixed<\/b> ethnicity graduates who worked in the Human health and social work activities<\/b> industry (median earnings of £25,900<\/b>).
",
- "crosstab_title": " Industry of graduate employment for graduates of Allied health by ethnicity, one year after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
+ "crosstab_text": "For first degree graduates of all subjects, one year after graduation, Human health and social work activities<\/b> <\/b> was the most common industry for all ethnicities.
The industry with the largest range in proportions was Human health and social work activities<\/b> where Black<\/b> ethnicity graduates had the highest proportion and Mixed<\/b> ethnicity graduates had the lowest proportion. The industry with the largest range in median earnings was Activities of households as employers - undifferentiated goods-and services-producing activities of households for own use<\/b> where Mixed<\/b> ethnicity graduates had the highest median earnings (£27,700<\/b><\/b>) and Black<\/b> ethnicity graduates had the lowest median earnings (£ 9,900<\/b><\/b>). The group with the highest earnings was Asian<\/b> ethnicity graduates who worked in the Human health and social work activities<\/b> industry (median earnings of £28,800<\/b>).
",
+ "crosstab_title": " Industry of graduate employment for graduates of all subjects by ethnicity, one year after\n graduation, male and female first degree graduates from HE providers,\n 2020/21 tax year.<\/h4>"
}
}
diff --git a/tests/testthat/_snaps/testUI/013_.png b/tests/testthat/_snaps/testUI/013_.png
new file mode 100644
index 0000000..059a142
Binary files /dev/null and b/tests/testthat/_snaps/testUI/013_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_7.json b/tests/testthat/_snaps/testUI/014.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_7.json
rename to tests/testthat/_snaps/testUI/014.json
index 2326bf8..0ab76a3 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_7.json
+++ b/tests/testthat/_snaps/testUI/014.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "1",
"countinput2": "ethnicity",
"crosstabs.subjectinput": "English studies",
"earningsbutton": "Median earnings",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "1"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -391,7 +391,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "57f3bb605952a2adf533766d2b4e68a9",
"static": false,
"nested": true
},
@@ -782,7 +782,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e063673d387a97d378374214d5527f0f",
"static": false,
"nested": true
},
@@ -1089,7 +1089,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "276bac04d081ffbfbf2a841eaa7f3077",
"static": false,
"nested": true
},
@@ -1452,7 +1452,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "5bd7eb8d05f770029d57bc9ffe1425bb",
"static": false,
"nested": true
},
@@ -1745,7 +1745,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c5d40a54a4efe78079660c39acaf3bcc",
"static": false,
"nested": true
},
@@ -1954,7 +1954,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "a969fa1931ff0cc580d7d84a1a6ee738",
"static": false,
"nested": true
},
@@ -2191,7 +2191,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "a98e83adc0a441d6434e3eb62faf0e62",
"static": false,
"nested": true
},
@@ -2428,7 +2428,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "87d1f9e8dc4c98281612edb9e1e32834",
"static": false,
"nested": true
},
@@ -2581,7 +2581,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "8ba075b18632515e9fd5eb735e733571",
"static": false,
"nested": true
},
@@ -2762,7 +2762,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6d31431d11f1596cf7f4715f071c0115",
"static": false,
"nested": true
},
@@ -2957,7 +2957,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "54d0a8595b1eba6612c7a0fee6eb93d5",
"static": false,
"nested": true
},
@@ -3726,7 +3726,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9ddd00999447502c0d1c4e9c848174ca",
"static": false,
"nested": true
},
@@ -3865,7 +3865,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "317719ced3fd65a98329f9a62fd67bd0",
"static": false,
"nested": true
},
@@ -4102,7 +4102,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "863726169e0c097d700cd7eeb8421938",
"static": false,
"nested": true
},
@@ -4339,7 +4339,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "9d2ae2926c8bf6c199c8e5605f7769df",
"static": false,
"nested": true
},
@@ -4464,7 +4464,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "25a7e3e361b65730e21a97f138696c1f",
"static": false,
"nested": true
},
@@ -4603,7 +4603,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b2bfebbe5f4cf538f789ca0a2e81e53c",
"static": false,
"nested": true
},
@@ -4784,7 +4784,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f0320ff30dd2d28afa61a7b5a50fd7b8",
"static": false,
"nested": true
},
@@ -4951,7 +4951,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f3f028bfba84b507d5f39aad728bf2b8",
"static": false,
"nested": true
},
@@ -5076,7 +5076,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e8783bf7dede212b79a880237372083b",
"static": false,
"nested": true
},
@@ -5311,7 +5311,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "3f66f086f0c9751cb78a7b8fda4919bd",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/014_.png b/tests/testthat/_snaps/testUI/014_.png
new file mode 100644
index 0000000..12ad17e
Binary files /dev/null and b/tests/testthat/_snaps/testUI/014_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_8.json b/tests/testthat/_snaps/testUI/015.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_8.json
rename to tests/testthat/_snaps/testUI/015.json
index 8e3e206..c8caab8 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_8.json
+++ b/tests/testthat/_snaps/testUI/015.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "1",
"countinput2": "ethnicity",
"crosstabs.subjectinput": "English studies",
"earningsbutton": "Proportions",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "1"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -391,7 +391,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b3cf954f3d9d1b60e9dc0390c33a45e1",
"static": false,
"nested": true
},
@@ -782,7 +782,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d8ff97ab7856ad88965461734b298366",
"static": false,
"nested": true
},
@@ -1089,7 +1089,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "777891542444a96d7e0be1b2efa130bd",
"static": false,
"nested": true
},
@@ -1452,7 +1452,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "20468ca6f83eb431f1a044ea4c1ae13e",
"static": false,
"nested": true
},
@@ -1745,7 +1745,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6348029ac6339c54a4af36d9aefb1d7c",
"static": false,
"nested": true
},
@@ -1954,7 +1954,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "dda978bd7fa3c03b6a27bd9bb0fd5bd2",
"static": false,
"nested": true
},
@@ -2191,7 +2191,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b1fae137cee916564317ebfa8bda5926",
"static": false,
"nested": true
},
@@ -2428,7 +2428,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "206817c8f50dedc5f83821bacec23f97",
"static": false,
"nested": true
},
@@ -2581,7 +2581,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "6a40fe1d001c09eb10f75c07792a1cea",
"static": false,
"nested": true
},
@@ -2762,7 +2762,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "2f1861e4e0ef91b84b0c11a294b3a89a",
"static": false,
"nested": true
},
@@ -2957,7 +2957,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "57f50757863b0e2d463d7db106277585",
"static": false,
"nested": true
},
@@ -3726,7 +3726,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "662efe22ef516344764836b37cb19f9a",
"static": false,
"nested": true
},
@@ -3865,7 +3865,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "be01423d23b7a50197eb2f59c334554f",
"static": false,
"nested": true
},
@@ -4102,7 +4102,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "af82b33fe258410eab833be7a573df6b",
"static": false,
"nested": true
},
@@ -4339,7 +4339,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "5c26a37188d082432aca01032fb006a5",
"static": false,
"nested": true
},
@@ -4464,7 +4464,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e61c1d36ae04db59ba3ecdcaa83ecb30",
"static": false,
"nested": true
},
@@ -4603,7 +4603,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "5d0d37d9827bdd3f0cc7a4b41af6659a",
"static": false,
"nested": true
},
@@ -4784,7 +4784,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "0c791ea56da5820c6e2d6344606ca20d",
"static": false,
"nested": true
},
@@ -4951,7 +4951,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b9b2fcbc97a58c32fe87e6973cc71a58",
"static": false,
"nested": true
},
@@ -5076,7 +5076,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e03d02cd9e4baa44c561eff1d765193a",
"static": false,
"nested": true
},
@@ -5311,7 +5311,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "57da816168856f9223c033709cfa3616",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/015_.png b/tests/testthat/_snaps/testUI/015_.png
new file mode 100644
index 0000000..678c890
Binary files /dev/null and b/tests/testthat/_snaps/testUI/015_.png differ
diff --git a/tests/shinytest/testUI-expected/subjectByIndustry_9.json b/tests/testthat/_snaps/testUI/016.json
similarity index 99%
rename from tests/shinytest/testUI-expected/subjectByIndustry_9.json
rename to tests/testthat/_snaps/testUI/016.json
index f9a4a1d..cef88c6 100644
--- a/tests/shinytest/testUI-expected/subjectByIndustry_9.json
+++ b/tests/testthat/_snaps/testUI/016.json
@@ -1,11 +1,11 @@
{
"input": {
+ "YAGinput2": "1",
"countinput2": "ethnicity",
"crosstabs.subjectinput": "Physics and astronomy",
"earningsbutton": "Proportions",
"navbar": "subjectByIndustry",
- "qualinput3": "Level 8",
- "YAGinput2": "1"
+ "qualinput3": "First degree"
},
"output": {
"crosstab": {
@@ -475,7 +475,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "16e0900c7fe80c06511430809f7b1812",
"static": false,
"nested": true
},
@@ -768,7 +768,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d4dff402bcf51f4807f228778a763fc5",
"static": false,
"nested": true
},
@@ -1005,7 +1005,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "4ffa12348c50d1ed9ec97857de2be6c6",
"static": false,
"nested": true
},
@@ -1186,7 +1186,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "c8bfbb3e1c3c8110a539c6800455752c",
"static": false,
"nested": true
},
@@ -1801,7 +1801,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "25e88edba6a9ce0035a160e9981691c5",
"static": false,
"nested": true
},
@@ -2108,7 +2108,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "f90b5891d915a7ba9f473c100746a183",
"static": false,
"nested": true
},
@@ -2401,7 +2401,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "72ed84a65109637e3e6ac3ee75315d2e",
"static": false,
"nested": true
},
@@ -2554,7 +2554,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "d9ed0a1831625c04717964ad24f2829d",
"static": false,
"nested": true
},
@@ -2721,7 +2721,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "4682f252d25e87bfd0b2a91a7d116059",
"static": false,
"nested": true
},
@@ -2930,7 +2930,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "b22fadc24e840665008af7908aa97c5b",
"static": false,
"nested": true
},
@@ -3111,7 +3111,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "3640ba0f52766d543a582fcdc50ad52a",
"static": false,
"nested": true
},
@@ -3278,7 +3278,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "4cd8a40ed30dfc45a497b4cdf4f4ead6",
"static": false,
"nested": true
},
@@ -3473,7 +3473,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "03c7efa50938798b003320e92dae897b",
"static": false,
"nested": true
},
@@ -3612,7 +3612,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "25402a57426ad448c3d45f90f9a2f096",
"static": false,
"nested": true
},
@@ -3779,7 +3779,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "473e711b62378dc3da967b9b90719a95",
"static": false,
"nested": true
},
@@ -3918,7 +3918,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "1a05a4c8d88b7099ff91a91b3c7be6de",
"static": false,
"nested": true
},
@@ -4057,7 +4057,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "7008664a40a4ae147967876a86eb8424",
"static": false,
"nested": true
},
@@ -4196,7 +4196,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "e7a320546b9d660780d5b3a984d26c6b",
"static": false,
"nested": true
},
@@ -4321,7 +4321,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "988f8124c12aea326a0c080cf0a51e71",
"static": false,
"nested": true
},
@@ -4446,7 +4446,7 @@
],
"defaultPageSize": 300,
"outlined": true,
- "dataKey": "random_key",
+ "dataKey": "1016dff41ec022db6be2a5fb36168b60",
"static": false,
"nested": true
},
@@ -4681,7 +4681,7 @@
"defaultPageSize": 22,
"showSortable": true,
"height": "600px",
- "dataKey": "random_key",
+ "dataKey": "65fc21f12f466bf3956f349f04e0b0e5",
"static": false
},
"children": [
diff --git a/tests/testthat/_snaps/testUI/016_.png b/tests/testthat/_snaps/testUI/016_.png
new file mode 100644
index 0000000..ad5e953
Binary files /dev/null and b/tests/testthat/_snaps/testUI/016_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_0.json b/tests/testthat/_snaps/testUI/017.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_0.json
rename to tests/testthat/_snaps/testUI/017.json
index 2a5f458..a117752 100644
--- a/tests/shinytest/testUI-expected/regional_0.json
+++ b/tests/testthat/_snaps/testUI/017.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "All",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of all subjects now working in Education who\n studied in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/017_.png b/tests/testthat/_snaps/testUI/017_.png
new file mode 100644
index 0000000..d2aedcd
Binary files /dev/null and b/tests/testthat/_snaps/testUI/017_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_1.json b/tests/testthat/_snaps/testUI/018.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_1.json
rename to tests/testthat/_snaps/testUI/018.json
index 2a5f458..a117752 100644
--- a/tests/shinytest/testUI-expected/regional_1.json
+++ b/tests/testthat/_snaps/testUI/018.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "All",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of all subjects now working in Education who\n studied in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/018_.png b/tests/testthat/_snaps/testUI/018_.png
new file mode 100644
index 0000000..e5dcf05
Binary files /dev/null and b/tests/testthat/_snaps/testUI/018_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_2.json b/tests/testthat/_snaps/testUI/019.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_2.json
rename to tests/testthat/_snaps/testUI/019.json
index 2a5f458..a117752 100644
--- a/tests/shinytest/testUI-expected/regional_2.json
+++ b/tests/testthat/_snaps/testUI/019.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "All",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of all subjects now working in Education who\n studied in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/019_.png b/tests/testthat/_snaps/testUI/019_.png
new file mode 100644
index 0000000..5926b39
Binary files /dev/null and b/tests/testthat/_snaps/testUI/019_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_3.json b/tests/testthat/_snaps/testUI/020.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_3.json
rename to tests/testthat/_snaps/testUI/020.json
index 2a5f458..a117752 100644
--- a/tests/shinytest/testUI-expected/regional_3.json
+++ b/tests/testthat/_snaps/testUI/020.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "All",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of all subjects now working in Education who\n studied in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/020_.png b/tests/testthat/_snaps/testUI/020_.png
new file mode 100644
index 0000000..3a8340b
Binary files /dev/null and b/tests/testthat/_snaps/testUI/020_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_4.json b/tests/testthat/_snaps/testUI/021.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_4.json
rename to tests/testthat/_snaps/testUI/021.json
index 4aa65a1..a19ad2e 100644
--- a/tests/shinytest/testUI-expected/regional_4.json
+++ b/tests/testthat/_snaps/testUI/021.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "Medicine and dentistry",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of Medicine and dentistry now working in Education who\n studied in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/021_.png b/tests/testthat/_snaps/testUI/021_.png
new file mode 100644
index 0000000..2839ee7
Binary files /dev/null and b/tests/testthat/_snaps/testUI/021_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_5.json b/tests/testthat/_snaps/testUI/022.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_5.json
rename to tests/testthat/_snaps/testUI/022.json
index 61f19ad..d88ab54 100644
--- a/tests/shinytest/testUI-expected/regional_5.json
+++ b/tests/testthat/_snaps/testUI/022.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "5",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "Medicine and dentistry",
- "sectionnameinput": "Education",
- "YAGinput": "5"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of Medicine and dentistry now working in Education who\n are currently living in each region five years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/022_.png b/tests/testthat/_snaps/testUI/022_.png
new file mode 100644
index 0000000..9b1fcab
Binary files /dev/null and b/tests/testthat/_snaps/testUI/022_.png differ
diff --git a/tests/shinytest/testUI-expected/regional_6.json b/tests/testthat/_snaps/testUI/023.json
similarity index 96%
rename from tests/shinytest/testUI-expected/regional_6.json
rename to tests/testthat/_snaps/testUI/023.json
index 412b8c9..5e38095 100644
--- a/tests/shinytest/testUI-expected/regional_6.json
+++ b/tests/testthat/_snaps/testUI/023.json
@@ -1,10 +1,10 @@
{
"input": {
+ "YAGinput": "3",
"navbar": "regional",
"qualinput2": "First degree",
"regions.subjectinput": "All",
- "sectionnameinput": "Education",
- "YAGinput": "3"
+ "sectionnameinput": "Education"
},
"output": {
"map_title": " Map to show the number of graduates of all subjects now working in Education who\n are currently living in each region three years after\n graduation, male and female first degree graduates from English HE providers,\n 2020/21 tax year.<\/h4>",
diff --git a/tests/testthat/_snaps/testUI/023_.png b/tests/testthat/_snaps/testUI/023_.png
new file mode 100644
index 0000000..e463224
Binary files /dev/null and b/tests/testthat/_snaps/testUI/023_.png differ
diff --git a/tests/testthat/setup-shinytest2.R b/tests/testthat/setup-shinytest2.R
new file mode 100644
index 0000000..be65b4f
--- /dev/null
+++ b/tests/testthat/setup-shinytest2.R
@@ -0,0 +1,2 @@
+# Load application support files into testing environment
+shinytest2::load_app_env()
diff --git a/tests/testthat/test-testUI.R b/tests/testthat/test-testUI.R
new file mode 100644
index 0000000..4d75525
--- /dev/null
+++ b/tests/testthat/test-testUI.R
@@ -0,0 +1,110 @@
+library(shinytest2)
+
+test_that("Migrated shinytest test: testUI.R", {
+ # Run the shiny tests.
+ # Should really set this up to loop over arrays of inputs in order to run
+ # through the shiny tests.
+ app <- AppDriver$new(load_timeout = 160000, seed = 2011)
+
+
+ # Industry flow tab ===========================================================
+
+ industryFlow_input <- c("navbar", "qualinput", "sexinput", "indflow.subjectinput")
+ industryFlow_output <- c(
+ "sankey", "sankey_title", "sankeyhelp", "sankeysubjectlist",
+ "sankeytext1", "sankeytext2"
+ )
+
+ app$set_inputs(navbar = "industryFlow", timeout_ = 10000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+ app$set_inputs(qualinput = "Level 7 (taught)", timeout_ = 40000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+ app$set_inputs(qualinput = "Level 7 (research)", timeout_ = 40000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+ app$set_inputs(qualinput = "Level 8", timeout_ = 40000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+ app$set_inputs(sexinput = "F", timeout_ = 40000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+ app$set_inputs(sexinput = "M", timeout_ = 40000)
+ app$expect_values(input = industryFlow_input, output = industryFlow_output)
+
+ # Subject by industry tab =====================================================
+
+ subjectByIndustry_input <- c(
+ "navbar", "countinput2", "YAGinput2", "crosstabs.subjectinput", "earningsbutton", "qualinput3"
+ )
+
+ # Note that I've excluded the crosstab_backwards tabulated output here as it
+ # has a datakey that changes across different runs.
+ subjectByIndustry_output <- c("crosstab_title", "crosstab", "crosstab_text")
+
+ app$set_inputs(navbar = "subjectByIndustry", timeout_ = 20000)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(earningsbutton = "Median earnings", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+
+ app$set_inputs(qualinput3 = "Level 8", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(crosstabs.subjectinput = "Allied health", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+
+ app$set_inputs(countinput2 = "ethnicity", timeout_ = 10000)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(YAGinput2 = "5", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(YAGinput2 = "1", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(crosstabs.subjectinput = "English studies", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(earningsbutton = "Proportions", wait_ = FALSE)
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+ app$set_inputs(
+ crosstabs.subjectinput = "Physics and astronomy",
+ wait_ = FALSE
+ )
+ app$expect_values(input = subjectByIndustry_input, output = subjectByIndustry_output)
+
+
+ # Regional tab ================================================================
+
+ # Run tests for regional tab - note: excluding the map output as it makes the
+ # json files massive.
+ regional_input <- c(
+ "navbar", "regions.subjectinput", "YAGinput", "qualinput2",
+ "sectionnameinput"
+ )
+ regional_output <- c("map_title", "mapsubjectlist", "maptext", "maptext2")
+
+ app$set_inputs(navbar = "regional", timeout_ = 10000)
+ app$expect_values(input = regional_input, output = regional_output)
+ app$set_inputs(
+ regioninput = c("London", "North East", "West Midlands"),
+ timeout_ = 20000
+ )
+ app$expect_values(input = regional_input, output = regional_output)
+ app$set_inputs(qualinput2 = "Level 7 (research)")
+ app$expect_values(input = regional_input, output = regional_output)
+ app$set_inputs(sectionnameinput = "TRANSPORTATION AND STORAGE")
+ app$expect_values(input = regional_input, output = regional_output)
+ app$set_inputs(regions.subjectinput = "Medicine and dentistry")
+ app$expect_values(input = regional_input, output = regional_output)
+ app$set_inputs(sectionnameinput = "EDUCATION", countinput = "living_in_region")
+ app$expect_values(input = regional_input, output = regional_output)
+
+ # Note: for the following test, when YAG input is changed, subjectinput2
+ # automatically reverts to the default. Don't know if this is the required
+ # behaviour, but as it stands (on my laptop at least), the map title reverts to
+ # "all subjects", rather than keeping "Medicine and dentistry" from the prior
+ # tests above. This is both in shinytest and running the App in the browser.
+ app$set_inputs(YAGinput = "3", timeout_ = 30000)
+ app$expect_values(input = regional_input, output = regional_output)
+})