Example #1
0
import dash_html_components as html
import dash_core_components as dcc
from dash_docs import reusable_components as rc

layout = html.Div([
    rc.Markdown('''
    # Dash VTK

    Dash VTK aims to integrate VTK/vtk.js visualization into the Dash framework.

    [VTK](https://vtk.org/) stands for _Visualization Toolkit_ and is a popular library written in C++ which is also available in Python for doing data processing and visualization in the scientific and medical fields. Typically VTK is used to visualize 3D geometries from simulations or sensors such as LIDAR scanner. For the medical world, VTK is used to render 3D images (i.e. CT, MRI, ...) by doing volume rendering and/or slicing.

    [Vtk.js](https://kitware.github.io/vtk-js/) on the other hand is a subset of VTK that focuses on the rendering aspect of it but in the JavaScript world. Vtk.js takes the same architecture and object decomposition as its big brother VTK/C++ but makes it friendly to use inside your browser.

    Dash VTK enables its users to use VTK on the server side for any data processing and provides the infrastructure to push the visualization to the client side for a better experience.
    Dash VTK does not require VTK but can seamlessly leverage it for looking at point clouds, a CFD simulation or anything 3D mesh or 3D images related.
    '''),
    rc.Section('User Guide', [])
])
Example #2
0
    > extends and renders [Cytoscape.js](http://js.cytoscape.org), and
    > offers deep integration with Dash layouts and callbacks, enabling the
    > creation of powerful networks in conjunction with the rich collection of
    > Dash components, as well as established computational biology and network
    > science libraries such as Biopython and networkX.
    >
    > -- xhlulu and the Dash Team
    '''),
    rc.Section('Quickstart', [
        rc.Markdown('''
            ```shell
            pip install dash-cytoscape=={}
            ```
            '''.format(dash_cytoscape.__version__),
                    style=styles.code_container),
        rc.Markdown(examples['simple.py'][0], style=styles.code_container),
        html.Div(examples['simple.py'][1], className='example-container'),
        rc.Markdown('''
        > Dash Cytoscape graphs are interactive! Scroll to zoom and drag on
        > the canvas to move the entire graph around. You can move nodes by
        > *dragging* it, or by *clicking, holding, and moving your mouse*
        > to the desired location (and click again to release).
        >
        > This also work in mobile! Tap-and-hold on a node to move it, or on
        > the canvas to move the entire graph. Pinch your fingers outwards to
        > zoom in, or pinch them together to zoom out.
        '''),
    ]),
    rc.Section('Dash Cytoscape User Guide', [])
])
Example #3
0
import dash_html_components as html
import os

from dash_docs import reusable_components as rc

layout = html.Div(
    className='toc',
    children=[
        html.H1('Dash Enterprise App Manager Documentation'),
        rc.Section("What's Dash Enterprise?", [
            rc.Chapter(
                'Learn More About Dash Enterprise', 'https://plotly.com/dash/',
                """Dash Enterprise is Plotly's commercial offering
                   for building & deploying Dash apps in your
                   organization. 10% of the Fortune 500 uses Dash Enterprise
                   to productionize AI and data science apps.
                   [Learn more](https://plotly.com/dash) or
                   [Find out if your company is using Dash Enterprise](https://go.plotly.com/company-lookup).
                """)
        ]) if 'DASH_DOCS_URL_PREFIX' not in os.environ else '',
        rc.Section("Deployment", [
            rc.Chapter('Part 1. Initialize Dash Apps on Dash Enterprise',
                       '/dash-enterprise/initialize',
                       'Initialize an app via Dash Enterprise UI.'),
            rc.Chapter(
                'Part 2. Deploy Dash Apps on Dash Enterprise',
                '/dash-enterprise/deployment',
                'Deploy Dash Apps to the Dash Enterprise using '
                'HTTPS or SSH. Start with a sample app or deploy your existing app.'
            )
        ]),
import dash_html_components as html
import os

from dash_docs import reusable_components

layout = html.Div(
    className='toc',
    children=[
        html.H1('Dash Enterprise Documentation'),
        reusable_components.Section("What's Dash Enterprise?", [
            reusable_components.Chapter(
                'Learn More About Dash Enterprise',
                'https://plot.ly/get-pricing/',
                """Dash Enterprise is Plotly's commercial offering
                   for managing and improving your Dash apps in your
                   organization. [Learn more](https://plot.ly/dash) or
                   [request a trial](https://plot.ly/get-demo).""")
        ]) if 'DASH_DOCS_URL_PREFIX' not in os.environ else '',
        reusable_components.Section("Deployment", [
            reusable_components.Chapter(
                'Part 1. Initialize Dash Apps on Dash Enterprise',
                '/dash-enterprise/initialize',
                'Initialize an app via Dash Enterprise UI.'),
            reusable_components.Chapter(
                'Part 2. Deploy Dash Apps on Dash Enterprise',
                '/dash-enterprise/deployment',
                'Deploy Dash Apps to the Dash Enterprise using '
                'HTTPS or SSH. Start with a sample app or deploy your existing app.'
            )
        ]),
        reusable_components.Section("Configuration", [