diff --git a/ggplot2/2021-08-04-2D-Histogram.Rmd b/ggplot2/2021-08-04-2D-Histogram.Rmd
index c2c3c018..7a4dcc29 100644
--- a/ggplot2/2021-08-04-2D-Histogram.Rmd
+++ b/ggplot2/2021-08-04-2D-Histogram.Rmd
@@ -1,9 +1,9 @@
 ---
 name: 2D-Histogram
-permalink: ggplot2/geom_density2d/
+permalink: ggplot2/2D-Histogram/
 description: How to make 2D-Histogram Plots plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/histogram2d.jpg
+thumnail_github: 2D-Histogram.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-axes.Rmd b/ggplot2/2021-08-04-axes.Rmd
index c8b2afc1..2f024f47 100644
--- a/ggplot2/2021-08-04-axes.Rmd
+++ b/ggplot2/2021-08-04-axes.Rmd
@@ -2,7 +2,7 @@
 description: How to work with Axes in ggplot2 with Plotly.
 name: Axes
 permalink: ggplot2/axes/
-thumbnail: thumbnail/axes.png
+thumnail_github: axes.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-bar-charts.Rmd b/ggplot2/2021-08-04-bar-charts.Rmd
index a2629258..b5048c05 100644
--- a/ggplot2/2021-08-04-bar-charts.Rmd
+++ b/ggplot2/2021-08-04-bar-charts.Rmd
@@ -4,7 +4,7 @@ name: Bar Plots
 display_as: basic
 order: 3
 permalink: ggplot2/bar-charts/
-thumbnail: thumbnail/bar.jpg
+thumnail_github: bar-charts.png
 layout: base
 language: ggplot2
 page_type: u-guide
diff --git a/ggplot2/2021-08-04-box-plots.Rmd b/ggplot2/2021-08-04-box-plots.Rmd
index d9685838..1e4c7d2f 100644
--- a/ggplot2/2021-08-04-box-plots.Rmd
+++ b/ggplot2/2021-08-04-box-plots.Rmd
@@ -3,7 +3,7 @@ name: Box Plots
 permalink: ggplot2/box-plots/
 description: How to make Box Plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/box.jpg
+thumnail_github: box-plots.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-bubble-charts.Rmd b/ggplot2/2021-08-04-bubble-charts.Rmd
index f6c91f12..28b0be68 100644
--- a/ggplot2/2021-08-04-bubble-charts.Rmd
+++ b/ggplot2/2021-08-04-bubble-charts.Rmd
@@ -4,7 +4,7 @@ name: Bubble Charts
 display_as: basic
 order: 5
 permalink: ggplot2/bubble-charts/
-thumbnail: thumbnail/bubble.jpg
+thumnail_github: bubble-charts.png
 layout: base
 language: ggplot2
 page_type: u-guide
diff --git a/ggplot2/2021-08-04-bubblecloud.Rmd b/ggplot2/2021-08-04-bubblecloud.Rmd
index f0b0792a..4104f914 100644
--- a/ggplot2/2021-08-04-bubblecloud.Rmd
+++ b/ggplot2/2021-08-04-bubblecloud.Rmd
@@ -3,7 +3,7 @@ name: Bubblecloud Plots
 permalink: ggplot2/bubblecloud/
 description: How to make a Bubblecloud Plots using ggplotly with Plotly.
 layout: base
-thumbnail: thumbnail/
+thumnail_github: bubblecloud.png
 language: ggplot2
 page_type: u-guide
 display_as: basic
diff --git a/ggplot2/2021-08-04-bullet-charts.Rmd b/ggplot2/2021-08-04-bullet-charts.Rmd
index 0773ac6b..3bab6731 100644
--- a/ggplot2/2021-08-04-bullet-charts.Rmd
+++ b/ggplot2/2021-08-04-bullet-charts.Rmd
@@ -2,7 +2,7 @@
 description: How to make Bullet Charts in ggplot2 with Plotly.
 name: Bullet Charts
 permalink: ggplot2/bullet-charts/
-thumbnail: thumbnail/bullet.png
+thumnail_github: bullet-charts.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/ggplot2/2021-08-04-choropleth-maps.Rmd b/ggplot2/2021-08-04-choropleth-maps.Rmd
index 39297c09..c7343d33 100644
--- a/ggplot2/2021-08-04-choropleth-maps.Rmd
+++ b/ggplot2/2021-08-04-choropleth-maps.Rmd
@@ -2,7 +2,7 @@
 description: How to make Choropleth Maps in ggplot2 with Plotly.
 name: Choropleth Maps
 permalink: ggplot2/choropleth-maps/
-thumbnail: thumbnail/choropleth.jpg
+thumnail_github: choropleth-maps.png
 layout: base
 language: ggplot2
 display_as: maps
diff --git a/ggplot2/2021-08-04-colorscales.Rmd b/ggplot2/2021-08-04-colorscales.Rmd
index 4b74bb4e..9cb41576 100644
--- a/ggplot2/2021-08-04-colorscales.Rmd
+++ b/ggplot2/2021-08-04-colorscales.Rmd
@@ -2,7 +2,7 @@
 description: How to make Continuous Color Scales and Color Bars in ggplot2 with Plotly.
 name: Continuous Color Scales and Color Bars
 permalink: ggplot2/colorscales/
