add medium img

Author: holtzy

src/notebooks/web-highlighted-lineplot-with-faceting.ipynb

@@ -162,6 +162,11 @@ export default function ConnectedScatter() {
               <ChartImage imgName={"web-text-repel-with-matplotlib-square"} caption={"Learn how to use the adjustText library to add many labels with no overlaps."} />
             </Link>
           </Col>
+          <Col xs={12} md={6}>
+            <Link to={"/web-highlighted-lineplot-with-faceting"}>
+              <ChartImage imgName={"web-highlighted-lineplot-with-faceting"} caption={"A multipanel connected scatterplot, with several groups displayed and one highlighted per panel."} />
+            </Link>
+          </Col>
         </Row>
       </Container>
 

src/pages/connected-scatter-plot.js

@@ -154,6 +154,11 @@ export default function LinePlot() {
               <ChartImage imgName={"web-time-series-and-facetting-with-matplotlib-square"} caption={"Display 2 line charts and fill the area between both. Also uses faceting to split by groups."} />
             </Link>
           </Col>
+          <Col xs={12} md={6}>
+            <Link to={"/web-highlighted-lineplot-with-faceting"}>
+              <ChartImage imgName={"web-highlighted-lineplot-with-faceting"} caption={"A multipanel connected scatterplot, with several groups displayed and one highlighted per panel."} />
+            </Link>
+          </Col>
         </Row>
       </Container>
 

src/pages/line-chart.js

@@ -161,6 +161,11 @@ export default function Pie() {
             caption="A highly customized lollipop chart made with Python and Matplotlib to display a timeseries."
             linkTo="/web-lollipop-plot-with-python-the-office"
           />
+          <ChartImageContainer
+            imgName="web-highlighted-lineplot-with-faceting-square"
+            caption="A multipanel connected scatterplot, with several groups displayed and one highlighted per panel."
+            linkTo="/web-highlighted-lineplot-with-faceting"
+          />
         </Row>
       </Container>