added new section - visualizing biological data (#154)

* added new section - visualizing biological data

* Update _posts/python/2021-10-01-bio-index.html

Co-authored-by: HammadTheOne <[email protected]>

* Update display_as.yml

Co-authored-by: smallstepman <[email protected]>
Co-authored-by: HammadTheOne <[email protected]>

Author: 3 people

_data/display_as.yml

@@ -22,6 +22,9 @@ statistical:
 ai_ml:
     reference: '#ai-ml'
     text: Artificial Intelligence and Machine Learning
+bio:
+    reference: '#bio'
+    text: Bioinformatics
 scientific:
     reference: '#scientific-charts'
     text: Scientific

_includes/layouts/side-bar.html

@@ -41,6 +41,8 @@
 {% assign 3d_charts = true %}
 {% elsif page.display_as == "ai_ml" %}
 {% assign ai_ml = true %}
+{% elsif page.display_as == "bio" %}
+{% assign bio = true %}
 {% elsif page.display_as == "advanced_charts"%}
 {% assign advanced_charts = true %}
 {% elsif page.display_as == "multiple_axes" %}
@@ -267,6 +269,12 @@
                     </li>
                     {% endif %}
 
+                    {% if bio == true %}
+                    <li class="--sidebar-item">
+                        <a href="/{{langue}}/bio/" class="js-splash--navigation-item">Visualizing Biological Data</a>
+                    </li>
+                    {% endif %}
+
                     {% if scientific == true %}
                     <li class="--sidebar-item">
                         <a href="/{{langue}}/scientific-charts/" class="js-splash--navigation-item">Scientific

_includes/posts/documentation_eg.html

@@ -40,6 +40,8 @@
 {% assign advanced_opt = true %}
 {% elsif page.display_as == "ai_ml" %}
 {% assign ai_ml = true %}
+{% elsif page.display_as == "bio" %}
+{% assign bio = true %}
 
 <!-- START OF GGPLOT CUSTOM LAYOUT -->
 {% elsif page.display_as == "aesthetics" %}
@@ -140,6 +142,31 @@
 </section>
 {% endif %}
 
+{% if bio %}
+<section class="--tutorial-section" id="bio">
+    <header class="--section-header">
+        {% if show_header %}
+
+        <a href="#bio">Bio</a>
+
+        {% endif %}
+
+    </header>
+    <section class="--grid">
+        <ul class="--grid-list">
+            {%- for page in languagelist -%}
+            {% if page.display_as == "bio" %}
+
+            {% include layouts/grid-item.html %}
+
+
+            {% endif %}
+            {%- endfor -%}
+        </ul>
+    </section>
+</section>
+{% endif %}
+
 {% if chart_type %}
 <section class="--tutorial-section">
     <header class="--section-header">

_posts/python/2021-10-01-bio-index.html

@@ -0,0 +1,28 @@
+---
+permalink: python/bio/
+description: Dash Bio is a suite of bioinformatics components that make it simple to analyze, visualize, and interact with bioinformatics data in a Dash application.
+name: Visualizing Biological Data
+layout: langindex
+language: python
+display_as: bio
+thumbnail: thumbnail/mixed.jpg
+page_type: example_index
+---
+
+
+<header class="--welcome">
+	<div class="--welcome-body">
+		<!--div.--wrap-inner-->
+		<div class="--title">
+			<div class="--body">
+				<h1>Plotly Python Open Source Graphing Library Visualizing Biological Data</h1>
+				<p>{{page.description}}</p><br>
+				{% include layouts/dashplug.html %}
+			</div>
+		</div>
+	</div>
+</header>
+
+
+		{% assign languagelist = site.posts | where: "language","python" | where: "display_as","bio" | where: "layout","base" | sort: "order" %}
+        {% include posts/documentation_eg.html %}