-thumbnail: thumbnail/heatmap_colorscale.jpg
+thumnail_github: colorscales.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-continuous-error-bars.Rmd b/ggplot2/2021-08-04-continuous-error-bars.Rmd
index e26e0515..5ef0d649 100644
--- a/ggplot2/2021-08-04-continuous-error-bars.Rmd
+++ b/ggplot2/2021-08-04-continuous-error-bars.Rmd
@@ -2,7 +2,7 @@
 description: How to make Continuous Error Bands in ggplot2 with Plotly.
 name: Continuous Error Bands
 permalink: ggplot2/continuous-error-bars/
-thumbnail: thumbnail/error-cont.jpg
+thumnail_github: continuous-error-bars.png
 layout: base
 language: ggplot2
 display_as: statistical
diff --git a/ggplot2/2021-08-04-contour-plots.Rmd b/ggplot2/2021-08-04-contour-plots.Rmd
index 5a66a839..177b456b 100644
--- a/ggplot2/2021-08-04-contour-plots.Rmd
+++ b/ggplot2/2021-08-04-contour-plots.Rmd
@@ -3,7 +3,7 @@ name: Contour Plots
 permalink: ggplot2/contour-plots/
 description: How to make Contour Plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/contour.jpg
+thumnail_github: contour-plots.png
 language: ggplot2
 page_type: u-guide
 display_as: scientific
diff --git a/ggplot2/2021-08-04-dendrogram.Rmd b/ggplot2/2021-08-04-dendrogram.Rmd
index 8c6f4bcd..3ca45d5f 100644
--- a/ggplot2/2021-08-04-dendrogram.Rmd
+++ b/ggplot2/2021-08-04-dendrogram.Rmd
@@ -2,7 +2,7 @@
 description: How to make Dendrograms in ggplot2 with Plotly.
 name: Dendrograms
 permalink: ggplot2/dendrogram/
-thumbnail: thumbnail/dendrogram.jpg
+thumnail_github: dendrogram.png
 layout: base
 language: ggplot2
 display_as: scientific
diff --git a/ggplot2/2021-08-04-distplot.Rmd b/ggplot2/2021-08-04-distplot.Rmd
index c41fba89..482e044d 100644
--- a/ggplot2/2021-08-04-distplot.Rmd
+++ b/ggplot2/2021-08-04-distplot.Rmd
@@ -3,7 +3,7 @@ name: Distplots
 permalink: ggplot2/distplot/
 description: How to make Distplots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/distplot.jpg
+thumnail_github: distplot.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-dot-plots.Rmd b/ggplot2/2021-08-04-dot-plots.Rmd
index 22c267f4..6251844f 100644
--- a/ggplot2/2021-08-04-dot-plots.Rmd
+++ b/ggplot2/2021-08-04-dot-plots.Rmd
@@ -2,10 +2,10 @@
 description: How to make Dot Plots in ggplot2 with Plotly.
 name: Dot Plots
 permalink: ggplot2/dot-plots/
-thumbnail: thumbnail/dot-plot.jpg
+thumnail_github: dot-plots.png
 layout: base
 language: ggplot2
-display_as: base
+display_as: basic
 page_type: u-guide
 order: 6
 output:
diff --git a/ggplot2/2021-08-04-dumbbell-plots.Rmd b/ggplot2/2021-08-04-dumbbell-plots.Rmd
index 5d431ebc..8639fcca 100644
--- a/ggplot2/2021-08-04-dumbbell-plots.Rmd
+++ b/ggplot2/2021-08-04-dumbbell-plots.Rmd
@@ -2,7 +2,7 @@
 description: How to make Dumbbell Plots in ggplot2 with Plotly.
 name: Dumbbell Plots
 permalink: ggplot2/dumbbell-plots/
-thumbnail: thumbnail/dumbbell-plot.jpg
+thumnail_github: dumbbell-plots.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-error-bars.Rmd b/ggplot2/2021-08-04-error-bars.Rmd
index 3ec36f3d..4d729e19 100644
--- a/ggplot2/2021-08-04-error-bars.Rmd
+++ b/ggplot2/2021-08-04-error-bars.Rmd
@@ -3,10 +3,10 @@ name: Error Bars
 permalink: ggplot2/error-bars/
 description: How to make Error Plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/error-bar.jpg
+thumnail_github: error-bars.png
 language: ggplot2
 page_type: u-guide
-display_as: statistics
+display_as: statistical
 order: 1
 output:
   html_document:
diff --git a/ggplot2/2021-08-04-facet-plots.Rmd b/ggplot2/2021-08-04-facet-plots.Rmd
index 58b3273a..3535640f 100644
--- a/ggplot2/2021-08-04-facet-plots.Rmd
+++ b/ggplot2/2021-08-04-facet-plots.Rmd
@@ -3,7 +3,7 @@ name: Facet Plots
 permalink: ggplot2/facet-plots/
 description: How to make Facet Plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/facet-trellis-thumbnail.jpg
