Adding support for applying Lightning Flash models to datasets

docs/source/_static/css/voxel51-website.css

@@ -74,7 +74,7 @@
   color: var(--text-primary-on-light);
 }
 
-.google-gray {
+.gray {
   color: var(--gray-dark1);
 }
 

docs/source/_templates/layout.html

@@ -9,11 +9,15 @@
 />
 {% endblock %} {% block custom_header %}
 <div class="container-fluid header-holder tutorials-header" id="header-holder">
-  <a class="banner" href="https://voxel51.com/#open-images">
+  <a
+    class="banner"
+    href="https://voxel51.com/docs/fiftyone/integrations/lightning_flash.html"
+  >
     <div>
       <span>
-        We are collaborating with&nbsp;<b class="google-gray">Google</b>&nbsp;to
-        support the Open Images dataset and evaluation in&nbsp;<span
+        We are collaborating with the
+        <b class="gray">PyTorch Lightning</b>&nbsp;team to support training and
+        evaluating Flash models in&nbsp;<span
           ><b style="color: var(--gray-dark3)">Fifty</b
           ><b style="color: var(--color-primary)">One</b></span
         >!

docs/source/conf.py

@@ -133,6 +133,16 @@
 # Path to the redirects file, relative to `source/`
 redirects_file = "redirects"
 
+# -- Options for intersphinx extension ---------------------------------------
+
+intersphinx_mapping = {
+    # including `python` autolinks things like (None) which is not desirable
+    # "python": ("https://docs.python.org/3", None),
+    "numpy": ("https://numpy.org/doc/stable/", None),
+    "torch": ("https://pytorch.org/docs/stable/", None),
+    "flash": ("https://lightning-flash.readthedocs.io/en/latest", None),
+}
+
 # -- Options for HTML output -------------------------------------------------
 
 # The theme to use for HTML and HTML Help pages.  See the documentation for

docs/source/index.rst

@@ -73,11 +73,26 @@ learn how!
     :image_src: https://voxel51.com/images/integrations/pytorch-128.png
     :image_title: PyTorch
 
+.. customimagelink::
+    :image_link: integrations/lightning_flash.html
+    :image_src: https://voxel51.com/images/integrations/pytorch-lightning-128.png
+    :image_title: PyTorch Lightning
+
 .. customimagelink::
     :image_link: recipes/adding_detections.html
     :image_src: https://voxel51.com/images/integrations/tensorflow-128.png
     :image_title: TensorFlow
 
+.. customimagelink::
+    :image_link: api/fiftyone.utils.coco.html
+    :image_src: https://voxel51.com/images/integrations/coco-128.png
+    :image_title: COCO
+
+.. customimagelink::
+    :image_link: tutorials/open_images.html
+    :image_src: https://voxel51.com/images/integrations/open-images-128.png
+    :image_title: Open Images
+
 .. customimagelink::
     :image_link: environments/index.html#notebooks
     :image_src: https://voxel51.com/images/integrations/jupyter-128.png
@@ -94,15 +109,20 @@ learn how!
     :image_title: Plotly
 
 .. customimagelink::
-    :image_link: api/fiftyone.utils.scale.html
-    :image_src: https://voxel51.com/images/integrations/scale-128.png
-    :image_title: Scale AI
+    :image_link: api/fiftyone.utils.cvat.html
+    :image_src: https://voxel51.com/images/integrations/cvat-128.png
+    :image_title: CVAT
 
 .. customimagelink::
     :image_link: api/fiftyone.utils.labelbox.html
     :image_src: https://voxel51.com/images/integrations/labelbox-128.png
     :image_title: Labelbox
 
+.. customimagelink::
+    :image_link: api/fiftyone.utils.scale.html
+    :image_src: https://voxel51.com/images/integrations/scale-128.png
+    :image_title: Scale AI
+
 .. customimagelink::
     :image_link: environments/index.html#google-cloud
     :image_src: https://voxel51.com/images/integrations/google-cloud-128.png
@@ -305,6 +325,7 @@ or reach out to us at support@voxel51.com.
    Tutorials <tutorials/index>
    Recipes <recipes/index>
    User Guide <user_guide/index>
+   Integrations <integrations/index>
    Release Notes <release-notes>
    CLI Documentation <cli/index>
    API Reference <api/fiftyone>

docs/source/integrations/index.rst

@@ -0,0 +1,96 @@
+.. _integrations:
+
+FiftyOne Integrations
+=====================
+
+.. default-role:: code
+
+FiftyOne integrates naturally with other ML tools that you know and love. Click
+on the cards below to see how!
+
+.. Integrations cards section -----------------------------------------------------
+
+.. raw:: html
+
+    <div id="tutorial-cards-container">
+
+    <nav class="navbar navbar-expand-lg navbar-light tutorials-nav col-12">
+        <div class="tutorial-tags-container">
+            <div id="dropdown-filter-tags">
+                <div class="tutorial-filter-menu">
+                    <div class="tutorial-filter filter-btn all-tag-selected" data-tag="all">All</div>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <hr class="tutorials-hr">
+
+    <div class="row">
+
+    <div id="tutorial-cards">
+    <div class="list">
+
+.. Add tutorial cards below
+
+.. customcarditem::
+    :header: Lightning Flash
+    :description: Train Flash models on FiftyOne datasets and use the FiftyOne App to visualize and improve your Flash models, all with just a few lines of code.
+    :link: lightning_flash.html
+    :image: ../_static/images/integrations/lightning_flash.png
+    :tags: Model-Training,Model-Evaluation
+
+.. Upcoming integrations
+
+    .. customcarditem::
+        :header: Open Images Dataset
+        :description: FiftyOne is the recommended tool for downloading and exploring Google's Open Images Dataset.
+        :link: ../user_guide/dataset_zoo/datasets.html#dataset-zoo-open-images-v6
+        :image: ../_static/images/integrations/open_images.png
+        :tags: Dataset
+
+    .. customcarditem::
+        :header: COCO Dataset
+        :description: FiftyOne is the recommended tool for downloading and exploring the COCO Dataset.
+        :link: ../user_guide/dataset_zoo/datasets.html#dataset-zoo-coco-2017
+        :tags: Dataset
+
+    .. customcarditem::
+        :header: CVAT
+        :description: Use our CVAT integration to easily annotate and edit your FiftyOne datasets.
+        :link: ../user_guide/dataset_creation/datasets.html#cvatimagedataset
+        :tags: Annotation
+
+    .. customcarditem::
+        :header: Labelbox
+        :description: Use our Labelbox integration to easily annotate and edit your FiftyOne datasets.
+        :link: ../api/fiftyone.utils.labelbox.html
+        :image: https://voxel51.com/images/integrations/labelbox-128.png
+        :tags: Annotation
+
+    .. customcarditem::
+        :header: Scale AI
+        :description: Use our Scale integration to easily annotate and edit your FiftyOne datasets.
+        :link: ../api/fiftyone.utils.scale.html
+        :image: https://voxel51.com/images/integrations/scale-128.png
+        :tags: Annotation
+
+.. End of integrations cards
+
+.. raw:: html
+
+    </div>
+
+    <div class="pagination d-flex justify-content-center"></div>
+
+    </div>
+
+    </div>
+
+.. End integrations cards section -------------------------------------------------
+
+.. toctree::
+   :maxdepth: 1
+   :hidden:
+
+    Lightning Flash <lightning_flash.rst>