Update docs:

- Sankey
- Candlestick
- Parralel Categories
- Stacked Area

Author: kMutagene

FSharp.Plotly.sln

@@ -47,6 +47,7 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "content", "content", "{8E6D
 		docsrc\content\index.fsx = docsrc\content\index.fsx
 		docsrc\content\line-scatter-plots.fsx = docsrc\content\line-scatter-plots.fsx
 		docsrc\content\multiple-charts.fsx = docsrc\content\multiple-charts.fsx
+		docsrc\content\parallel-categories.fsx = docsrc\content\parallel-categories.fsx
 		docsrc\content\parallel-coords.fsx = docsrc\content\parallel-coords.fsx
 		docsrc\content\pie-daughnut-charts.fsx = docsrc\content\pie-daughnut-charts.fsx
 		docsrc\content\plotly-wpf.fsx = docsrc\content\plotly-wpf.fsx

docsrc/content/parallel-categories.fsx

@@ -0,0 +1,30 @@
+(*** hide ***)
+#r "netstandard"
+#r @"../../lib/Formatting/FSharp.Plotly.dll"
+open FSharp.Plotly
+
+(** 
+# FSharp.Plotly: Parallel Categories Plot
+
+*Summary:* This example shows how to create parallel categories plot in F#.
+
+The parallel categories diagram (also known as parallel sets or alluvial diagram) is a visualization of multi-dimensional categorical data sets. Each variable in the data set is represented by a column of rectangles, where each rectangle corresponds to a discrete value taken on by that variable. The relative heights of the rectangles reflect the relative frequency of occurrence of the corresponding value.
+
+Combinations of category rectangles across dimensions are connected by ribbons, where the height of the ribbon corresponds to the relative frequency of occurrence of the combination of categories in the data set.
+*)
+
+
+let dims' =
+    [
+        Dimensions.init(["Cat1";"Cat1";"Cat1";"Cat1";"Cat2";"Cat2";"Cat3"],Label="A")
+        Dimensions.init([0;1;0;1;0;0;0],Label="B",TickText=["YES","NO"])
+    ]
+
+let parcats =
+    Chart.ParallelCategories(dims=dims',Color=[0.;1.;0.;1.;0.;0.;0.],Colorscale = StyleParam.Colorscale.Blackbody)
+
+
+(***do-not-eval***)
+parcats |> Chart.Show
+
+(*** include-value:parcats ***)

docsrc/tools/templates/template.cshtml

@@ -46,11 +46,11 @@
                   <a href="@Root/getting-started.html">Getting started</a>
                   @if (Properties.Dictionary.ContainsKey("page-source") && Properties["page-source"].ToString().EndsWith("getting-started.fsx"))
                   {
-                  <ul class="nav nav-list">
-                      @*<li><a href="@Root/getting-started.html#Using-functional-F#-scripting-style">F# scripting style</a></li>*@
-                      <li><a href="@Root/getting-started.html#Using-dynamic-object-style">Dynamic object style</a></li>
-                  </ul>
-                    }
+                      <ul class="nav nav-list">
+                          @*<li><a href="@Root/getting-started.html#Using-functional-F#-scripting-style">F# scripting style</a></li>*@
+                          <li><a href="@Root/getting-started.html#Using-dynamic-object-style">Dynamic object style</a></li>
+                      </ul>
+                  }
               </li>
               @*<li><a href="@Root/getting-started.html">Getting started</a></li>*@
               <li class="nav-header">Plotly Charts</li>
@@ -65,10 +65,13 @@
               <li><a href="@Root/2d-histograms.html">2D Histograms</a></li>
               <li><a href="@Root/line-scatter-plots.html">Line and Scatter Plots</a></li>
               <li><a href="@Root/parallel-coords.html">Parallel coords Plots</a></li>
+              <li><a href="@Root/parallel-categories.html">Parallel Categories Plots</a></li>
               <li><a href="@Root/pie-daughnut-charts.html">Pie and Doughnut Charts</a></li>
               <li><a href="@Root/polar-charts.html">Polar Charts</a></li>
               <li><a href="@Root/windrose-charts.html">Windrose Charts</a></li>
               <li><a href="@Root/range-plots.html">Range Plots</a></li>
+              <li><a href="@Root/candlestick.html">Candlestick Charts</a></li>
+              <li><a href="@Root/sankey.html">Sankey Diagrams</a></li>
               <li><a href="@Root/splom.html">Splom Plots</a></li>
               <li class="nav-header">Map Charts</li>
               <li><a href="@Root/choropleth-map.html">Choropleth</a></li>