+thumnail_github: facet-plots.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-figure-labels.Rmd b/ggplot2/2021-08-04-figure-labels.Rmd
index 749b77bf..e4168f7e 100644
--- a/ggplot2/2021-08-04-figure-labels.Rmd
+++ b/ggplot2/2021-08-04-figure-labels.Rmd
@@ -2,7 +2,7 @@
 description: How to Set the Font, Title, Legend Entries, and Axis Titles in ggplot2 with Plotly.
 name: Setting the Font, Title, Legend Entries, and Axis Titles
 permalink: ggplot2/figure-labels/
-thumbnail: thumbnail/figure-labels.png
+thumnail_github: figure-labels.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-filled-area-plots.Rmd b/ggplot2/2021-08-04-filled-area-plots.Rmd
index a770604a..b325cdb6 100644
--- a/ggplot2/2021-08-04-filled-area-plots.Rmd
+++ b/ggplot2/2021-08-04-filled-area-plots.Rmd
@@ -2,7 +2,7 @@
 description: How to make Filled Area Plots in ggplot2 with Plotly.
 name: Filled Area
 permalink: ggplot2/filled-area-plots/
-thumbnail: thumbnail/area.jpg
+thumnail_github: filled-area-plots.png
 layout: base
 language: ggplot2
 display_as: basic
diff --git a/ggplot2/2021-08-04-funnel-charts.Rmd b/ggplot2/2021-08-04-funnel-charts.Rmd
index 3b871f6e..ee1293eb 100644
--- a/ggplot2/2021-08-04-funnel-charts.Rmd
+++ b/ggplot2/2021-08-04-funnel-charts.Rmd
@@ -2,7 +2,7 @@
 description: How to make Funnel Chart in ggplot2 with Plotly.
 name: Funnel Chart
 permalink: ggplot2/funnel-charts/
-thumbnail: thumbnail/funnel.jpg
+thumnail_github: funnel-charts.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/ggplot2/2021-08-04-gantt.Rmd b/ggplot2/2021-08-04-gantt.Rmd
index 53af5e41..6f70b42a 100644
--- a/ggplot2/2021-08-04-gantt.Rmd
+++ b/ggplot2/2021-08-04-gantt.Rmd
@@ -2,7 +2,7 @@
 description: How to make Gantt Charts in ggplot2 with Plotly.
 name: Gantt Charts
 permalink: ggplot2/gantt/
-thumbnail: thumbnail/gantt.jpg
+thumnail_github: gantt.png
 layout: base
 language: ggplot2
 display_as: basic
diff --git a/ggplot2/2021-08-04-heatmaps.Rmd b/ggplot2/2021-08-04-heatmaps.Rmd
index 9036f248..1c7c68d8 100644
--- a/ggplot2/2021-08-04-heatmaps.Rmd
+++ b/ggplot2/2021-08-04-heatmaps.Rmd
@@ -3,7 +3,7 @@ name: Heatmaps
 permalink: ggplot2/heatmaps/
 description: How to make Heatmaps plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/heatmap.jpg
+thumnail_github: heatmap.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-histograms.Rmd b/ggplot2/2021-08-04-histograms.Rmd
index ba8df11b..b8381512 100644
--- a/ggplot2/2021-08-04-histograms.Rmd
+++ b/ggplot2/2021-08-04-histograms.Rmd
@@ -3,7 +3,7 @@ name: Histograms
 permalink: ggplot2/histograms/
 description: How to make Histogram Plots in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/histogram.jpg
+thumnail_github: histograms.png
 language: ggplot2
 page_type: u-guide
 display_as: statistical
diff --git a/ggplot2/2021-08-04-horizontal-bar-charts.Rmd b/ggplot2/2021-08-04-horizontal-bar-charts.Rmd
index 70d217a5..7c1bfec9 100644
--- a/ggplot2/2021-08-04-horizontal-bar-charts.Rmd
+++ b/ggplot2/2021-08-04-horizontal-bar-charts.Rmd
@@ -4,7 +4,7 @@ name: Horizontal Bar
 display_as: basic
 order: 8
 permalink: ggplot2/horizontal-bar-charts/
-thumbnail: thumbnail/horizontal-bar.jpg
+thumnail_github: horizontal-bar-charts.png
 layout: base
 language: ggplot2
 page_type: u-guide
diff --git a/ggplot2/2021-08-04-horizontal-vertical-shapes.Rmd b/ggplot2/2021-08-04-horizontal-vertical-shapes.Rmd
index cd5f2c85..ed6e3d1b 100644
--- a/ggplot2/2021-08-04-horizontal-vertical-shapes.Rmd
+++ b/ggplot2/2021-08-04-horizontal-vertical-shapes.Rmd
@@ -2,7 +2,7 @@
 description: How to add Horizontal and Vertical Lines in ggplot2 with Plotly.
 name: Horizontal and Vertical Lines
 permalink: ggplot2/horizontal-vertical-shapes/
-thumbnail: thumbnail/shape.jpg
+thumnail_github: orizontal-vertical-shapes.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-hover-text-and-formatting.Rmd b/ggplot2/2021-08-04-hover-text-and-formatting.Rmd
index a3c27c98..8903f943 100644
--- a/ggplot2/2021-08-04-hover-text-and-formatting.Rmd
+++ b/ggplot2/2021-08-04-hover-text-and-formatting.Rmd
@@ -3,7 +3,7 @@ name: Hover Text and Formatting
 permalink: ggplot2/hover-text-and-formatting/
 description: How to use hover text and formatting in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/hover-text.png
