dash-tools 0.19

Plotly Dash Template Generator and Tools

🛠️ dash-tools - Easily Create and Deploy your Plotly Dash Apps from CLI (V0.19)

Create a templated multi-page Plotly Dash app with CLI in less than 7 seconds.

Deploy your app to Heroku in under a minute!

About

dash-tools is an open-source toolchain for Plotly Dash Framework. With a user-friendly command line interface, creating Dash applications has never been quicker.

Includes user and developer-friendly app templates where generating a new app only takes seconds. In fact, it will take longer to install this tool than it will to use it!

Want to deploy your app to the web? We've got you covered. With Heroku support, deploying your project will take under a minute.

Installation

Ready to use dash-tools? Installation is easy with pip:

pip install dash-tools

Find dash-tools on PyPi

Usage Examples

Below are common usage examples. For a more in-depth tutorial on writing apps for Plotly Dash, see the Plotly Dash Documentation. For information about dash-tools commands, read the Commands section.

Creating A New Project

Creating a new Dash project is very simple. The following command will create a new directory called "MyDashApp" using the optional "multipage" template. Learn more about Templates below.

dash-tools --init MyDashApp multipage

The previous command will create a "MyDashApp" directory. You can see what files are included with your new app:

cd MyDashApp && ls

You can make changes to your app in the src/app.py file! See https://dash.plotly.com/layout for more information.

When you are happy with your changes, run your dash app locally with the following command. You will be able to view your app at http://127.0.0.1:8050/ in your browser:

python src/app.py

Deploying To Heroku

Deploying your project online to Heroku is simple. Run the following command from your new project's root directory. Follow the simple on-screen directions and deployment will be handled for you:

dash-tools --deploy-heroku

And that's really it! After following the simple on-screen steps, a new git remote 'heroku' will be created which links your project to Heroku, and your project will be deployed.

To push new changes to your app after it is deployed, create a commit:

git add .
git commit -m "Adding some new files"

...and push to the 'heroku' remote:

git push heroku master

Templates

Templates contain boilerplate code for Dash projects, making it much easier to start with useful baseline apps.

Using Templates

Use the optional template argument with the --init command.

The following example will create a new app "MyWonderfulApp" (you can name your app anything) using the 'tabs' template (or any other template listed below):

dash-tools --init MyWonderfulApp tabs

To list out available templates, use the --templates or -t command:

dash-tools --templates

Available Templates

Click the dropdowns below to see screenshots!

Template: 'advanced'

Advanced multi-page template. Includes examples of ClientsideCallbacks, multi-page routing, external stylesheets, header, footer, and 404 page.

Template: 'default'

Basic Dash template. See Dash Docs

Template: 'iris'

Iris theme. See Faculty.ai Example

Template: 'mantine'

Basic mantine template. See Dash Mantine

Template: 'multipage'

New multipage theme. See Multipage Plugin

Template: 'sidebar'

Sidebar theme. See Faculty.ai Example

Template: 'tabs'

Tabs theme with dynamically generated content. See Faculty.ai Example

Commands

Project Commands

• --deploy-heroku Args: OPTIONAL (unique heroku project name) : Deploys the project to Heroku using the Heroku CLI (Must Install Seperately) and Git. Invoke from the project root directory.
• --init, -i Args: REQUIRED (project name) OPTIONAL (template) : Creates a Plotly Dash app with the given name in the current working directory. Optional args specified can be used for templates.
• --templates, -t : List available templates.

Other

• --help, -h: Display CLI helpful hints
• --version: Display current version.

Development

Creating Templates

1. Templates are found here: dash_tools/templating/templates/<Template Name>. When a user uses CLI to choose a template with the name <Template Name> the template will be copied to their system.

2. Adding a new template to the templates directory requires adding the new template to the Enum list in templating.Templates Enum. Template name must match Enum value, eg.

   class Templates(Enum):
      DEFAULT = 'default'
      MINIMAL = 'minimal'
      NEWTEMPLATE = 'newtemplate'
   

3. Any file names or files containing the strings {appName} or {createTime} will be formatted with the given app name and creation time. Eg. README.md.template: # Created on {createTime} will copy to the user's filesystem as README.md: # Created on 2022-03-30 22:06:07

4. All template files must end in .template

License

MIT License. See LICENSE.txt file.