From a79f04b31762b42a01744f53a250a0657f1b2993 Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:03:25 +0200 Subject: [PATCH 1/8] Writerside: Update aesthetics page and add page with named colors. --- Writerside/cfg/buildprofiles.xml | 4 +- Writerside/cfg/static/custom.css | 35 + .../images/plots/named_colors_example.png | Bin 0 -> 17976 bytes Writerside/lpk.tree | 1 + Writerside/topics/aesthetics.md | 60 +- Writerside/topics/named_colors.md | 2086 +++++++++++++++++ 6 files changed, 2154 insertions(+), 32 deletions(-) create mode 100644 Writerside/cfg/static/custom.css create mode 100644 Writerside/images/plots/named_colors_example.png create mode 100644 Writerside/topics/named_colors.md diff --git a/Writerside/cfg/buildprofiles.xml b/Writerside/cfg/buildprofiles.xml index fc38aa5f6..8956923b4 100644 --- a/Writerside/cfg/buildprofiles.xml +++ b/Writerside/cfg/buildprofiles.xml @@ -1,5 +1,8 @@ + + custom.css + https://lets-plot.org logo-dark.svg @@ -10,7 +13,6 @@ lets-plot-kotlin c281e6fa402631930df5a4d5baf863c5 -
2019-%current_year% JetBrains s.r.o.
diff --git a/Writerside/cfg/static/custom.css b/Writerside/cfg/static/custom.css new file mode 100644 index 000000000..6c34ae2d0 --- /dev/null +++ b/Writerside/cfg/static/custom.css @@ -0,0 +1,35 @@ +div[data-tab-id="by-shade"] div.table>div { + width: 100%; + border: none; +} +div[data-tab-id="by-shade"] div.table table td:nth-child(n + 1) { + width: 50%; +} +div[data-tab-id="by-shade"] div.table table td:nth-child(n + 2) { + width: 20%; +} +div[data-tab-id="by-shade"] div.table table td:nth-child(n + 3) { + width: 30%; +} +div[data-tab-id="by-name"] div.table table td:nth-child(n + 1) { + width: 50%; +} +div[data-tab-id="by-name"] div.table table td:nth-child(n + 2) { + width: 20%; +} +div[data-tab-id="by-name"] div.table table td:nth-child(n + 3) { + width: 30%; +} + +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(1) td { background-color: #800000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(2) td { background-color: #8B0000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(3) td { background-color: #8B4513; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(4) td { background-color: #A52A2A; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(5) td { background-color: #B22222; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(6) td { background-color: #A0522D; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(7) td { background-color: #CD5C5C; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(8) td { background-color: #D2691E; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(9) td { background-color: #CD853F; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(10) td { background-color: #BC8F8F; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(11) td { background-color: #D2B48C; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(12) td { background-color: #DEB887; color: black; } \ No newline at end of file diff --git a/Writerside/images/plots/named_colors_example.png b/Writerside/images/plots/named_colors_example.png new file mode 100644 index 0000000000000000000000000000000000000000..5cf3e83a528b4bc76ca064d51feb7bbe52547160 GIT binary patch literal 17976 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 + diff --git a/Writerside/topics/aesthetics.md b/Writerside/topics/aesthetics.md index e6b2dbe6a..742798aa9 100644 --- a/Writerside/topics/aesthetics.md +++ b/Writerside/topics/aesthetics.md @@ -1,35 +1,5 @@ # Aesthetics -## Color and Fill - -Colors and fills of geometries can be specified in the following ways: - -- RGB/RGBA (e.g. `"rgb(0, 0, 255)"`, `"rgba(0, 0, 255, 0.5)"`). - -- HEX (e.g. `"#0000ff"`, `"#00f"`). - -- Blank string (`""`) or aliases: `"blank"`, `"transparent"` for a fully transparent color. - -- A name, one of: - - ![Color names](aesthetics_color.png) - -- A system color name, one of: - - -
  • - Color 'pen' -
    • -
  • - Color 'brush' -
    • -
  • - Color 'paper' -
    • -     - -- An instance of the `java.awt.Color` class. - ## Point Shapes ![Point shapes](aesthetics_shape.png) @@ -66,4 +36,32 @@ You can also use the name of any other font installed on your system (e.g. `"Tim ![Font faces](aesthetics_font_face.png) -The default font face is `'plain'`. \ No newline at end of file +The default font face is `'plain'`. + +## Color and Fill + +Colors and fills of geometries can be specified in the following ways: + +- **RGB**/**RGBA** - e.g. `"rgb(0, 0, 255)"`, `"rgba(0, 0, 255, 0.5)"`. + +- **HEX** - e.g. `"#0077ff"`, `"#07f"`. + +- **Transparent** - an empty string (`""`) or the aliases `"blank"` and `"transparent"` for a fully transparent color. + +- **Named colors** from a predefined list of color names. + +- **System colors** depending on the current theme flavor, one of: + + +
  • + Color 'pen' +
    • +
  • + Color 'brush' +
    • +
  • + Color 'paper' +
    • +     + +- An instance of the `java.awt.Color` class. \ No newline at end of file diff --git a/Writerside/topics/named_colors.md b/Writerside/topics/named_colors.md new file mode 100644 index 000000000..3e006f6fc --- /dev/null +++ b/Writerside/topics/named_colors.md @@ -0,0 +1,2086 @@ +# Named Colors Reference + +You can specify a color for theme elements and geometries by its name from the table below. + + +Named colors are case-insensitive and can be written in various formats: "LightGreen", "lightgreen", "light green", or "light-green" are all accepted and treated equivalently. You can also use either "gray" or "grey" spelling for grayscale colors. + + +## Example {collapsible="true"} + +```kotlin +val rand = java.util.Random(42) +val groups = listOf("A", "B", "C") +val dataMap = mapOf( + "x" to List(20) { rand.nextDouble() } + .map { v -> ((groups.size - 1) * v).roundToInt() } + .map { i -> groups[i] } +) +letsPlot(dataMap) { x = "x" } + + geomBar(fill = "salmon", size = 0, tooltips = tooltipsNone) + + theme( + plotBackground = elementRect(fill = "navy"), + text = elementText(color = "white"), + axis = elementLine(color = "azure"), + panelGrid = elementLine(color = "azure") + ) +``` + +Named colors example + +## Named Colors Table + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Brown colors
    maroon#800000128, 0, 0
    dark_red#8B0000139, 0, 0
    saddle_brown#8B4513139, 69, 19
    brown#A52A2A165, 42, 42
    firebrick#B22222178, 34, 34
    sienna#A0522D160, 82, 45
    indian_red#CD5C5C205, 92, 92
    chocolate#D2691E210, 105, 30
    peru#CD853F205, 133, 63
    rosy_brown#BC8F8F188, 143, 143
    tan#D2B48C210, 180, 140
    burly_wood#DEB887222, 184, 135
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Red colors
    red#FF0000255, 0, 0
    orange_red#FF4500255, 69, 0
    tomato#FF6347255, 99, 71
    light_coral#F08080240, 128, 128
    salmon#FA8072250, 128, 114
    coral#FF7F50255, 127, 80
    dark_salmon#E9967A233, 150, 122
    light_salmon#FFA07A255, 160, 122
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Orange colors
    dark_goldenrod#B8860B184, 134, 11
    dark_orange#FF8C00255, 140, 0
    goldenrod#DAA520218, 165, 32
    sandy_brown#F4A460244, 164, 96
    orange#FFA500255, 165, 0
    peach_puff#FFDAB9255, 218, 185
    wheat#F5DEB3245, 222, 179
    navajo_white#FFDEAD255, 222, 173
    moccasin#FFE4B5255, 228, 181
    bisque#FFE4C4255, 228, 196
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Yellow colors
    olive#808000128, 128, 0
    dark_khaki#BDB76B189, 183, 107
    gold#FFD700255, 215, 0
    light_goldenrod#EEDD82238, 221, 130
    khaki#F0E68C240, 230, 140
    pale_goldenrod#EEE8AA238, 232, 170
    yellow#FFFF00255, 255, 0
    lemon_chiffon#FFFACD255, 250, 205
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Green colors
    dark_green#0064000, 100, 0
    dark_olive_green#556B2F85, 107, 47
    green#0080000, 128, 0
    forest_green#228B2234, 139, 34
    sea_green#2E8B5746, 139, 87
    olive_drab#6B8E23107, 142, 35
    medium_sea_green#3CB37160, 179, 113
    lime_green#32CD3250, 205, 50
    dark_sea_green#8FBC8F143, 188, 143
    medium_aquamarine#66CDAA102, 205, 170
    yellow_green#9ACD32154, 205, 50
    light_green#90EE90144, 238, 144
    medium_spring_green#00FA9A0, 250, 154
    lime#00FF000, 255, 0
    spring_green#00FF7F0, 255, 127
    lawn_green#7CFC00124, 252, 0
    chartreuse#7FFF00127, 255, 0
    pale_green#98FB98152, 251, 152
    aquamarine#7FFFD4127, 255, 212
    green_yellow#ADFF2F173, 255, 47
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Cyan colors
    teal#0080800, 128, 128
    dark_cyan#008B8B0, 139, 139
    cadet_blue#5F9EA095, 158, 160
    light_sea_green#20B2AA32, 178, 170
    dark_turquoise#00CED10, 206, 209
    medium_turquoise#48D1CC72, 209, 204
    turquoise#40E0D064, 224, 208
    powderblue#B0E0E6176, 224, 230
    pale_turquoise#AFEEEE175, 238, 238
    aqua#00FFFF0, 255, 255
    cyan#00FFFF0, 255, 255
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Blue colors
    navy#0000800, 0, 128
    midnight_blue#19197025, 25, 112
    dark_blue#00008B0, 0, 139
    medium_blue#0000CD0, 0, 205
    blue#0000FF0, 0, 255
    royal_blue#4169E165, 105, 225
    steel_blue#4682B470, 130, 180
    pacific_blue#118ED817, 142, 216
    dodger_blue#1E90FF30, 144, 255
    cornflower_blue#6495ED100, 149, 237
    deep_sky_blue#00BFFF0, 191, 255
    light_steel_blue#B0C4DE176, 196, 222
    sky_blue#87CEEB135, 206, 235
    light_sky_blue#87CEFA135, 206, 250
    light_blue#ADD8E6173, 216, 230
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Violet colors
    indigo#4B008275, 0, 130
    dark_slate_blue#483D8B72, 61, 139
    rebeccapurple#663399102, 51, 153
    dark_violet#9400D3148, 0, 211
    blue_violet#8A2BE2138, 43, 226
    dark_orchid#9932CC153, 50, 204
    slate_blue#6A5ACD106, 90, 205
    medium_slate_blue#7B68EE123, 104, 238
    medium_purple#9370DB147, 112, 219
    light_slate_blue#8470FF132, 112, 255
    lavender#E6E6FA230, 230, 250
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Purple colors
    purple#800080128, 0, 128
    dark_magenta#8B008B139, 0, 139
    medium_orchid#BA55D3186, 85, 211
    orchid#DA70D6218, 112, 214
    fuchsia#FF00FF255, 0, 255
    magenta#FF00FF255, 0, 255
    violet#EE82EE238, 130, 238
    plum#DDA0DD221, 160, 221
    thistle#D8BFD8216, 191, 216
    light_magenta#FFD2FF255, 210, 255
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Rose colors
    medium_violet_red#C71585199, 21, 133
    crimson#DC143C220, 20, 60
    violet_red#D02090208, 32, 144
    deep_pink#FF1493255, 20, 147
    pale_violet_red#DB7093219, 112, 147
    hot_pink#FF69B4255, 105, 180
    light_pink#FFB6C1255, 182, 193
    pink#FFC0CB255, 192, 203
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Very light colors
    white#FFFFFF255, 255, 255
    snow#FFFAFA255, 250, 250
    white_smoke#F5F5F5245, 245, 245
    misty_rose#FFE4E1255, 228, 225
    sea_shell#FFF5EE255, 245, 238
    linen#FAF0E6250, 240, 230
    antique_white#FAEBD7250, 235, 215
    blanched_almond#FFEBCD255, 235, 205
    papaya_whip#FFEFD5255, 239, 213
    floral_white#FFFAF0255, 250, 240
    old_lace#FDF5E6253, 245, 230
    cornsilk#FFF8DC255, 248, 220
    ivory#FFFFF0255, 255, 240
    light_yellow#FFFFE0255, 255, 224
    light_goldenrod_yellow#FAFAD2250, 250, 210
    beige#F5F5DC245, 245, 220
    honey_dew#F0FFF0240, 255, 240
    mint_cream#F5FFFA245, 255, 250
    azure#F0FFFF240, 255, 255
    light_cyan#E0FFFF224, 255, 255
    alice_blue#F0F8FF240, 248, 255
    ghost_white#F8F8FF248, 248, 255
    lavender_blush#FFF0F5255, 240, 245
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Gray colors
    black#0000000, 0, 0
    gray10#1A1A1A26, 26, 26
    gray20#33333351, 51, 51
    dark_slate_gray#2F4F4F47, 79, 79
    gray30#4D4D4D77, 77, 77
    dark_gray#55555585, 85, 85
    gray40#666666102, 102, 102
    dim_gray#696969105, 105, 105
    slate_gray#708090112, 128, 144
    gray#808080128, 128, 128
    gray50#808080128, 128, 128
    light_slate_gray#778899119, 136, 153
    gray60#999999153, 153, 153
    gray70#B3B3B3179, 179, 179
    silver#C0C0C0192, 192, 192
    gray80#CCCCCC204, 204, 204
    light_gray#D3D3D3211, 211, 211
    gainsboro#DCDCDC220, 220, 220
    gray90#E6E6E6230, 230, 230
    +     + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    alice_blue#F0F8FF240, 248, 255
    antique_white#FAEBD7250, 235, 215
    aqua#00FFFF0, 255, 255
    aquamarine#7FFFD4127, 255, 212
    azure#F0FFFF240, 255, 255
    beige#F5F5DC245, 245, 220
    bisque#FFE4C4255, 228, 196
    black#0000000, 0, 0
    blanched_almond#FFEBCD255, 235, 205
    blue#0000FF0, 0, 255
    blue_violet#8A2BE2138, 43, 226
    brown#A52A2A165, 42, 42
    burly_wood#DEB887222, 184, 135
    cadet_blue#5F9EA095, 158, 160
    chartreuse#7FFF00127, 255, 0
    chocolate#D2691E210, 105, 30
    coral#FF7F50255, 127, 80
    cornflower_blue#6495ED100, 149, 237
    cornsilk#FFF8DC255, 248, 220
    crimson#DC143C220, 20, 60
    cyan#00FFFF0, 255, 255
    dark_blue#00008B0, 0, 139
    dark_cyan#008B8B0, 139, 139
    dark_goldenrod#B8860B184, 134, 11
    dark_gray#55555585, 85, 85
    dark_green#0064000, 100, 0
    dark_khaki#BDB76B189, 183, 107
    dark_magenta#8B008B139, 0, 139
    dark_olive_green#556B2F85, 107, 47
    dark_orange#FF8C00255, 140, 0
    dark_orchid#9932CC153, 50, 204
    dark_red#8B0000139, 0, 0
    dark_salmon#E9967A233, 150, 122
    dark_sea_green#8FBC8F143, 188, 143
    dark_slate_blue#483D8B72, 61, 139
    dark_slate_gray#2F4F4F47, 79, 79
    dark_turquoise#00CED10, 206, 209
    dark_violet#9400D3148, 0, 211
    deep_pink#FF1493255, 20, 147
    deep_sky_blue#00BFFF0, 191, 255
    dim_gray#696969105, 105, 105
    dodger_blue#1E90FF30, 144, 255
    firebrick#B22222178, 34, 34
    floral_white#FFFAF0255, 250, 240
    forest_green#228B2234, 139, 34
    fuchsia#FF00FF255, 0, 255
    gainsboro#DCDCDC220, 220, 220
    ghost_white#F8F8FF248, 248, 255
    gold#FFD700255, 215, 0
    goldenrod#DAA520218, 165, 32
    gray#808080128, 128, 128
    gray0#0000000, 0, 0
    gray1#0303033, 3, 3
    gray2#0505055, 5, 5
    gray3#0808088, 8, 8
    gray4#0A0A0A10, 10, 10
    gray5#0D0D0D13, 13, 13
    gray6#0F0F0F15, 15, 15
    gray7#12121218, 18, 18
    gray8#14141420, 20, 20
    gray9#17171723, 23, 23
    gray10#1A1A1A26, 26, 26
    gray11#1C1C1C28, 28, 28
    gray12#1F1F1F31, 31, 31
    gray13#21212133, 33, 33
    gray14#24242436, 36, 36
    gray15#26262638, 38, 38
    gray16#29292941, 41, 41
    gray17#2B2B2B43, 43, 43
    gray18#2E2E2E46, 46, 46
    gray19#30303048, 48, 48
    gray20#33333351, 51, 51
    gray21#36363654, 54, 54
    gray22#38383856, 56, 56
    gray23#3B3B3B59, 59, 59
    gray24#3D3D3D61, 61, 61
    gray25#40404064, 64, 64
    gray26#42424266, 66, 66
    gray27#45454569, 69, 69
    gray28#47474771, 71, 71
    gray29#4A4A4A74, 74, 74
    gray30#4D4D4D77, 77, 77
    gray31#4F4F4F79, 79, 79
    gray32#52525282, 82, 82
    gray33#54545484, 84, 84
    gray34#57575787, 87, 87
    gray35#59595989, 89, 89
    gray36#5C5C5C92, 92, 92
    gray37#5E5E5E94, 94, 94
    gray38#61616197, 97, 97
    gray39#63636399, 99, 99
    gray40#666666102, 102, 102
    gray41#696969105, 105, 105
    gray42#6B6B6B107, 107, 107
    gray43#6E6E6E110, 110, 110
    gray44#707070112, 112, 112
    gray45#737373115, 115, 115
    gray46#757575117, 117, 117
    gray47#787878120, 120, 120
    gray48#7A7A7A122, 122, 122
    gray49#7D7D7D125, 125, 125
    gray50#808080128, 128, 128
    gray51#828282130, 130, 130
    gray52#858585133, 133, 133
    gray53#878787135, 135, 135
    gray54#8A8A8A138, 138, 138
    gray55#8C8C8C140, 140, 140
    gray56#8F8F8F143, 143, 143
    gray57#919191145, 145, 145
    gray58#949494148, 148, 148
    gray59#969696150, 150, 150
    gray60#999999153, 153, 153
    gray61#9C9C9C156, 156, 156
    gray62#9E9E9E158, 158, 158
    gray63#A1A1A1161, 161, 161
    gray64#A3A3A3163, 163, 163
    gray65#A6A6A6166, 166, 166
    gray66#A8A8A8168, 168, 168
    gray67#ABABAB171, 171, 171
    gray68#ADADAD173, 173, 173
    gray69#B0B0B0176, 176, 176
    gray70#B3B3B3179, 179, 179
    gray71#B5B5B5181, 181, 181
    gray72#B8B8B8184, 184, 184
    gray73#BABABA186, 186, 186
    gray74#BDBDBD189, 189, 189
    gray75#BFBFBF191, 191, 191
    gray76#C2C2C2194, 194, 194
    gray77#C4C4C4196, 196, 196
    gray78#C7C7C7199, 199, 199
    gray79#C9C9C9201, 201, 201
    gray80#CCCCCC204, 204, 204
    gray81#CFCFCF207, 207, 207
    gray82#D1D1D1209, 209, 209
    gray83#D4D4D4212, 212, 212
    gray84#D6D6D6214, 214, 214
    gray85#D9D9D9217, 217, 217
    gray86#DBDBDB219, 219, 219
    gray87#DEDEDE222, 222, 222
    gray88#E0E0E0224, 224, 224
    gray89#E3E3E3227, 227, 227
    gray90#E6E6E6230, 230, 230
    gray91#E8E8E8232, 232, 232
    gray92#EBEBEB235, 235, 235
    gray93#EDEDED237, 237, 237
    gray94#F0F0F0240, 240, 240
    gray95#F2F2F2242, 242, 242
    gray96#F5F5F5245, 245, 245
    gray97#F7F7F7247, 247, 247
    gray98#FAFAFA250, 250, 250
    gray99#FCFCFC252, 252, 252
    gray100#FFFFFF255, 255, 255
    green#0080000, 128, 0
    green_yellow#ADFF2F173, 255, 47
    honey_dew#F0FFF0240, 255, 240
    hot_pink#FF69B4255, 105, 180
    indian_red#CD5C5C205, 92, 92
    indigo#4B008275, 0, 130
    ivory#FFFFF0255, 255, 240
    khaki#F0E68C240, 230, 140
    lavender#E6E6FA230, 230, 250
    lavender_blush#FFF0F5255, 240, 245
    lawn_green#7CFC00124, 252, 0
    lemon_chiffon#FFFACD255, 250, 205
    light_blue#ADD8E6173, 216, 230
    light_coral#F08080240, 128, 128
    light_cyan#E0FFFF224, 255, 255
    light_goldenrod#EEDD82238, 221, 130
    light_goldenrod_yellow#FAFAD2250, 250, 210
    light_gray#D3D3D3211, 211, 211
    light_green#90EE90144, 238, 144
    light_magenta#FFD2FF255, 210, 255
    light_pink#FFB6C1255, 182, 193
    light_salmon#FFA07A255, 160, 122
    light_sea_green#20B2AA32, 178, 170
    light_sky_blue#87CEFA135, 206, 250
    light_slate_blue#8470FF132, 112, 255
    light_slate_gray#778899119, 136, 153
    light_steel_blue#B0C4DE176, 196, 222
    light_yellow#FFFFE0255, 255, 224
    lime#00FF000, 255, 0
    lime_green#32CD3250, 205, 50
    linen#FAF0E6250, 240, 230
    magenta#FF00FF255, 0, 255
    maroon#800000128, 0, 0
    medium_aquamarine#66CDAA102, 205, 170
    medium_blue#0000CD0, 0, 205
    medium_orchid#BA55D3186, 85, 211
    medium_purple#9370DB147, 112, 219
    medium_sea_green#3CB37160, 179, 113
    medium_slate_blue#7B68EE123, 104, 238
    medium_spring_green#00FA9A0, 250, 154
    medium_turquoise#48D1CC72, 209, 204
    medium_violet_red#C71585199, 21, 133
    midnight_blue#19197025, 25, 112
    mint_cream#F5FFFA245, 255, 250
    misty_rose#FFE4E1255, 228, 225
    moccasin#FFE4B5255, 228, 181
    navajo_white#FFDEAD255, 222, 173
    navy#0000800, 0, 128
    old_lace#FDF5E6253, 245, 230
    olive#808000128, 128, 0
    olive_drab#6B8E23107, 142, 35
    orange#FFA500255, 165, 0
    orange_red#FF4500255, 69, 0
    orchid#DA70D6218, 112, 214
    pacific_blue#118ED817, 142, 216
    pale_goldenrod#EEE8AA238, 232, 170
    pale_green#98FB98152, 251, 152
    pale_turquoise#AFEEEE175, 238, 238
    pale_violet_red#DB7093219, 112, 147
    papaya_whip#FFEFD5255, 239, 213
    peach_puff#FFDAB9255, 218, 185
    peru#CD853F205, 133, 63
    pink#FFC0CB255, 192, 203
    plum#DDA0DD221, 160, 221
    powderblue#B0E0E6176, 224, 230
    purple#800080128, 0, 128
    rebeccapurple#663399102, 51, 153
    red#FF0000255, 0, 0
    rosy_brown#BC8F8F188, 143, 143
    royal_blue#4169E165, 105, 225
    saddle_brown#8B4513139, 69, 19
    salmon#FA8072250, 128, 114
    sandy_brown#F4A460244, 164, 96
    sea_green#2E8B5746, 139, 87
    sea_shell#FFF5EE255, 245, 238
    sienna#A0522D160, 82, 45
    silver#C0C0C0192, 192, 192
    sky_blue#87CEEB135, 206, 235
    slate_blue#6A5ACD106, 90, 205
    slate_gray#708090112, 128, 144
    snow#FFFAFA255, 250, 250
    spring_green#00FF7F0, 255, 127
    steel_blue#4682B470, 130, 180
    tan#D2B48C210, 180, 140
    teal#0080800, 128, 128
    thistle#D8BFD8216, 191, 216
    tomato#FF6347255, 99, 71
    turquoise#40E0D064, 224, 208
    violet#EE82EE238, 130, 238
    violet_red#D02090208, 32, 144
    wheat#F5DEB3245, 222, 179
    white#FFFFFF255, 255, 255
    white_smoke#F5F5F5245, 245, 245
    yellow#FFFF00255, 255, 0
    yellow_green#9ACD32154, 205, 50
    +     +     \ No newline at end of file From f5fe207d0c2f00be1bd1eac34842474cd7e768c9 Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:10:48 +0200 Subject: [PATCH 2/8] Writerside: Add new functions to the Charts page. --- Writerside/topics/charts.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/Writerside/topics/charts.md b/Writerside/topics/charts.md index 66c2caa76..2bbf7ac96 100644 --- a/Writerside/topics/charts.md +++ b/Writerside/topics/charts.md @@ -43,7 +43,9 @@ Tiles: Text: [`text`](%api_geom%/geom-text/index.html), -[`label`](%api_geom%/geom-label/index.html) +[`text repel`](%api_geom%/geom-text-repel/index.html), +[`label`](%api_geom%/geom-label/index.html), +[`label repel`](%api_geom%/geom-label-repel/index.html) Examples: @@ -103,6 +105,7 @@ Examples: [`dotplot`](%api_geom%/geom-dotplot/index.html), [`y-dotplot`](%api_geom%/geom-y-dotplot/index.html), [`violin`](%api_geom%/geom-violin/index.html), +[`sina`](%api_geom%/geom-sina/index.html), [`ridgeline`](%api_geom%/geom-area-ridges/index.html), [`frequency polygon`](%api_geom%/geom-freqpoly/index.html) From 15f6cbeabad94f3ac9db5fcd6cea2fffb6ed7d5a Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:17:04 +0200 Subject: [PATCH 3/8] Writerside: Add Aesthetics section to the Charts page. --- Writerside/topics/charts.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/Writerside/topics/charts.md b/Writerside/topics/charts.md index 2bbf7ac96..5f58e57ea 100644 --- a/Writerside/topics/charts.md +++ b/Writerside/topics/charts.md @@ -10,6 +10,18 @@ Data in this format is sometimes referred to as tidy data, flat data, primary da You can pass tidy data to *Lets-Plot* in form of a Kotlin `Map`. +## Aesthetics + +- Point shapes + +- Line types + +- Color and fill + +- Named colors reference + +- Text + ## Basic Building Blocks Points: From 0708b0013c44c9ab3fd7d85da76009823757ab03 Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:50:05 +0200 Subject: [PATCH 4/8] Writerside: Add 'LaTeX Support' page. --- Writerside/lpk.tree | 1 + Writerside/topics/latex.md | 128 +++++++++++++++++++++++++++++++++++++ Writerside/topics/misc.md | 2 + 3 files changed, 131 insertions(+) create mode 100644 Writerside/topics/latex.md diff --git a/Writerside/lpk.tree b/Writerside/lpk.tree index adc9ac0de..3ce68ecab 100644 --- a/Writerside/lpk.tree +++ b/Writerside/lpk.tree @@ -23,6 +23,7 @@ + \ No newline at end of file diff --git a/Writerside/topics/latex.md b/Writerside/topics/latex.md new file mode 100644 index 000000000..1aee6d840 --- /dev/null +++ b/Writerside/topics/latex.md @@ -0,0 +1,128 @@ +# LaTeX Support + +Lets-Plot has limited support for the LaTeX formulas. See examples below. + +## Superscript and Subscript + +``2^5`` → 25 + +``2^{10}`` → 210 + +``2^{-5}`` → 2−5 + +``x_i`` → xi + +``x_{min}`` → xmin + +## Greek Letters + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Α \AlphaΝ \Nuα \alphaν \nu
    Β \BetaΞ \Xiβ \betaξ \xi
    Γ \GammaΟ \Omicronγ \gammaο \omicron
    Δ \DeltaΠ \Piδ \deltaπ \pi
    Ε \EpsilonΡ \Rhoε \epsilonρ \rho
    Ζ \ZetaΣ \Sigmaζ \zetaσ \sigma
    Η \EtaΤ \Tauη \etaτ \tau
    Θ \ThetaΥ \Upsilonθ \thetaυ \upsilon
    Ι \IotaΦ \Phiι \iotaφ \phi
    Κ \KappaΧ \Chiκ \kappaχ \chi
    Λ \LambdaΨ \Psiλ \lambdaψ \psi
    Μ \MuΩ \Omegaμ \muω \omega
    + +## Some Special Symbols + + + + + + + + + + + + + + + + + + +
    ∞ \infty× \times≤ \leq
    ± \pm÷ \div≥ \geq
    ∓ \mp· \cdot≠ \neq
    + +## Spacing + +``A B`` → AB + +``A \quad B`` → A B + +``A \qquad B`` → A  B + +``A \, B`` → A B + +``A \: B`` → A B + +``A \ B`` → A B \ No newline at end of file diff --git a/Writerside/topics/misc.md b/Writerside/topics/misc.md index 9b40afa27..38ca42b68 100644 --- a/Writerside/topics/misc.md +++ b/Writerside/topics/misc.md @@ -27,6 +27,8 @@ In tooltips/labels/texts and wherever else there is text, you can use: - Greek letters, e.g. `\( \Omega \)`, and - some special symbols, e.g. `\( a \cdot b \neq c \)`. + Learn more: LaTeX Support. + See: [latex_support.ipynb](%nb-latex_support%) LaTeX Support From b8b03f7cb2abb62e78fe82a621d55bd996e12951 Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:56:29 +0200 Subject: [PATCH 5/8] Writerside: Add more colors to css for the table of named colors. --- Writerside/cfg/static/custom.css | 145 ++++++++++++++++++++++++++++++- 1 file changed, 144 insertions(+), 1 deletion(-) diff --git a/Writerside/cfg/static/custom.css b/Writerside/cfg/static/custom.css index 6c34ae2d0..dbe34e169 100644 --- a/Writerside/cfg/static/custom.css +++ b/Writerside/cfg/static/custom.css @@ -32,4 +32,147 @@ div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(8) td div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(9) td { background-color: #CD853F; color: white; } div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(10) td { background-color: #BC8F8F; color: white; } div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(11) td { background-color: #D2B48C; color: white; } -div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(12) td { background-color: #DEB887; color: black; } \ No newline at end of file +div[data-tab-id="by-shade"] div.table:nth-of-type(1) table tr:nth-of-type(12) td { background-color: #DEB887; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(1) td { background-color: #FF0000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(2) td { background-color: #FF4500; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(3) td { background-color: #FF6347; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(4) td { background-color: #F08080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(5) td { background-color: #FA8072; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(6) td { background-color: #FF7F50; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(7) td { background-color: #E9967A; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(2) table tr:nth-of-type(8) td { background-color: #FFA07A; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(1) td { background-color: #B8860B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(2) td { background-color: #FF8C00; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(3) td { background-color: #DAA520; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(4) td { background-color: #F4A460; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(5) td { background-color: #FFA500; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(6) td { background-color: #FFDAB9; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(7) td { background-color: #F5DEB3; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(8) td { background-color: #FFDEAD; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(9) td { background-color: #FFE4B5; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(3) table tr:nth-of-type(10) td { background-color: #FFE4C4; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(1) td { background-color: #808000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(2) td { background-color: #BDB76B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(3) td { background-color: #FFD700; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(4) td { background-color: #EEDD82; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(5) td { background-color: #F0E68C; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(6) td { background-color: #EEE8AA; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(7) td { background-color: #FFFF00; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(4) table tr:nth-of-type(8) td { background-color: #FFFACD; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(1) td { background-color: #006400; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(2) td { background-color: #556B2F; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(3) td { background-color: #008000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(4) td { background-color: #228B22; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(5) td { background-color: #2E8B57; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(6) td { background-color: #6B8E23; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(7) td { background-color: #3CB371; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(8) td { background-color: #32CD32; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(9) td { background-color: #8FBC8F; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(10) td { background-color: #66CDAA; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(11) td { background-color: #9ACD32; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(12) td { background-color: #90EE90; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(13) td { background-color: #00FA9A; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(14) td { background-color: #00FF00; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(15) td { background-color: #00FF7F; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(16) td { background-color: #7CFC00; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(17) td { background-color: #7FFF00; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(18) td { background-color: #98FB98; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(19) td { background-color: #7FFFD4; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(5) table tr:nth-of-type(20) td { background-color: #ADFF2F; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(1) td { background-color: #008080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(2) td { background-color: #008B8B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(3) td { background-color: #5F9EA0; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(4) td { background-color: #20B2AA; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(5) td { background-color: #00CED1; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(6) td { background-color: #48D1CC; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(7) td { background-color: #40E0D0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(8) td { background-color: #B0E0E6; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(9) td { background-color: #AFEEEE; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(10) td { background-color: #00FFFF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(6) table tr:nth-of-type(11) td { background-color: #00FFFF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(1) td { background-color: #000080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(2) td { background-color: #191970; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(3) td { background-color: #00008B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(4) td { background-color: #0000CD; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(5) td { background-color: #0000FF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(6) td { background-color: #4169E1; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(7) td { background-color: #4682B4; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(8) td { background-color: #118ED8; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(9) td { background-color: #1E90FF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(10) td { background-color: #6495ED; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(11) td { background-color: #00BFFF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(12) td { background-color: #B0C4DE; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(13) td { background-color: #87CEEB; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(14) td { background-color: #87CEFA; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(7) table tr:nth-of-type(15) td { background-color: #ADD8E6; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(1) td { background-color: #4B0082; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(2) td { background-color: #483D8B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(3) td { background-color: #663399; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(4) td { background-color: #9400D3; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(5) td { background-color: #8A2BE2; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(6) td { background-color: #9932CC; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(7) td { background-color: #6A5ACD; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(8) td { background-color: #7B68EE; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(9) td { background-color: #9370DB; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(10) td { background-color: #8470FF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(8) table tr:nth-of-type(11) td { background-color: #E6E6FA; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(1) td { background-color: #800080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(2) td { background-color: #8B008B; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(3) td { background-color: #BA55D3; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(4) td { background-color: #DA70D6; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(5) td { background-color: #FF00FF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(6) td { background-color: #FF00FF; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(7) td { background-color: #EE82EE; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(8) td { background-color: #DDA0DD; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(9) td { background-color: #D8BFD8; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(9) table tr:nth-of-type(10) td { background-color: #FFD2FF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(1) td { background-color: #C71585; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(2) td { background-color: #DC143C; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(3) td { background-color: #D02090; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(4) td { background-color: #FF1493; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(5) td { background-color: #DB7093; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(6) td { background-color: #FF69B4; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(7) td { background-color: #FFB6C1; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(10) table tr:nth-of-type(8) td { background-color: #FFC0CB; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(1) td { background-color: #FFFFFF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(2) td { background-color: #FFFAFA; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(3) td { background-color: #F5F5F5; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(4) td { background-color: #FFE4E1; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(5) td { background-color: #FFF5EE; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(6) td { background-color: #FAF0E6; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(7) td { background-color: #FAEBD7; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(8) td { background-color: #FFEBCD; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(9) td { background-color: #FFEFD5; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(10) td { background-color: #FFFAF0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(11) td { background-color: #FDF5E6; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(12) td { background-color: #FFF8DC; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(13) td { background-color: #FFFFF0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(14) td { background-color: #FFFFE0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(15) td { background-color: #FAFAD2; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(16) td { background-color: #F5F5DC; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(17) td { background-color: #F0FFF0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(18) td { background-color: #F5FFFA; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(19) td { background-color: #F0FFFF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(20) td { background-color: #E0FFFF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(21) td { background-color: #F0F8FF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(22) td { background-color: #F8F8FF; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(11) table tr:nth-of-type(23) td { background-color: #FFF0F5; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(1) td { background-color: #000000; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(2) td { background-color: #1A1A1A; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(3) td { background-color: #333333; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(4) td { background-color: #2F4F4F; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(5) td { background-color: #4D4D4D; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(6) td { background-color: #555555; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(7) td { background-color: #666666; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(8) td { background-color: #696969; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(9) td { background-color: #708090; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(10) td { background-color: #808080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(11) td { background-color: #808080; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(12) td { background-color: #778899; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(13) td { background-color: #999999; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(14) td { background-color: #B3B3B3; color: white; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(15) td { background-color: #C0C0C0; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(16) td { background-color: #CCCCCC; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(17) td { background-color: #D3D3D3; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(18) td { background-color: #DCDCDC; color: black; } +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(19) td { background-color: #E6E6E6; color: black; } \ No newline at end of file From 883b019b8d2844ad7e008e2fd989c9b259c9f427 Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 14:57:14 +0200 Subject: [PATCH 6/8] Writerside: Add note about timezone to the formats page. --- Writerside/topics/formats.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Writerside/topics/formats.md b/Writerside/topics/formats.md index dac5dee75..fe1ea1858 100644 --- a/Writerside/topics/formats.md +++ b/Writerside/topics/formats.md @@ -161,6 +161,10 @@ The list of supported directives to format date/time values: - `%P` - like %p but in lowercase: "am" or "pm"; - `%S` - second as a zero-padded decimal number (00, 01, …, 59). + +If no timezone information is present (naive datetime), Lets-Plot assumes UTC timezone. For timezone-aware datetime objects, the timezone information from the data is preserved and used for rendering. + + ### Datetime Format Examples Let's apply the format string to the date `Aug 6, 2019` and the time `4:46:35`: From b865d3b2c51303ea1a71d106d3c1633be0002e2d Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 15:08:32 +0200 Subject: [PATCH 7/8] Writerside: Add more colors for the named color tables. --- Writerside/cfg/static/custom.css | 250 ++++++++++++++++++++++++++++++- 1 file changed, 249 insertions(+), 1 deletion(-) diff --git a/Writerside/cfg/static/custom.css b/Writerside/cfg/static/custom.css index dbe34e169..48bd799af 100644 --- a/Writerside/cfg/static/custom.css +++ b/Writerside/cfg/static/custom.css @@ -175,4 +175,252 @@ div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(15) t div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(16) td { background-color: #CCCCCC; color: black; } div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(17) td { background-color: #D3D3D3; color: black; } div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(18) td { background-color: #DCDCDC; color: black; } -div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(19) td { background-color: #E6E6E6; color: black; } \ No newline at end of file +div[data-tab-id="by-shade"] div.table:nth-of-type(12) table tr:nth-of-type(19) td { background-color: #E6E6E6; color: black; } + +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(0) td { background-color: #F0F8FF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(1) td { background-color: #FAEBD7; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(2) td { background-color: #00FFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(3) td { background-color: #7FFFD4; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(4) td { background-color: #F0FFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(5) td { background-color: #F5F5DC; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(6) td { background-color: #FFE4C4; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(7) td { background-color: #000000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(8) td { background-color: #FFEBCD; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(9) td { background-color: #0000FF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(10) td { background-color: #8A2BE2; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(11) td { background-color: #A52A2A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(12) td { background-color: #DEB887; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(13) td { background-color: #5F9EA0; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(14) td { background-color: #7FFF00; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(15) td { background-color: #D2691E; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(16) td { background-color: #FF7F50; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(17) td { background-color: #6495ED; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(18) td { background-color: #FFF8DC; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(19) td { background-color: #DC143C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(20) td { background-color: #00FFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(21) td { background-color: #00008B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(22) td { background-color: #008B8B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(23) td { background-color: #B8860B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(24) td { background-color: #555555; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(25) td { background-color: #006400; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(26) td { background-color: #BDB76B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(27) td { background-color: #8B008B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(28) td { background-color: #556B2F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(29) td { background-color: #FF8C00; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(30) td { background-color: #9932CC; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(31) td { background-color: #8B0000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(32) td { background-color: #E9967A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(33) td { background-color: #8FBC8F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(34) td { background-color: #483D8B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(35) td { background-color: #2F4F4F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(36) td { background-color: #00CED1; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(37) td { background-color: #9400D3; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(38) td { background-color: #FF1493; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(39) td { background-color: #00BFFF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(40) td { background-color: #696969; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(41) td { background-color: #1E90FF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(42) td { background-color: #B22222; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(43) td { background-color: #FFFAF0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(44) td { background-color: #228B22; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(45) td { background-color: #FF00FF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(46) td { background-color: #DCDCDC; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(47) td { background-color: #F8F8FF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(48) td { background-color: #FFD700; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(49) td { background-color: #DAA520; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(50) td { background-color: #808080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(51) td { background-color: #000000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(52) td { background-color: #030303; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(53) td { background-color: #050505; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(54) td { background-color: #080808; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(55) td { background-color: #0A0A0A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(56) td { background-color: #0D0D0D; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(57) td { background-color: #0F0F0F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(58) td { background-color: #121212; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(59) td { background-color: #141414; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(60) td { background-color: #171717; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(61) td { background-color: #1A1A1A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(62) td { background-color: #1C1C1C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(63) td { background-color: #1F1F1F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(64) td { background-color: #212121; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(65) td { background-color: #242424; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(66) td { background-color: #262626; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(67) td { background-color: #292929; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(68) td { background-color: #2B2B2B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(69) td { background-color: #2E2E2E; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(70) td { background-color: #303030; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(71) td { background-color: #333333; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(72) td { background-color: #363636; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(73) td { background-color: #383838; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(74) td { background-color: #3B3B3B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(75) td { background-color: #3D3D3D; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(76) td { background-color: #404040; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(77) td { background-color: #424242; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(78) td { background-color: #454545; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(79) td { background-color: #474747; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(80) td { background-color: #4A4A4A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(81) td { background-color: #4D4D4D; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(82) td { background-color: #4F4F4F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(83) td { background-color: #525252; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(84) td { background-color: #545454; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(85) td { background-color: #575757; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(86) td { background-color: #595959; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(87) td { background-color: #5C5C5C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(88) td { background-color: #5E5E5E; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(89) td { background-color: #616161; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(90) td { background-color: #636363; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(91) td { background-color: #666666; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(92) td { background-color: #696969; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(93) td { background-color: #6B6B6B; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(94) td { background-color: #6E6E6E; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(95) td { background-color: #707070; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(96) td { background-color: #737373; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(97) td { background-color: #757575; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(98) td { background-color: #787878; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(99) td { background-color: #7A7A7A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(100) td { background-color: #7D7D7D; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(101) td { background-color: #808080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(102) td { background-color: #828282; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(103) td { background-color: #858585; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(104) td { background-color: #878787; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(105) td { background-color: #8A8A8A; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(106) td { background-color: #8C8C8C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(107) td { background-color: #8F8F8F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(108) td { background-color: #919191; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(109) td { background-color: #949494; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(110) td { background-color: #969696; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(111) td { background-color: #999999; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(112) td { background-color: #9C9C9C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(113) td { background-color: #9E9E9E; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(114) td { background-color: #A1A1A1; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(115) td { background-color: #A3A3A3; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(116) td { background-color: #A6A6A6; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(117) td { background-color: #A8A8A8; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(118) td { background-color: #ABABAB; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(119) td { background-color: #ADADAD; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(120) td { background-color: #B0B0B0; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(121) td { background-color: #B3B3B3; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(122) td { background-color: #B5B5B5; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(123) td { background-color: #B8B8B8; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(124) td { background-color: #BABABA; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(125) td { background-color: #BDBDBD; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(126) td { background-color: #BFBFBF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(127) td { background-color: #C2C2C2; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(128) td { background-color: #C4C4C4; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(129) td { background-color: #C7C7C7; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(130) td { background-color: #C9C9C9; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(131) td { background-color: #CCCCCC; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(132) td { background-color: #CFCFCF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(133) td { background-color: #D1D1D1; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(134) td { background-color: #D4D4D4; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(135) td { background-color: #D6D6D6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(136) td { background-color: #D9D9D9; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(137) td { background-color: #DBDBDB; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(138) td { background-color: #DEDEDE; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(139) td { background-color: #E0E0E0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(140) td { background-color: #E3E3E3; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(141) td { background-color: #E6E6E6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(142) td { background-color: #E8E8E8; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(143) td { background-color: #EBEBEB; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(144) td { background-color: #EDEDED; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(145) td { background-color: #F0F0F0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(146) td { background-color: #F2F2F2; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(147) td { background-color: #F5F5F5; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(148) td { background-color: #F7F7F7; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(149) td { background-color: #FAFAFA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(150) td { background-color: #FCFCFC; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(151) td { background-color: #FFFFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(152) td { background-color: #008000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(153) td { background-color: #ADFF2F; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(154) td { background-color: #F0FFF0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(155) td { background-color: #FF69B4; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(156) td { background-color: #CD5C5C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(157) td { background-color: #4B0082; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(158) td { background-color: #FFFFF0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(159) td { background-color: #F0E68C; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(160) td { background-color: #E6E6FA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(161) td { background-color: #FFF0F5; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(162) td { background-color: #7CFC00; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(163) td { background-color: #FFFACD; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(164) td { background-color: #ADD8E6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(165) td { background-color: #F08080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(166) td { background-color: #E0FFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(167) td { background-color: #EEDD82; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(168) td { background-color: #FAFAD2; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(169) td { background-color: #D3D3D3; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(170) td { background-color: #90EE90; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(171) td { background-color: #FFD2FF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(172) td { background-color: #FFB6C1; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(173) td { background-color: #FFA07A; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(174) td { background-color: #20B2AA; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(175) td { background-color: #87CEFA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(176) td { background-color: #8470FF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(177) td { background-color: #778899; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(178) td { background-color: #B0C4DE; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(179) td { background-color: #FFFFE0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(180) td { background-color: #00FF00; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(181) td { background-color: #32CD32; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(182) td { background-color: #FAF0E6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(183) td { background-color: #FF00FF; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(184) td { background-color: #800000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(185) td { background-color: #66CDAA; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(186) td { background-color: #0000CD; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(187) td { background-color: #BA55D3; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(188) td { background-color: #9370DB; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(189) td { background-color: #3CB371; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(190) td { background-color: #7B68EE; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(191) td { background-color: #00FA9A; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(192) td { background-color: #48D1CC; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(193) td { background-color: #C71585; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(194) td { background-color: #191970; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(195) td { background-color: #F5FFFA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(196) td { background-color: #FFE4E1; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(197) td { background-color: #FFE4B5; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(198) td { background-color: #FFDEAD; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(199) td { background-color: #000080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(200) td { background-color: #FDF5E6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(201) td { background-color: #808000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(202) td { background-color: #6B8E23; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(203) td { background-color: #FFA500; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(204) td { background-color: #FF4500; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(205) td { background-color: #DA70D6; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(206) td { background-color: #118ED8; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(207) td { background-color: #EEE8AA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(208) td { background-color: #98FB98; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(209) td { background-color: #AFEEEE; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(210) td { background-color: #DB7093; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(211) td { background-color: #FFEFD5; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(212) td { background-color: #FFDAB9; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(213) td { background-color: #CD853F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(214) td { background-color: #FFC0CB; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(215) td { background-color: #DDA0DD; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(216) td { background-color: #B0E0E6; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(217) td { background-color: #800080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(218) td { background-color: #663399; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(219) td { background-color: #FF0000; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(220) td { background-color: #BC8F8F; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(221) td { background-color: #4169E1; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(222) td { background-color: #8B4513; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(223) td { background-color: #FA8072; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(224) td { background-color: #F4A460; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(225) td { background-color: #2E8B57; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(226) td { background-color: #FFF5EE; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(227) td { background-color: #A0522D; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(228) td { background-color: #C0C0C0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(229) td { background-color: #87CEEB; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(230) td { background-color: #6A5ACD; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(231) td { background-color: #708090; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(232) td { background-color: #FFFAFA; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(233) td { background-color: #00FF7F; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(234) td { background-color: #4682B4; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(235) td { background-color: #D2B48C; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(236) td { background-color: #008080; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(237) td { background-color: #D8BFD8; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(238) td { background-color: #FF6347; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(239) td { background-color: #40E0D0; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(240) td { background-color: #EE82EE; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(241) td { background-color: #D02090; color: white; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(242) td { background-color: #F5DEB3; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(243) td { background-color: #FFFFFF; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(244) td { background-color: #F5F5F5; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(245) td { background-color: #FFFF00; color: black; } +div[data-tab-id="by-name"] div.table:nth-of-type(1) table tr:nth-of-type(246) td { background-color: #9ACD32; color: white; } \ No newline at end of file From c14abe466941120f0515fd196d46bf1316f8026b Mon Sep 17 00:00:00 2001 From: Artem Smirnov Date: Wed, 23 Jul 2025 16:09:58 +0200 Subject: [PATCH 8/8] Writerside: Add 'Axis Tooltips' section to the formats page. --- Writerside/topics/formats.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/Writerside/topics/formats.md b/Writerside/topics/formats.md index fe1ea1858..e86d518d5 100644 --- a/Writerside/topics/formats.md +++ b/Writerside/topics/formats.md @@ -227,6 +227,16 @@ The following table demonstrates the behavior with format string `",~g"`: You can format text in tooltips, see: [Tooltip Customization](tooltips.md). +### Axis Tooltips + +To format the axis tooltips, follow the rules: + +- the scale's `format` parameter is applied to tick labels only and does not affect tooltips; + +- the [`format()`](%api_tooltips%/layer-tooltips/format.html) method of [`layerTooltips()`](%api_tooltips%/layer-tooltips/index.html) is also applied to the axis tooltip; + +- if the [`format()`](%api_tooltips%/layer-tooltips/format.html) method is not specified, the tooltip will get the value after applying the default formatting from the scale (without using the specified format for the scale). + ## Annotating Charts You can format text in annotations, see: [Annotating Charts](annotations.md).