+thumnail_github: hover-text.png
 language: ggplot2
 page_type: u-guide
 display_as: base
diff --git a/ggplot2/2021-08-04-knn-classification.Rmd b/ggplot2/2021-08-04-knn-classification.Rmd
index e5858bce..435139d9 100644
--- a/ggplot2/2021-08-04-knn-classification.Rmd
+++ b/ggplot2/2021-08-04-knn-classification.Rmd
@@ -2,7 +2,7 @@
 description: How to do kNN Classification in ggplot2 with Plotly.
 name: kNN Classification
 permalink: ggplot2/knn-classification/
-thumbnail: thumbnail/knn-classification.png
+thumnail_github: knn-classification.png
 layout: base
 language: ggplot2
 display_as: ai_ml
diff --git a/ggplot2/2021-08-04-legend.Rmd b/ggplot2/2021-08-04-legend.Rmd
index 3741d786..635d1b51 100644
--- a/ggplot2/2021-08-04-legend.Rmd
+++ b/ggplot2/2021-08-04-legend.Rmd
@@ -2,7 +2,7 @@
 description: How to work with Legends in ggplot2 with Plotly.
 name: Legends
 permalink: ggplot2/legend/
-thumbnail: thumbnail/legends.gif
+thumnail_github: legends.gif
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-line-and-scatter.Rmd b/ggplot2/2021-08-04-line-and-scatter.Rmd
index c003bed1..0be1ba0d 100644
--- a/ggplot2/2021-08-04-line-and-scatter.Rmd
+++ b/ggplot2/2021-08-04-line-and-scatter.Rmd
@@ -4,7 +4,7 @@ name: Scatter Plots
 display_as: basic
 order: 1
 permalink: ggplot2/line-and-scatter/
-thumbnail: thumbnail/line-and-scatter.jpg
+thumnail_github: line-and-scatter.png
 layout: base
 language: ggplot2
 page_type: u-guide
diff --git a/ggplot2/2021-08-04-line-charts.Rmd b/ggplot2/2021-08-04-line-charts.Rmd
index 3aeb048d..5b61a953 100644
--- a/ggplot2/2021-08-04-line-charts.Rmd
+++ b/ggplot2/2021-08-04-line-charts.Rmd
@@ -3,11 +3,11 @@ name: Line Charts
 permalink: ggplot2/line-charts/
 description: How to make Line Charts in ggplot2 with geom_line in Plotly.
 layout: base
-thumbnail: thumbnail/line-plot.jpg
+thumnail_github: line-charts.png
 language: ggplot2
 page_type: u-guide
-display_as: basic
-order: 2
+display_as: file_settings
+order: 22
 output:
   html_document:
     keep_md: true
diff --git a/ggplot2/2021-08-04-log-plot.Rmd b/ggplot2/2021-08-04-log-plot.Rmd
index 3c8a18ec..da8a4370 100644
--- a/ggplot2/2021-08-04-log-plot.Rmd
+++ b/ggplot2/2021-08-04-log-plot.Rmd
@@ -2,7 +2,7 @@
 description: How to make Log Plots in ggplot2 with Plotly.
 name: Log Plots
 permalink: ggplot2/log-plot/
-thumbnail: thumbnail/log.jpg
+thumnail_github: log-plot.png
 layout: base
 language: ggplot2
 display_as: scientific
diff --git a/ggplot2/2021-08-04-maps-sf.Rmd b/ggplot2/2021-08-04-maps-sf.Rmd
index 0de278ba..62659624 100644
--- a/ggplot2/2021-08-04-maps-sf.Rmd
+++ b/ggplot2/2021-08-04-maps-sf.Rmd
@@ -3,7 +3,7 @@ name: Simple Features in Maps
 permalink: ggplot2/maps-sf/
 description: How to use Simple Features in Maps with Plotly.
 layout: base
-thumbnail: thumbnail/sf.jpg
+thumnail_github: maps-sf.png
 language: ggplot2
 page_type: example_index
 display_as: maps
diff --git a/ggplot2/2021-08-04-marker-style.Rmd b/ggplot2/2021-08-04-marker-style.Rmd
index 7dae9f1c..021c8a1b 100644
--- a/ggplot2/2021-08-04-marker-style.Rmd
+++ b/ggplot2/2021-08-04-marker-style.Rmd
@@ -2,7 +2,7 @@
 description: How to Style Markers in ggplot2 with Plotly.
 name: Styling Markers
 permalink: ggplot2/marker-style/
-thumbnail: thumbnail/marker-style.gif
+thumnail_github: marker-style.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-ml-regression.Rmd b/ggplot2/2021-08-04-ml-regression.Rmd
index 74851326..26163da6 100644
--- a/ggplot2/2021-08-04-ml-regression.Rmd
+++ b/ggplot2/2021-08-04-ml-regression.Rmd
@@ -2,7 +2,7 @@
 description: How to make ML Regression Plots in ggplot2 with Plotly.
 name: ML Regression
 permalink: ggplot2/ml-regression/
-thumbnail: thumbnail/ml-regression.png
+thumnail_github: ml-regression.png
 layout: base
 language: ggplot2
 display_as: ai_ml
