Merge pull request #467 from JosephBARBIERDARNAL/scatter

update scatter plot with seaborn section
holtzy · Aug 7, 2024 · 22f63a4 · 22f63a4
2 parents cd4d641 + e893750
commit 22f63a4
Show file tree

Hide file tree

Showing 12 changed files with 951 additions and 216 deletions.
diff --git a/src/notebooks/40-basic-scatterplot-seaborn.ipynb b/src/notebooks/40-basic-scatterplot-seaborn.ipynb
diff --git a/src/notebooks/41-control-marker-features.ipynb b/src/notebooks/41-control-marker-features.ipynb
diff --git a/src/notebooks/42-custom-linear-regression-fit-seaborn.ipynb b/src/notebooks/42-custom-linear-regression-fit-seaborn.ipynb
diff --git a/src/notebooks/43-use-categorical-variable-to-color-scatterplot-seaborn.ipynb b/src/notebooks/43-use-categorical-variable-to-color-scatterplot-seaborn.ipynb
diff --git a/src/notebooks/44-control-axis-limits-of-plot-seaborn.ipynb b/src/notebooks/44-control-axis-limits-of-plot-seaborn.ipynb
diff --git a/src/notebooks/45-control-color-of-each-marker-seaborn.ipynb b/src/notebooks/45-control-color-of-each-marker-seaborn.ipynb
diff --git a/src/notebooks/46-add-text-annotation-on-scatterplot.ipynb b/src/notebooks/46-add-text-annotation-on-scatterplot.ipynb
diff --git a/src/notebooks/47-faceted-scatter-plot-with-seaborn.ipynb b/src/notebooks/47-faceted-scatter-plot-with-seaborn.ipynb
diff --git a/src/pages/scatter-plot.js b/src/pages/scatter-plot.js
@@ -50,8 +50,8 @@ const quickCode = `# library & dataset
 import seaborn as sns
 df = sns.load_dataset('iris')
 
-# use the function regplot to make a scatterplot
-sns.regplot(x=df["sepal_length"], y=df["sepal_width"])
+# use the function scatterplot() to make a scatterplot
+sns.scatterplot(x=df["sepal_length"], y=df["sepal_width"])
 `;
 
 const quickCodeMatplotlib = `# libraries
@@ -88,9 +88,9 @@ export default function ScatterPlot() {
         <Row className="align-items-center">
           <Col md={6}>
             <p>
-              The <code>regplot()</code> function of the <code>Seaborn</code>{' '}
-              library is definitely the best way to build a scatterplot in
-              minutes. 🔥
+              The <code>scatterplot()</code> function of the{' '}
+              <code>Seaborn</code> library is definitely the best way to build a
+              scatterplot in seconds. 🔥
             </p>
             <p>
               Simply pass a numeric column of a data frame to both the{' '}
@@ -179,11 +179,6 @@ export default function ScatterPlot() {
             caption="Most basic scatterplot with seaborn"
             linkTo="/40-basic-scatterplot-seaborn"
           />
-          <ChartImageContainer
-            imgName="42_Scatterplot_custom_linear_fit_seaborn"
-            caption="Add a regression thanks to the fit_reg parameter"
-            linkTo="/42-custom-linear-regression-fit-seaborn"
-          />
           <ChartImageContainer
             imgName="41_Scatterplot_change_marker_shape_seaborn"
             caption="Customize markers: color, size, opacity, type and more"
@@ -210,6 +205,43 @@ export default function ScatterPlot() {
             linkTo="/46-add-text-annotation-on-scatterplot"
           />
         </Row>
+        <br />
+        <p>
+          A nice way to add info and highlight trend in a scatter plot is to add
+          a <b>regression line</b> on top of the dots. Thanks to its{' '}
+          <code>regplot()</code> and <code>lmplot()</code> function, it&apos;s
+          quite easy!
+        </p>
+        <p>
+          The main difference between those 2 functions are that:
+          <ul>
+            <li>
+              <code>regplot()</code> is used for simple scatter plot with a
+              trend line
+            </li>
+            <li>
+              <code>lmplot()</code> can also be used for <b>facetting</b>: e.g
+              creating multiple scatter plots
+            </li>
+          </ul>
+        </p>
+        <Row>
+          <ChartImageContainer
+            imgName="42_Scatterplot_custom_linear_fit_seaborn"
+            caption="Add a regression thanks to the fit_reg parameter"
+            linkTo="/42-custom-linear-regression-fit-seaborn"
+          />
+          <ChartImageContainer
+            imgName="47-faceted-scatter-plot-with-seaborn-1"
+            caption="Split scatter plot by a category"
+            linkTo="/47-faceted-scatter-plot-with-seaborn"
+          />
+          <ChartImageContainer
+            imgName="47-faceted-scatter-plot-with-seaborn-2"
+            caption="Faceted scatter plot with regression line"
+            linkTo="/47-faceted-scatter-plot-with-seaborn"
+          />
+        </Row>
       </Container>
 
       <Spacing />

diff --git a/static/graph/45_set_color_of_each_point_in_scatterplot_seaborn.png b/static/graph/45_set_color_of_each_point_in_scatterplot_seaborn.png
diff --git a/static/graph/47-faceted-scatter-plot-with-seaborn-1.png b/static/graph/47-faceted-scatter-plot-with-seaborn-1.png
diff --git a/static/graph/47-faceted-scatter-plot-with-seaborn-2.png b/static/graph/47-faceted-scatter-plot-with-seaborn-2.png