Merge pull request #234 from JosephBARBIERDARNAL/candlestick-plot

candlestick section + first notebooks
holtzy · Sep 27, 2023 · 6bc8d5d · 6bc8d5d
2 parents d754e03 + 286fa50
commit 6bc8d5d
Show file tree

Hide file tree

Showing 6 changed files with 416 additions and 1 deletion.
diff --git a/src/notebooks/529-multi-group-histogram-pandas.ipynb b/src/notebooks/529-multi-group-histogram-pandas.ipynb
@@ -317,7 +317,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.9.6"
+   "version": "3.9.13"
   },
   "seoDescription": "Show the distribution with histograms of different groups and variables with pandas and matplotlib",
   "slug": "529-multi-group-histogram-pandas",

diff --git a/src/notebooks/548-intro-candle-stick-matplotlib.ipynb b/src/notebooks/548-intro-candle-stick-matplotlib.ipynb
diff --git a/src/notebooks/549-candle-stick-with-moving-average.ipynb b/src/notebooks/549-candle-stick-with-moving-average.ipynb
diff --git a/src/pages/timeseries.js b/src/pages/timeseries.js
@@ -162,6 +162,33 @@ export default function Pie() {
 
       <Spacing />
 
+      <Container>
+        <h2 id="Line">Candlesticks</h2>
+        <p>
+          A <code>candlestick chart</code> is a style of financial chart used to describe
+          price movements. Each "candlestick" typically shows one day, with the <b>Open, High,
+          Low, and Close (OHLC)</b> values for each day.
+        </p>
+        <p>
+          Here are examples using <Link to="/matplotlib">mplfinance from matplotlib</Link> to
+          display the evolution of different prices.
+        </p>
+        <Row>
+          <ChartImageContainer
+            imgName="548-intro-candle-stick-matplotlib"
+            caption="How to make a candlestick chart with Matplotlib and mplfinance" 
+            linkTo="/548-intro-candle-stick-matplotlib"
+          />
+          <ChartImageContainer
+            imgName="549-candle-stick-with-moving-average"
+            caption="How to add one or several moving averages to a candlestick chart"
+            linkTo="/549-candle-stick-with-moving-average"
+          />
+        </Row>
+      </Container>
+
+      <Spacing />
+
       <Container>
         <h2 id="Best">
           <Matplotlib />

diff --git a/static/graph/548-intro-candle-stick-matplotlib.png b/static/graph/548-intro-candle-stick-matplotlib.png
diff --git a/static/graph/549-candle-stick-with-moving-average.png b/static/graph/549-candle-stick-with-moving-average.png