diff --git a/ggplot2/2021-08-04-network-graphs.Rmd b/ggplot2/2021-08-04-network-graphs.Rmd
index 18cdbdfe..a889a9eb 100644
--- a/ggplot2/2021-08-04-network-graphs.Rmd
+++ b/ggplot2/2021-08-04-network-graphs.Rmd
@@ -2,7 +2,7 @@
 description: How to make Network Graphs in ggplot2 with Plotly.
 name: Network Graphs
 permalink: ggplot2/network-graphs/
-thumbnail: thumbnail/net.jpg
+thumnail_github: network-graphs.png
 layout: base
 language: ggplot2
 display_as: scientific
diff --git a/ggplot2/2021-08-04-ohlc-charts.Rmd b/ggplot2/2021-08-04-ohlc-charts.Rmd
index d5c73d3b..8619aa0d 100644
--- a/ggplot2/2021-08-04-ohlc-charts.Rmd
+++ b/ggplot2/2021-08-04-ohlc-charts.Rmd
@@ -2,7 +2,7 @@
 description: How to make OHLC Charts in ggplot2 with Plotly.
 name: OHLC Charts
 permalink: ggplot2/ohlc-charts/
-thumbnail: thumbnail/ohlc.jpg
+thumnail_github: ohlc-charts.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/ggplot2/2021-08-04-parallel-coordinates-plot.Rmd b/ggplot2/2021-08-04-parallel-coordinates-plot.Rmd
index 4ca347a4..1c2174ef 100644
--- a/ggplot2/2021-08-04-parallel-coordinates-plot.Rmd
+++ b/ggplot2/2021-08-04-parallel-coordinates-plot.Rmd
@@ -2,7 +2,7 @@
 description: How to make Parallel Coordinates Plot in ggplot2 with Plotly.
 name: Parallel Coordinates Plot
 permalink: ggplot2/parallel-coordinates-plot/
-thumbnail: thumbnail/parcoords.jpg
+thumnail_github: parallel-coordinates-plot.png
 layout: base
 language: ggplot2
 display_as: scientific
diff --git a/ggplot2/2021-08-04-pareto-plots.Rmd b/ggplot2/2021-08-04-pareto-plots.Rmd
index 224e443a..e38d6d3d 100644
--- a/ggplot2/2021-08-04-pareto-plots.Rmd
+++ b/ggplot2/2021-08-04-pareto-plots.Rmd
@@ -2,7 +2,7 @@
 description: How to make Pareto Plots in ggplot2 with Plotly.
 name: Pareto Plots
 permalink: ggplot2/pareto-plots/
-thumbnail: thumbnail/
+thumnail_github: pareto-plots.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/ggplot2/2021-08-04-pca-visualization.Rmd b/ggplot2/2021-08-04-pca-visualization.Rmd
index e228077c..d127458b 100644
--- a/ggplot2/2021-08-04-pca-visualization.Rmd
+++ b/ggplot2/2021-08-04-pca-visualization.Rmd
@@ -2,7 +2,7 @@
 description: How to do PCA Visualization in ggplot2 with Plotly.
 name: PCA Visualization
 permalink: ggplot2/pca-visualization/
-thumbnail: thumbnail/ml-pca.png
+thumnail_github: pca-visualization.png
 layout: base
 language: ggplot2
 display_as: ai_ml
diff --git a/ggplot2/2021-08-04-plot-data-from-csv.Rmd b/ggplot2/2021-08-04-plot-data-from-csv.Rmd
index d21e7cbf..17f2674f 100644
--- a/ggplot2/2021-08-04-plot-data-from-csv.Rmd
+++ b/ggplot2/2021-08-04-plot-data-from-csv.Rmd
@@ -2,10 +2,10 @@
 description: How to Plot CSV Data in ggplot2 with Plotly.
 name: Plot CSV Data
 permalink: ggplot2/plot-data-from-csv/
-thumbnail: thumbnail/csv.jpg
+thumnail_github: csv.png
 layout: base
 language: ggplot2
-display_as: advanced
+display_as: advanced_opt
 page_type: u-guide
 order: 1
 output:
diff --git a/ggplot2/2021-08-04-quiver-plots.Rmd b/ggplot2/2021-08-04-quiver-plots.Rmd
index d810d192..8d119e3c 100644
--- a/ggplot2/2021-08-04-quiver-plots.Rmd
+++ b/ggplot2/2021-08-04-quiver-plots.Rmd
@@ -3,7 +3,7 @@ name: Quiver Plots
 permalink: ggplot2/quiver-plots/
 description: How to use make Quiver Plots with `geom_spoke` in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/quiver-plot.jpg
+thumnail_github: quiver-plots.png
 language: ggplot2
 page_type: u-guide
 display_as: scientific
diff --git a/ggplot2/2021-08-04-radar-chart.Rmd b/ggplot2/2021-08-04-radar-chart.Rmd
index 4b4eef44..79496517 100644
--- a/ggplot2/2021-08-04-radar-chart.Rmd
+++ b/ggplot2/2021-08-04-radar-chart.Rmd
@@ -2,7 +2,7 @@
 description: How to make Radar Charts in ggplot2 with Plotly.
 name: Radar Charts
 permalink: ggplot2/radar-chart/
-thumbnail: thumbnail/radar.gif
+thumnail_github: radar.gif
 layout: base
 language: ggplot2
 display_as: scientific
