From 57305cb33556b2d523bc026ce6c91299d0f3ed19 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <vega-actions-bot@users.noreply.github.com>
Date: Fri, 10 Nov 2023 00:31:58 +0000
Subject: [PATCH] chore: update examples [CI]

---
 ...l_color_config_time_unit_band_position.png | Bin 0 -> 14369 bytes
 ...l_color_config_time_unit_band_position.svg |   1 +
 ...lor_config_time_unit_band_position.vg.json | 149 ++++++++++++++++++
 3 files changed, 150 insertions(+)
 create mode 100644 examples/compiled/bar_temporal_color_config_time_unit_band_position.png
 create mode 100644 examples/compiled/bar_temporal_color_config_time_unit_band_position.svg
 create mode 100644 examples/compiled/bar_temporal_color_config_time_unit_band_position.vg.json

diff --git a/examples/compiled/bar_temporal_color_config_time_unit_band_position.png b/examples/compiled/bar_temporal_color_config_time_unit_band_position.png
new file mode 100644
index 0000000000000000000000000000000000000000..53d51077ba30f18526ada2365f601ffc46e67012
GIT binary patch
literal 14369
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

literal 0
HcmV?d00001

diff --git a/examples/compiled/bar_temporal_color_config_time_unit_band_position.svg b/examples/compiled/bar_temporal_color_config_time_unit_band_position.svg
new file mode 100644
index 0000000000..e48d78e0ea
--- /dev/null
+++ b/examples/compiled/bar_temporal_color_config_time_unit_band_position.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="255" height="269" viewBox="0 0 255 269"><rect width="255" height="269" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(62,10)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0.5,0.5h100v200h-100Z" stroke="#ddd"/><g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-grid" pointer-events="none"><line transform="translate(0,200)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,167)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,133)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,100)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,67)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,33)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="100" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="X-axis titled 'symbol' for a discrete scale with 5 values: AAPL, AMZN, GOOG, IBM, MSFT"><g transform="translate(0.5,200.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(10,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(30,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(50,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(70,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(90,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="end" transform="translate(9.5,7) rotate(270) translate(0,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">AAPL</text><text text-anchor="end" transform="translate(29.5,7) rotate(270) translate(0,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">AMZN</text><text text-anchor="end" transform="translate(49.5,7) rotate(270) translate(0,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">GOOG</text><text text-anchor="end" transform="translate(69.5,7) rotate(270) translate(0,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">IBM</text><text text-anchor="end" transform="translate(89.5,7) rotate(270) translate(0,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">MSFT</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="100" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(50,51.240234375)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">symbol</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="Y-axis titled 'Sum of price' for a linear scale with values from 0 to 30,000"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(0,200)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,167)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,133)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,100)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,67)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,33)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="end" transform="translate(-7,203)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0</text><text text-anchor="end" transform="translate(-7,169.66666666666669)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">5,000</text><text text-anchor="end" transform="translate(-7,136.33333333333334)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">10,000</text><text text-anchor="end" transform="translate(-7,103)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">15,000</text><text text-anchor="end" transform="translate(-7,69.66666666666667)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">20,000</text><text text-anchor="end" transform="translate(-7,36.33333333333333)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">25,000</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">30,000</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,200)" x2="0" y2="-200" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-45.990234375,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Sum of price</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-rect role-mark marks" role="graphics-object" aria-roledescription="rect mark container"><path aria-label="symbol: MSFT; Sum of price: 356.08; date (year): 2000" role="graphics-symbol" aria-roledescription="bar" d="M81,179.71586666666667h18v2.3738666666666575h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 304.17; date (year): 2001" role="graphics-symbol" aria-roledescription="bar" d="M81,182.08973333333333h18v2.0278000000000134h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 261.92; date (year): 2002" role="graphics-symbol" aria-roledescription="bar" d="M81,184.11753333333334h18v1.7461333333333187h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 251.21; date (year): 2003" role="graphics-symbol" aria-roledescription="bar" d="M81,185.86366666666666h18v1.6747333333333358h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 272.09; date (year): 2004" role="graphics-symbol" aria-roledescription="bar" d="M81,187.5384h18v1.813933333333324h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 286.15; date (year): 2005" role="graphics-symbol" aria-roledescription="bar" d="M81,189.35233333333332h18v1.9076666666666995h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 297.1; date (year): 2006" role="graphics-symbol" aria-roledescription="bar" d="M81,191.26000000000002h18v1.9806666666666501h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 351.41; date (year): 2007" role="graphics-symbol" aria-roledescription="bar" d="M81,193.24066666666667h18v2.342733333333342h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 302.5; date (year): 2008" role="graphics-symbol" aria-roledescription="bar" d="M81,195.5834h18v2.0166666666666515h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 274.47; date (year): 2009" role="graphics-symbol" aria-roledescription="bar" d="M81,197.60006666666666h18v1.8298000000000059h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: MSFT; Sum of price: 85.52; date (year): 2010" role="graphics-symbol" aria-roledescription="bar" d="M81,199.42986666666667h18v0.5701333333333309h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 527.17; date (year): 2000" role="graphics-symbol" aria-roledescription="bar" d="M21,160.6506h18v3.5144666666666637h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 140.87; date (year): 2001" role="graphics-symbol" aria-roledescription="bar" d="M21,164.16506666666666h18v0.9391333333333307h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 200.68; date (year): 2002" role="graphics-symbol" aria-roledescription="bar" d="M21,165.1042h18v1.3378666666666845h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 468.2; date (year): 2003" role="graphics-symbol" aria-roledescription="bar" d="M21,166.44206666666668h18v3.1213333333333253h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 519.21; date (year): 2004" role="graphics-symbol" aria-roledescription="bar" d="M21,169.5634h18v3.4613999999999976h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 482.25; date (year): 2005" role="graphics-symbol" aria-roledescription="bar" d="M21,173.0248h18v3.2150000000000034h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 435.02; date (year): 2006" role="graphics-symbol" aria-roledescription="bar" d="M21,176.2398h18v2.9001333333333434h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 839.43; date (year): 2007" role="graphics-symbol" aria-roledescription="bar" d="M21,179.13993333333335h18v5.596199999999982h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 828.18; date (year): 2008" role="graphics-symbol" aria-roledescription="bar" d="M21,184.73613333333333h18v5.521199999999993h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 1088.77; date (year): 2009" role="graphics-symbol" aria-roledescription="bar" d="M21,190.25733333333332h18v7.2584666666666635h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AMZN; Sum of price: 372.63; date (year): 2010" role="graphics-symbol" aria-roledescription="bar" d="M21,197.51579999999998h18v2.4842000000000155h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1162.97; date (year): 2000" role="graphics-symbol" aria-roledescription="bar" d="M61,125.16579999999999h18v7.753133333333352h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1163.62; date (year): 2001" role="graphics-symbol" aria-roledescription="bar" d="M61,132.91893333333334h18v7.757466666666659h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 901.5; date (year): 2002" role="graphics-symbol" aria-roledescription="bar" d="M61,140.6764h18v6.009999999999991h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 927.69; date (year): 2003" role="graphics-symbol" aria-roledescription="bar" d="M61,146.6864h18v6.184599999999989h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1006.63; date (year): 2004" role="graphics-symbol" aria-roledescription="bar" d="M61,152.87099999999998h18v6.710866666666703h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 929.97; date (year): 2005" role="graphics-symbol" aria-roledescription="bar" d="M61,159.58186666666668h18v6.199799999999982h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 944.61; date (year): 2006" role="graphics-symbol" aria-roledescription="bar" d="M61,165.78166666666667h18v6.297399999999982h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1215.32; date (year): 2007" role="graphics-symbol" aria-roledescription="bar" d="M61,172.07906666666665h18v8.102133333333342h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1286.7; date (year): 2008" role="graphics-symbol" aria-roledescription="bar" d="M61,180.1812h18v8.578000000000003h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 1311.56; date (year): 2009" role="graphics-symbol" aria-roledescription="bar" d="M61,188.7592h18v8.743733333333324h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: IBM; Sum of price: 374.56; date (year): 2010" role="graphics-symbol" aria-roledescription="bar" d="M61,197.50293333333332h18v2.497066666666683h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 797.38; date (year): 2004" role="graphics-symbol" aria-roledescription="bar" d="M41,11.47206666666667h18v5.315866666666679h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 3437.67; date (year): 2005" role="graphics-symbol" aria-roledescription="bar" d="M41,16.78793333333335h18v22.917799999999986h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 4983.08; date (year): 2006" role="graphics-symbol" aria-roledescription="bar" d="M41,39.705733333333335h18v33.22053333333333h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 6585.1; date (year): 2007" role="graphics-symbol" aria-roledescription="bar" d="M41,72.92626666666666h18v43.90066666666668h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 5459.99; date (year): 2008" role="graphics-symbol" aria-roledescription="bar" d="M41,116.82693333333334h18v36.399933333333294h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 5399.04; date (year): 2009" role="graphics-symbol" aria-roledescription="bar" d="M41,153.22686666666664h18v35.99360000000004h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: GOOG; Sum of price: 1616.93; date (year): 2010" role="graphics-symbol" aria-roledescription="bar" d="M41,189.22046666666668h18v10.779533333333319h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 260.98; date (year): 2000" role="graphics-symbol" aria-roledescription="bar" d="M1,146.921h18v1.7398666666666713h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 122.11; date (year): 2001" role="graphics-symbol" aria-roledescription="bar" d="M1,148.66086666666666h18v0.8140666666666618h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 112.9; date (year): 2002" role="graphics-symbol" aria-roledescription="bar" d="M1,149.47493333333333h18v0.7526666666666699h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 112.17; date (year): 2003" role="graphics-symbol" aria-roledescription="bar" d="M1,150.2276h18v0.7478000000000122h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 224.68; date (year): 2004" role="graphics-symbol" aria-roledescription="bar" d="M1,150.9754h18v1.4978666666666527h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 578.06; date (year): 2005" role="graphics-symbol" aria-roledescription="bar" d="M1,152.47326666666666h18v3.853733333333338h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 864.52; date (year): 2006" role="graphics-symbol" aria-roledescription="bar" d="M1,156.327h18v5.763466666666659h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 1600.24; date (year): 2007" role="graphics-symbol" aria-roledescription="bar" d="M1,162.09046666666666h18v10.668266666666682h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 1661.77; date (year): 2008" role="graphics-symbol" aria-roledescription="bar" d="M1,172.75873333333334h18v11.078466666666685h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 1804.72; date (year): 2009" role="graphics-symbol" aria-roledescription="bar" d="M1,183.83720000000002h18v12.031466666666631h-18Z" fill="rgb(0, 0, 0)"/><path aria-label="symbol: AAPL; Sum of price: 619.7; date (year): 2010" role="graphics-symbol" aria-roledescription="bar" d="M1,195.86866666666666h18v4.131333333333345h-18Z" fill="rgb(0, 0, 0)"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Gradient legend titled 'date (year)' for fill color with values from 0NaN to 0NaN"><g transform="translate(118,0)"><path class="background" aria-hidden="true" d="M0,0h70v216h-70Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rect role-legend-gradient" pointer-events="none"><path d="M0,0h16v200h-16Z" fill="url(#gradient_0)" stroke="#ddd" stroke-width="0" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(18,103)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0NaN</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">date (year)</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g><defs><linearGradient id="gradient_0" x1="0" x2="0" y1="1" y2="0"><stop offset="0" stop-color="rgb(134, 188, 220)"/><stop offset="0.05" stop-color="rgb(130, 185, 219)"/><stop offset="0.1" stop-color="rgb(126, 183, 217)"/><stop offset="0.15" stop-color="rgb(123, 180, 216)"/><stop offset="0.2" stop-color="rgb(119, 177, 214)"/><stop offset="0.25" stop-color="rgb(115, 175, 213)"/><stop offset="0.3" stop-color="rgb(111, 172, 211)"/><stop offset="0.35" stop-color="rgb(107, 169, 210)"/><stop offset="0.4" stop-color="rgb(104, 167, 209)"/><stop offset="0.45" stop-color="rgb(100, 164, 207)"/><stop offset="0.5" stop-color="rgb(96, 161, 206)"/><stop offset="0.55" stop-color="rgb(92, 159, 204)"/><stop offset="0.6" stop-color="rgb(88, 156, 203)"/><stop offset="0.65" stop-color="rgb(85, 154, 202)"/><stop offset="0.7" stop-color="rgb(81, 151, 200)"/><stop offset="0.75" stop-color="rgb(77, 148, 199)"/><stop offset="0.8" stop-color="rgb(73, 146, 198)"/><stop offset="0.85" stop-color="rgb(69, 143, 196)"/><stop offset="0.9" stop-color="rgb(65, 140, 195)"/><stop offset="0.95" stop-color="rgb(60, 138, 193)"/><stop offset="1" stop-color="rgb(56, 135, 192)"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/examples/compiled/bar_temporal_color_config_time_unit_band_position.vg.json b/examples/compiled/bar_temporal_color_config_time_unit_band_position.vg.json
new file mode 100644
index 0000000000..92e1ca508c
--- /dev/null
+++ b/examples/compiled/bar_temporal_color_config_time_unit_band_position.vg.json
@@ -0,0 +1,149 @@
+{
+  "$schema": "https://vega.github.io/schema/vega/v5.json",
+  "description": "Stock prices of 5 Tech Companies over Time.",
+  "background": "white",
+  "padding": 5,
+  "height": 200,
+  "style": "cell",
+  "data": [
+    {
+      "name": "source_0",
+      "url": "data/stocks.csv",
+      "format": {"type": "csv", "parse": {"date": "date"}},
+      "transform": [
+        {
+          "field": "date",
+          "type": "timeunit",
+          "units": ["year"],
+          "as": ["year_date", "year_date_end"]
+        },
+        {
+          "type": "aggregate",
+          "groupby": ["symbol", "year_date", "year_date_end"],
+          "ops": ["sum"],
+          "fields": ["price"],
+          "as": ["sum_price"]
+        },
+        {
+          "type": "stack",
+          "groupby": ["symbol"],
+          "field": "sum_price",
+          "sort": {"field": ["year_date"], "order": ["descending"]},
+          "as": ["sum_price_start", "sum_price_end"],
+          "offset": "zero"
+        },
+        {
+          "type": "filter",
+          "expr": "isValid(datum[\"sum_price\"]) && isFinite(+datum[\"sum_price\"]) && (isDate(datum[\"year_date\"]) || (isValid(datum[\"year_date\"]) && isFinite(+datum[\"year_date\"])))"
+        }
+      ]
+    }
+  ],
+  "signals": [
+    {"name": "x_step", "value": 20},
+    {
+      "name": "width",
+      "update": "bandspace(domain('x').length, 0.1, 0.05) * x_step"
+    }
+  ],
+  "marks": [
+    {
+      "name": "marks",
+      "type": "rect",
+      "style": ["bar"],
+      "from": {"data": "source_0"},
+      "encode": {
+        "update": {
+          "fill": {"scale": "color", "field": "year_date"},
+          "ariaRoleDescription": {"value": "bar"},
+          "description": {
+            "signal": "\"symbol: \" + (isValid(datum[\"symbol\"]) ? datum[\"symbol\"] : \"\"+datum[\"symbol\"]) + \"; Sum of price: \" + (format(datum[\"sum_price\"], \"\")) + \"; date (year): \" + (timeFormat(datum[\"year_date\"], timeUnitSpecifier([\"year\"], {\"year-month\":\"%b %Y \",\"year-month-date\":\"%b %d, %Y \"})))"
+          },
+          "x": {"scale": "x", "field": "symbol"},
+          "width": {"signal": "max(0.25, bandwidth('x'))"},
+          "y": {"scale": "y", "field": "sum_price_end"},
+          "y2": {"scale": "y", "field": "sum_price_start"}
+        }
+      }
+    }
+  ],
+  "scales": [
+    {
+      "name": "x",
+      "type": "band",
+      "domain": {"data": "source_0", "field": "symbol", "sort": true},
+      "range": {"step": {"signal": "x_step"}},
+      "paddingInner": 0.1,
+      "paddingOuter": 0.05
+    },
+    {
+      "name": "y",
+      "type": "linear",
+      "domain": {
+        "data": "source_0",
+        "fields": ["sum_price_start", "sum_price_end"]
+      },
+      "range": [{"signal": "height"}, 0],
+      "nice": true,
+      "zero": true
+    },
+    {
+      "name": "color",
+      "type": "time",
+      "domain": {
+        "data": "source_0",
+        "fields": [
+          "year_date_offsetted_rect_start",
+          "year_date_offsetted_rect_end"
+        ]
+      },
+      "range": "ramp",
+      "interpolate": "hcl"
+    }
+  ],
+  "axes": [
+    {
+      "scale": "y",
+      "orient": "left",
+      "gridScale": "x",
+      "grid": true,
+      "tickCount": {"signal": "ceil(height/40)"},
+      "domain": false,
+      "labels": false,
+      "aria": false,
+      "maxExtent": 0,
+      "minExtent": 0,
+      "ticks": false,
+      "zindex": 0
+    },
+    {
+      "scale": "x",
+      "orient": "bottom",
+      "grid": false,
+      "title": "symbol",
+      "labelAlign": "right",
+      "labelAngle": 270,
+      "labelBaseline": "middle",
+      "zindex": 0
+    },
+    {
+      "scale": "y",
+      "orient": "left",
+      "grid": false,
+      "title": "Sum of price",
+      "labelOverlap": true,
+      "tickCount": {"signal": "ceil(height/40)"},
+      "zindex": 0
+    }
+  ],
+  "legends": [
+    {
+      "fill": "color",
+      "format": {
+        "signal": "timeUnitSpecifier([\"year\"], {\"year-month\":\"%b %Y \",\"year-month-date\":\"%b %d, %Y \"})"
+      },
+      "gradientLength": {"signal": "clamp(height, 64, 200)"},
+      "title": "date (year)"
+    }
+  ]
+}