docs update

Author: alaa-eddine

docs/demos.md

@@ -12,6 +12,11 @@ A basic demo with static data
 
 [View Demo](demos/basic-01.html){: .btn .btn-primary }
 
+## Pine Script Demo
+
+This example shows how to load and run a native PineScript code using PineTS and QFChart
+[View Demo](demos/pinescript.html){: .btn .btn-primary }
+
 ## Full Chart
 
 Full featured chart : This demo uses PineTS to load market data from binance and calculate multiple indicators

docs/demos/pinescript.html

@@ -27,10 +27,12 @@
         </nav>
         <div id="container">
             <h1>PineScript Demo</h1>
+
             <p>
-                This demo uses the
-                <a href="https://github.com/QuantForgeOrg/PineTS" target="_blank">PineTS</a> library to load the market data and calculate multiple
-                indicators.
+                This demo loads and execute native pine script from this file
+                <a href="../data/cross-signal.pine" target="_blank">cross-signal.pine</a>, then uses
+                <a href="https://github.com/QuantForgeOrg/PineTS" target="_blank">PineTS</a> to execute it and get the results.<br />
+                The results are then used by QFChart to render the chart.
             </p>
             <hr />
             <div id="main-chart"><center>Loading...</center></div>
@@ -80,7 +82,7 @@ <h1>PineScript Demo</h1>
                 const chartContainer = document.getElementById('main-chart');
                 window.chart = new QFChart.QFChart(chartContainer, {
                     title: 'BTC/USDT', // Custom title
-                    height: '700px',
+                    height: '600px',
                     padding: 0.2,
                     databox: {
                         position: isMobileDevice ? 'floating' : 'right',