diff --git a/ggplot2/2021-08-04-random-walk.Rmd b/ggplot2/2021-08-04-random-walk.Rmd
index e904eeac..1819dad1 100644
--- a/ggplot2/2021-08-04-random-walk.Rmd
+++ b/ggplot2/2021-08-04-random-walk.Rmd
@@ -2,10 +2,10 @@
 description: How to make Random Walk in ggplot2 with Plotly.
 name: Random Walk
 permalink: ggplot2/random-walk/
-thumbnail: thumbnail/static-image
+thumnail_github: static-image
 layout: base
 language: ggplot2
-display_as: advanced
+display_as: advanced_opt
 page_type: u-guide
 order: 2
 output:
diff --git a/ggplot2/2021-08-04-roc-and-pr-curves.Rmd b/ggplot2/2021-08-04-roc-and-pr-curves.Rmd
index 37119974..db32c5e4 100644
--- a/ggplot2/2021-08-04-roc-and-pr-curves.Rmd
+++ b/ggplot2/2021-08-04-roc-and-pr-curves.Rmd
@@ -2,7 +2,7 @@
 description: How to make ROC and PR Curves in ggplot2 with Plotly.
 name: ROC and PR Curves
 permalink: ggplot2/roc-and-pr-curves/
-thumbnail: thumbnail/ml-roc-pr.png
+thumnail_github: ml-roc-pr.png
 layout: base
 language: ggplot2
 display_as: ai_ml
diff --git a/ggplot2/2021-08-04-scatter-plots-on-maps.Rmd b/ggplot2/2021-08-04-scatter-plots-on-maps.Rmd
index 3ad41a6a..54a66b98 100644
--- a/ggplot2/2021-08-04-scatter-plots-on-maps.Rmd
+++ b/ggplot2/2021-08-04-scatter-plots-on-maps.Rmd
@@ -1,9 +1,10 @@
 ---
 description:  How to make Scatter Plots on Maps plots in ggplot2 with Plotly.
+name: Scatter Plots on Maps
 permalink: /ggplot2/scatter-plots-on-maps/
+thumnail_github: maps-sf.png
 layout: base
 language: ggplot2
-name: Scatter Plots on Maps
 display_as: maps
 page_type: u-guide
 order: 11
diff --git a/ggplot2/2021-08-04-setting-graph-size.Rmd b/ggplot2/2021-08-04-setting-graph-size.Rmd
index 93610ec5..deb79fe8 100644
--- a/ggplot2/2021-08-04-setting-graph-size.Rmd
+++ b/ggplot2/2021-08-04-setting-graph-size.Rmd
@@ -2,7 +2,7 @@
 description: How to Set Graph Size in ggplot2 with Plotly.
 name: Setting Graph Size
 permalink: ggplot2/setting-graph-size/
-thumbnail: thumbnail/sizing.png
+thumnail_github: setting-graph-size.png
 layout: base
 language: ggplot2
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-shapes.Rmd b/ggplot2/2021-08-04-shapes.Rmd
index 267fd280..11141b35 100644
--- a/ggplot2/2021-08-04-shapes.Rmd
+++ b/ggplot2/2021-08-04-shapes.Rmd
@@ -3,7 +3,7 @@ name: Shapes
 permalink: ggplot2/shapes/
 description: How to make Shapes in ggplot2 with Plotly.
 layout: base
-thumbnail: thumbnail/shape.jpg
+thumnail_github: shapes.png
 language: ggplot2
 page_type: example_index
 display_as: file_settings
diff --git a/ggplot2/2021-08-04-smoothing.Rmd b/ggplot2/2021-08-04-smoothing.Rmd
index 8509f800..a3a3badd 100644
--- a/ggplot2/2021-08-04-smoothing.Rmd
+++ b/ggplot2/2021-08-04-smoothing.Rmd
@@ -3,10 +3,10 @@ name: Smoothing
 permalink: ggplot2/smoothing/
 description: How to use Smoothing in ggplot2 online to add a line with specified slope and intercept to the plot.
 layout: base
-thumbnail: thumbnail/line-plots.jpg
+thumnail_github: line-plots.png
 language: ggplot2
 page_type: example_index
-display_as: advanced
+display_as: advanced_opt
 order: 4
 output:
   html_document:
diff --git a/ggplot2/2021-08-04-splom.Rmd b/ggplot2/2021-08-04-splom.Rmd
index f606e448..0c0705b9 100644
--- a/ggplot2/2021-08-04-splom.Rmd
+++ b/ggplot2/2021-08-04-splom.Rmd
@@ -2,7 +2,7 @@
 description: How to make Scatterplot Matrix using `ggpairs()` in ggplot2 with Plotly.
 name: Scatterplot Matrix
 permalink: ggplot2/splom/
-thumbnail: thumbnail/splom_image.jpg
+thumnail_github: splom.png
 layout: base
 language: ggplot2
 display_as: statistical
diff --git a/ggplot2/2021-08-04-stair-plots.Rmd b/ggplot2/2021-08-04-stair-plots.Rmd
index fa0708e2..7519483e 100644
--- a/ggplot2/2021-08-04-stair-plots.Rmd
+++ b/ggplot2/2021-08-04-stair-plots.Rmd
@@ -2,7 +2,7 @@
 description: How to make Stair Plots in ggplot2 with Plotly.
 name: Stair Plots
 permalink: ggplot2/stair-plots/
