plotly / Dash Component Boilerplate
Get started creating your own Dash components here.
Stars: ✠149
Programming Languages
python
139335 projects - #7 most used programming language
Labels
Projects that are alternatives of or similar to Dash Component Boilerplate
Dash Docs
📖 The Official Dash Userguide & Documentation
Stars: ✠338 (+126.85%)
Mutual labels: plotly-dash, dash
Dash Svm
Interactive SVM Explorer, using Dash and scikit-learn
Stars: ✠147 (-1.34%)
Mutual labels: plotly-dash, dash
Jupyterlab Dash
An Extension for the Interactive development of Dash apps in JupyterLab
Stars: ✠342 (+129.53%)
Mutual labels: plotly-dash, dash
dash leaflet
Leaflet component for dash. Illustration of error encountered during python build.
Stars: ✠21 (-85.91%)
Mutual labels: dash, plotly-dash
Docker Flask Gunicorn Nginx
Bootstrap example of a Flask app served via Gunicorn and Nginx using Docker conteiners
Stars: ✠138 (-7.38%)
Mutual labels: plotly-dash, dash
Dash Cytoscape
Interactive network visualization in Python and Dash, powered by Cytoscape.js
Stars: ✠309 (+107.38%)
Mutual labels: plotly-dash, dash
Crypto Whale Watching App
Python Dash app that tracks whale activity in cryptocurrency markets.
Stars: ✠389 (+161.07%)
Mutual labels: plotly-dash, dash
dash-mantine-components
Plotly Dash components based on Mantine React Components
Stars: ✠263 (+76.51%)
Mutual labels: dash, plotly-dash
Dash Recipes
A collection of scripts and examples created while answering questions from the greater Dash community
Stars: ✠774 (+419.46%)
Mutual labels: plotly-dash, dash
Hexapod Robot Simulator
A hexapod robot simulator built from first principles
Stars: ✠577 (+287.25%)
Mutual labels: plotly-dash, dash
dash-flexbox-grid
Wrapper around react-flexbox-grid for Plotly Dash
Stars: ✠19 (-87.25%)
Mutual labels: dash, plotly-dash
Dash Sample Apps
Open-source demos hosted on Dash Gallery
Stars: ✠2,090 (+1302.68%)
Mutual labels: plotly-dash, dash
dash-admin
CLI tool for initiating dash boilerplate
Stars: ✠22 (-85.23%)
Mutual labels: dash, plotly-dash
Dashr
Dash for R - An R interface to the Dash ecosystem for creating analytic web applications
Stars: ✠337 (+126.17%)
Mutual labels: plotly-dash, dash
dash-redis-celery-periodic-updates
Demo apps now maintained in https://github.com/plotly/dash-enterprise-docs
Stars: ✠47 (-68.46%)
Mutual labels: dash, plotly-dash
Dash Table
A First-Class Interactive DataTable for Dash
Stars: ✠382 (+156.38%)
Mutual labels: plotly-dash, dash
Dash.jl
Dash for Julia - A Julia interface to the Dash ecosystem for creating analytic web applications in Julia. No JavaScript required.
Stars: ✠248 (+66.44%)
Mutual labels: plotly-dash, dash
2019-nCoV-dash
æ–°åž‹å† çŠ¶ç—…æ¯’ï¼ˆ2019-nCoV)肺炎(COVID-19)疫情展示
Stars: ✠13 (-91.28%)
Mutual labels: dash, plotly-dash
Jupyter Dash
Develop Dash apps in the Jupyter Notebook and JupyterLab
Stars: ✠453 (+204.03%)
Mutual labels: plotly-dash, dash
Fitly
Self hosted web analytics for endurance athletes
Stars: ✠65 (-56.38%)
Mutual labels: plotly-dash, dash
Dash Component Boilerplate
This repository contains a Cookiecutter template to create your own Dash components.
- New to Dash? Check out the official Dash Documentations
- If it's the first time creating a Dash component, start with our React guide for Python developers
- Need help with your component? Create a post on the Dash Community Forum
Usage
To use this boilerplate:
- Install the requirements:
Node.js/npm is also required.$ pip install cookiecutter $ pip install virtualenv
- Run cookiecutter on the boilerplate repo:
$ cookiecutter gh:plotly/dash-component-boilerplate
- Answer the questions about the project.
-
project_name
: This is the "human-readable" name of your project. For example, "Dash Core Components". -
project_shortname
: is derived from the project name, it is the name of the "Python library" for your project. By default, this is generated from yourproject_name
by lowercasing the name and replacing spaces &-
with underscores. For example, for "Dash Core Components" this would be "dash_core_components". -
component_name
: This is the name of the initial component that is generated. As a JavaScript class name it should be in PascalCase. defaults to the PascalCase version ofproject_shortname
. -
jl_prefix
: Optional prefix for Julia components. For example,dash_core_components
uses "dcc" so the Pythondcc.Input
becomesdccInput
in Julia, anddash_table
uses "dash" to makedashDataTable
. -
r_prefix
: Optional prefix for R components. For example,dash_core_components
uses "dcc" so the Pythondcc.Input
becomesdccInput
in R, anddash_table
uses "dash" to makedashDataTable
. -
author_name
andauthor_email
: for package.json and DESCRIPTION (for R) metadata. -
github_org
: If you plan to push this to GitHub, enter the organization or username that will own it (for URLs to the project homepage and bug report page) -
description
: the project description, included in package.json. -
license
: License type for the component library. Plotly recommends the MIT license, but you should read the generated LICENSE file carefully to make sure this is right for you. -
publish_on_npm
: Set to false to only serve locally from the package data. -
install_dependencies
: Set to false to only generate the project structure.
-
- The project will be generated in a folder named with your
project_shortname
. - Follow the directions in the generated README to start developing your new Dash component.
Installing the dependencies can take a long time. They will be installed in a
folder named venv
, created by virtualenv. This ensures that dash is installed
to generate the components in the build:backends
script of the generated
package.json
.
More Resources
- Found a bug or have a feature request? Create an issue
- Watch the component boilerplate repository to stay informed of changes to our components.
- To get a feel for what's involved in creating a component, read the README.md generated by this cookiecutter
- Examples of Dash component libraries include:
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].