diff --git a/src/images/areachart-original.svg b/src/images/areachart-original.svg
index 71e2b3c..672eaf6 100644
--- a/src/images/areachart-original.svg
+++ b/src/images/areachart-original.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="658" height="450" viewBox="0 0 658 450"><rect width="658" height="450" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(51,27)"><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,0h600v400h-600Z"/><g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,400.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(77,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(155,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(234,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(313,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(390,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(469,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(548,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" 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" 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,400)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,349)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,298)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,247)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,196)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,145)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,94)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,43)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" 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 for a time scale with values from понеділок, 01 січень 2018, 02:00:00 to неділя, 01 грудень 2019, 02:00:00"><g transform="translate(0.5,400.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(77,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(155,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(234,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(313,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(390,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(469,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(548,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="middle" transform="translate(77.14592274678111,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">кві 2018</text><text text-anchor="middle" transform="translate(155.25751072961373,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">лип 2018</text><text text-anchor="middle" transform="translate(234.22746781115882,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">жов 2018</text><text text-anchor="middle" transform="translate(313.23319027181685,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">січ 2019</text><text text-anchor="middle" transform="translate(390.450643776824,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">кві 2019</text><text text-anchor="middle" transform="translate(468.56223175965664,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">лип 2019</text><text text-anchor="middle" transform="translate(547.5321888412018,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">жов 2019</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="600" y2="0" stroke="#888" 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="Y-axis titled 'Coffee Price ($/lb)' for a linear scale with values from 0.5 to 0.9"><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,400)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,349)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,298)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,247)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,196)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,145)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,94)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,43)" 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,403)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.50</text><text text-anchor="end" transform="translate(-7,352.0316004077472)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.55</text><text text-anchor="end" transform="translate(-7,301.06320081549444)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.60</text><text text-anchor="end" transform="translate(-7,250.09480122324157)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.65</text><text text-anchor="end" transform="translate(-7,199.1264016309888)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.70</text><text text-anchor="end" transform="translate(-7,148.15800203873596)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.75</text><text text-anchor="end" transform="translate(-7,97.18960244648314)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.80</text><text text-anchor="end" transform="translate(-7,46.22120285423039)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.85</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,400)" x2="0" y2="-400" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-32.4091796875,200) rotate(-90) translate(0,-3)" font-family="sans-serif" font-size="12px" font-weight="bold" fill="#000" opacity="1">Coffee Price ($/lb)</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-area role-mark layer_0_marks" role="graphics-object" aria-roledescription="area mark container"><path aria-label="month: січ 01, 2018; Coffee Price ($/lb): 0.8865; Month: січ 01, 2018; Price: $0.886" role="graphics-symbol" aria-roledescription="area mark" d="M0,6.014L26.609,0L50.644,10.805L77.253,9.48L103.004,5.097L129.614,32.314L155.365,49.134L181.974,86.646L208.584,127.829L234.335,39.959L260.944,58.308L286.695,118.96L313.305,112.13L339.914,107.951L363.948,125.178L390.558,162.691L416.309,184.709L442.918,155.148L468.67,156.065L495.279,188.175L521.888,189.602L547.639,185.933L574.249,162.691L600,163.303L600,400L574.249,400L547.639,400L521.888,400L495.279,400L468.67,400L442.918,400L416.309,400L390.558,400L363.948,400L339.914,400L313.305,400L286.695,400L260.944,400L234.335,400L208.584,400L181.974,400L155.365,400L129.614,400L103.004,400L77.253,400L50.644,400L26.609,400L0,400Z" fill="#3182bd" stroke-width="1.5" opacity="0.6"/></g><g class="mark-line role-mark layer_1_marks" role="graphics-object" aria-roledescription="line mark container"><path aria-label="month: січ 01, 2018; Coffee Price ($/lb): 0.8865; Month: січ 01, 2018; Price: $0.886" role="graphics-symbol" aria-roledescription="line mark" d="M0,6.014L26.609,0L50.644,10.805L77.253,9.48L103.004,5.097L129.614,32.314L155.365,49.134L181.974,86.646L208.584,127.829L234.335,39.959L260.944,58.308L286.695,118.96L313.305,112.13L339.914,107.951L363.948,125.178L390.558,162.691L416.309,184.709L442.918,155.148L468.67,156.065L495.279,188.175L521.888,189.602L547.639,185.933L574.249,162.691L600,163.303" stroke="#4c78a8" stroke-width="2"/></g><g class="mark-group role-title"><g transform="translate(300,-22)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-text role-title-text" role="graphics-symbol" aria-roledescription="title" aria-label="Title text 'Robusta Coffee Price'" pointer-events="none"><text text-anchor="middle" transform="translate(0,13)" font-family="sans-serif" font-size="16px" font-weight="bold" fill="#000" opacity="1">Robusta Coffee Price</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></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="658" height="450" viewBox="0 0 658 450"><rect width="658" height="450" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(51,27)"><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,0h600v400h-600Z"/><g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,400.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(77,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(155,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(234,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(313,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(390,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(469,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(548,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" 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" 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,400)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,349)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,298)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,247)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,196)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,145)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,94)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,43)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" 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 for a time scale with values from January 2018 to December 2019"><g transform="translate(0.5,400.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(77,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(155,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(234,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(313,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(390,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(469,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(548,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="middle" transform="translate(77.14592274678111,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Apr 2018</text><text text-anchor="middle" transform="translate(155.25751072961373,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Jul 2018</text><text text-anchor="middle" transform="translate(234.22746781115882,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Oct 2018</text><text text-anchor="middle" transform="translate(313.23319027181685,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Jan 2019</text><text text-anchor="middle" transform="translate(390.450643776824,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Apr 2019</text><text text-anchor="middle" transform="translate(468.56223175965664,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Jul 2019</text><text text-anchor="middle" transform="translate(547.5321888412018,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">Oct 2019</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="600" y2="0" stroke="#888" 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="Y-axis titled 'Coffee Price ($/lb)' for a linear scale with values from 0.5 to 0.9"><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,400)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,349)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,298)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,247)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,196)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,145)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,94)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,43)" 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,403)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.50</text><text text-anchor="end" transform="translate(-7,352.0316004077472)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.55</text><text text-anchor="end" transform="translate(-7,301.06320081549444)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.60</text><text text-anchor="end" transform="translate(-7,250.09480122324157)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.65</text><text text-anchor="end" transform="translate(-7,199.1264016309888)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.70</text><text text-anchor="end" transform="translate(-7,148.15800203873596)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.75</text><text text-anchor="end" transform="translate(-7,97.18960244648314)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.80</text><text text-anchor="end" transform="translate(-7,46.22120285423039)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0.85</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,400)" x2="0" y2="-400" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-32.4091796875,200) rotate(-90) translate(0,-3)" font-family="sans-serif" font-size="12px" font-weight="bold" fill="#000" opacity="1">Coffee Price ($/lb)</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-area role-mark layer_0_marks" role="graphics-object" aria-roledescription="area mark container"><path aria-label="month: Jan 2018; Coffee Price ($/lb): 0.8865; Month: Jan 01, 2018; Price: $0.886" role="graphics-symbol" aria-roledescription="area mark" d="M0,6.014L26.609,0L50.644,10.805L77.253,9.48L103.004,5.097L129.614,32.314L155.365,49.134L181.974,86.646L208.584,127.829L234.335,39.959L260.944,58.308L286.695,118.96L313.305,112.13L339.914,107.951L363.948,125.178L390.558,162.691L416.309,184.709L442.918,155.148L468.67,156.065L495.279,188.175L521.888,189.602L547.639,185.933L574.249,162.691L600,163.303L600,400L574.249,400L547.639,400L521.888,400L495.279,400L468.67,400L442.918,400L416.309,400L390.558,400L363.948,400L339.914,400L313.305,400L286.695,400L260.944,400L234.335,400L208.584,400L181.974,400L155.365,400L129.614,400L103.004,400L77.253,400L50.644,400L26.609,400L0,400Z" fill="#3182bd" stroke-width="1.5" opacity="0.6"/></g><g class="mark-line role-mark layer_1_marks" role="graphics-object" aria-roledescription="line mark container"><path aria-label="month: Jan 2018; Coffee Price ($/lb): 0.8865; Month: Jan 01, 2018; Price: $0.886" role="graphics-symbol" aria-roledescription="line mark" d="M0,6.014L26.609,0L50.644,10.805L77.253,9.48L103.004,5.097L129.614,32.314L155.365,49.134L181.974,86.646L208.584,127.829L234.335,39.959L260.944,58.308L286.695,118.96L313.305,112.13L339.914,107.951L363.948,125.178L390.558,162.691L416.309,184.709L442.918,155.148L468.67,156.065L495.279,188.175L521.888,189.602L547.639,185.933L574.249,162.691L600,163.303" stroke="#4c78a8" stroke-width="2"/></g><g class="mark-group role-title"><g transform="translate(300,-22)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-text role-title-text" role="graphics-symbol" aria-roledescription="title" aria-label="Title text 'Robusta Coffee Price'" pointer-events="none"><text text-anchor="middle" transform="translate(0,13)" font-family="sans-serif" font-size="16px" font-weight="bold" fill="#000" opacity="1">Robusta Coffee Price</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></svg>
\ No newline at end of file