-thumbnail: thumbnail/
+thumnail_github: stair-plots.png
 layout: base
 language: ggplot2
 display_as: basic 
diff --git a/ggplot2/2021-08-04-stem-plots.Rmd b/ggplot2/2021-08-04-stem-plots.Rmd
index b4c67f97..a0b0c4bf 100644
--- a/ggplot2/2021-08-04-stem-plots.Rmd
+++ b/ggplot2/2021-08-04-stem-plots.Rmd
@@ -2,7 +2,7 @@
 description: How to make Stem Plots in ggplot2 with Plotly.
 name: Stem Plots
 permalink: ggplot2/stem-plots/
-thumbnail: thumbnail/
+thumnail_github: stem-plots.png
 layout: base
 language: ggplot2
 display_as: statistical
diff --git a/ggplot2/2021-08-04-strip-charts.Rmd b/ggplot2/2021-08-04-strip-charts.Rmd
index 4770489e..3bce6933 100644
--- a/ggplot2/2021-08-04-strip-charts.Rmd
+++ b/ggplot2/2021-08-04-strip-charts.Rmd
@@ -2,7 +2,7 @@
 description: How to make Strip Charts in ggplot2 with Plotly.
 name: Strip Charts
 permalink: ggplot2/strip-charts/
-thumbnail: thumbnail/figure-labels.png
+thumnail_github: strip-charts.png
 layout: base
 language: ggplot2
 display_as: statistical
diff --git a/ggplot2/2021-08-04-text-and-annotations.Rmd b/ggplot2/2021-08-04-text-and-annotations.Rmd
index faaa0ed8..f7ed48a6 100644
--- a/ggplot2/2021-08-04-text-and-annotations.Rmd
+++ b/ggplot2/2021-08-04-text-and-annotations.Rmd
@@ -1,9 +1,10 @@
 ---
-description: Adding annotations in ggplot2 with Plotly.
+name: Text and Annotations
 permalink: /ggplot2/text-and-annotations/
+description: Adding annotations in ggplot2 with Plotly.
 layout: base
+thumnail_github: text-and-annotations.png
 language: ggplot2
-name: Text and Annotations
 page_type: u-guide
 display_as: file_settings
 order: 21
diff --git a/ggplot2/2021-08-04-time-series.Rmd b/ggplot2/2021-08-04-time-series.Rmd
index 78c0c51d..6644418b 100644
--- a/ggplot2/2021-08-04-time-series.Rmd
+++ b/ggplot2/2021-08-04-time-series.Rmd
@@ -2,7 +2,7 @@
 description: How to make Time Series and Date Axes in ggplot2 with Plotly.
 name: Time Series and Date Axes
 permalink: ggplot2/time-series/
-thumbnail: thumbnail/time-series.jpg
+thumnail_github: time-series.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/ggplot2/2021-08-04-violin.Rmd b/ggplot2/2021-08-04-violin.Rmd
index 0e8fa552..2b7d5ef4 100644
--- a/ggplot2/2021-08-04-violin.Rmd
+++ b/ggplot2/2021-08-04-violin.Rmd
@@ -2,7 +2,7 @@
 description: How to make Violin Plots in ggplot2 with Plotly.
 name: Violin Plots
 permalink: ggplot2/violin/
-thumbnail: thumbnail/violin.jpg
+thumnail_github: violin.png
 layout: base
 language: ggplot2
 display_as: statistical
@@ -200,118 +200,11 @@ p <- p + geom_violin(draw_quantiles = c(0.25, 0.5, 0.75))
 plotly::ggplotly(p)
 ```
 
-
-# Example
-
-
-```{r}
-library(plotly)
-library(ggplot2)
-
-p <-   
- if (require("ggplot2movies")) {
-  # Scale transformations occur before the density statistics are computed.
-  # Coordinate transformations occur afterwards.  Observe the effect on the
-  # number of outliers.
-  m <- ggplot(movies, aes(y = votes, x = rating, group = cut_width(rating, 0.5)))
-  m + geom_violin()
-  m +
-    geom_violin() +
-    scale_y_log10()
-  m +
-    geom_violin() +
-    coord_trans(y = "log10")
-  m +
-    geom_violin() +
-    scale_y_log10() + coord_trans(y = "log10")
-
-  # Violin plots with continuous x:
-  # Use the group aesthetic to group observations in violins
-  ggplot(movies, aes(year, budget)) +
-    geom_violin()
-  ggplot(movies, aes(year, budget)) +
-    geom_violin(aes(group = cut_width(year, 10)), scale = "width")
-}
-
-plotly::ggplotly(p)
-```
-
-### Basic violin plot
-A basic violin plot showing how Democratic vote share in the 2018 elections to the US House of Representatives varied by level of density. A horizontal bar is added, to divide candidates who lost from those who won.
-
-Source: [Dave Wassermann and Ally Flinn](https://docs.google.com/spreadsheets/d/1WxDaxD5az6kdOjJncmGph37z0BPNhV1fNAH_g7IkpC0/htmlview?sle=true#gid=0) for the election results and CityLab for its [Congressional Density Index](https://github.com/theatlantic/citylab-data/tree/master/citylab-congress). Regional classifications are according to the Census Bureau.
-
-```{r}
-library(plotly)
-library(ggplot2)
-
-district_density <- read.csv("https://raw.githubusercontent.com/plotly/datasets/master/district_density.csv", stringsAsFactors = FALSE)
-district_density$cluster <- factor(district_density$cluster, levels=c("Pure urban", "Urban-suburban mix", "Dense suburban", "Sparse suburban", "Rural-suburban mix", "Pure rural"))
-district_density$region <- factor(district_density$region, levels=c("West", "South", "Midwest", "Northeast"))
-
-p <- ggplot(district_density,aes(x=cluster, y=dem_margin, fill=cluster)) +
-  geom_violin(colour=NA) +
-  geom_hline(yintercept=0, alpha=0.5) +
-  labs(title = "Democratic performance in the 2018 House elections, by region and density",
-       x = "Density Index\nfrom CityLab",
-       y = "Margin of Victory/Defeat")
-
-ggplotly(p)
-```
-
-
 ### Add facetting
 Including facetting by region.
 
-```{r}
-library(plotly)
-library(ggplot2)
-
-district_density <- read.csv("https://raw.githubusercontent.com/plotly/datasets/master/district_density.csv", stringsAsFactors = FALSE)
-district_density$cluster <- factor(district_density$cluster, levels=c("Pure urban", "Urban-suburban mix", "Dense suburban", "Sparse suburban", "Rural-suburban mix", "Pure rural"))
-district_density$region <- factor(district_density$region, levels=c("West", "South", "Midwest", "Northeast"))
-
-p <- ggplot(district_density,aes(x=cluster, y=dem_margin, fill=cluster)) +
-  geom_violin(colour=NA) +
-  geom_hline(yintercept=0, alpha=0.5) +
-  facet_wrap(~region) +
-  labs(title = "Democratic performance in the 2018 House elections, by region and density",
-       x = "Density Index\nfrom CityLab",
-       y = "Margin of Victory/Defeat") +
-  coord_flip()
-
-ggplotly(p)
-```
-
-### Customized Appearance
 Add colour to the facet titles, centre-align the title, rotate the y-axis title, change the font, and get rid of the unnecessary legend. Note that `coord_flip()` flips the axes for the variables and the titles, but does not flip `theme()` elements.
 
-```{r}
-library(plotly)
-library(ggplot2)
-
-district_density <- read.csv("https://raw.githubusercontent.com/plotly/datasets/master/district_density.csv", stringsAsFactors = FALSE)
-district_density$cluster <- factor(district_density$cluster, levels=c("Pure urban", "Urban-suburban mix", "Dense suburban", "Sparse suburban", "Rural-suburban mix", "Pure rural"))
-district_density$region <- factor(district_density$region, levels=c("West", "South", "Midwest", "Northeast"))
-
-p <- ggplot(district_density,aes(x=cluster, y=dem_margin, fill=cluster)) +
-  geom_violin(colour=NA) +
-  geom_hline(yintercept=0, alpha=0.5) +
-  facet_wrap(~region) +
-  labs(title = "Democratic performance in the 2018 House elections, by region and density",
-       x = "Density Index\nfrom CityLab",
-       y = "Margin of Victory/Defeat") +
-  coord_flip() +
-  theme(axis.title.y = element_text(angle = 0, vjust=0.5),
-        plot.title = element_text(hjust = 0.5),
-        strip.background = element_rect(fill="lightblue"),
-        text = element_text(family = 'Fira Sans'),
-        legend.position = "none")
-
-ggplotly(p)
-```
-
-### Rotated Axis Text
 Rotated the x-axis text 45 degrees, and used `facet_grid` to create a 4x1 facet (compared to `facet_wrap`, which defaults to 2x2).
 
 ```{r}
diff --git a/ggplot2/2021-08-04-waterfall-charts.Rmd b/ggplot2/2021-08-04-waterfall-charts.Rmd
index 0d7276a9..a13bf7a3 100644
--- a/ggplot2/2021-08-04-waterfall-charts.Rmd
+++ b/ggplot2/2021-08-04-waterfall-charts.Rmd
@@ -2,7 +2,7 @@
 description: How to make Waterfall Charts in ggplot2 with Plotly.
 name: Waterfall Charts
 permalink: ggplot2/waterfall-charts/
-thumbnail: thumbnail/waterfall-charts.jpg
+thumnail_github: waterfall-charts.png
 layout: base
 language: ggplot2
 display_as: financial
diff --git a/r/2015-07-30-text-and-annotations.Rmd b/r/2015-07-30-text-and-annotations.Rmd
index 940f363e..6fb5c319 100644
--- a/r/2015-07-30-text-and-annotations.Rmd
+++ b/r/2015-07-30-text-and-annotations.Rmd
@@ -89,7 +89,7 @@ df <- df[which(df$year==2007 & df$continent=='Asia'),]
 fig <- plot_ly(df, type='pie', labels = ~country, values = ~pop, textposition = 'inside')
 fig <- fig %>% layout(uniformtext=list(minsize=12, mode='hide'))
 fig
-````
+```
 ### Adding Informations to Default Hover Text
 
 ```{r}