├── examples ├── demo_new_switch │ ├── server_side_assets │ │ ├── custom_light_theme.css │ │ └── custom_dark_theme.css │ └── demo_new_switch.py ├── testing_AIO_Switch │ ├── assets │ │ ├── testing_light.css │ │ └── testing_dark.css │ └── testing_AIO_Switch.py ├── demo_local_stylesheets_ThemeSwitchAIO │ ├── README.md │ └── app.py ├── demo_quickstart.py ├── demo_new_theme_changer │ ├── server_side_assets │ │ ├── custom_dark_theme.css │ │ └── custom_light_theme.css │ └── demo_new_theme_changer.py ├── demo_template_all.py ├── color_mode.py ├── demo_4_graphs.py ├── demo_theme_changer_all.py ├── demo_toggle.py ├── demo_toggle_icons.py ├── demo_vizro_bootstrap.py ├── demo_template_vs_default.py ├── demo_theme_change_4_graphs.py └── sample_app.py ├── src ├── aio │ ├── __init__.py │ └── aio_theme_switch.py └── dash_bootstrap_templates │ ├── __init__.py │ └── templates │ ├── materia.json │ ├── sketchy.json │ ├── sandstone.json │ ├── united.json │ ├── flatly.json │ ├── zephyr.json │ ├── spacelab.json │ ├── yeti.json │ ├── lux.json │ ├── lumen.json │ ├── morph.json │ ├── cosmo.json │ ├── simplex.json │ ├── litera.json │ ├── journal.json │ ├── minty.json │ ├── pulse.json │ ├── cerulean.json │ ├── bootstrap.json │ └── cyborg.json ├── .gitignore ├── pyproject.toml ├── LICENSE ├── .github └── workflows │ └── release.yml ├── setup.cfg └── CHANGELOG.md /examples/demo_new_switch/server_side_assets/custom_light_theme.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: white; 3 | color: black; 4 | } -------------------------------------------------------------------------------- /examples/demo_new_switch/server_side_assets/custom_dark_theme.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: black; 3 | color: white; 4 | } 5 | -------------------------------------------------------------------------------- /src/aio/__init__.py: -------------------------------------------------------------------------------- 1 | from .aio_theme_switch import ThemeSwitchAIO 2 | from .aio_theme_changer import ThemeChangerAIO, template_from_url 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # python build artifacts 2 | __pycache__ 3 | *.egg-info 4 | .ipynb_checkpoints 5 | build 6 | dist 7 | venv 8 | .idea 9 | *.code-workspace -------------------------------------------------------------------------------- /examples/testing_AIO_Switch/assets/testing_light.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: white; 3 | } 4 | 5 | button { 6 | border-radius: 10px; 7 | color: black; 8 | } -------------------------------------------------------------------------------- /pyproject.toml: -------------------------------------------------------------------------------- 1 | [build-system] 2 | build-backend = "setuptools.build_meta" 3 | requires = ["setuptools>=42", "wheel", "setuptools_scm[toml]>=3.4"] 4 | 5 | [tool.setuptools_scm] 6 | -------------------------------------------------------------------------------- /examples/testing_AIO_Switch/assets/testing_dark.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: black; 3 | color: white; 4 | } 5 | 6 | button { 7 | border-radius: 5px; 8 | color: blue; 9 | } -------------------------------------------------------------------------------- /examples/demo_local_stylesheets_ThemeSwitchAIO/README.md: -------------------------------------------------------------------------------- 1 | ### Demo of ThemeSwitchAIO with local stylesheets 2 | 3 | This is an example of using local stylesheets in the assets folder in ThemeSwitchAIO. 4 | 5 | ```python 6 | ThemeSwitchAIO(aio_id="theme", themes=["/assets/theme1.css", "/assets/theme2.css" ]) 7 | ``` 8 | 9 | Available in `dash-bootstrap-templates>=V1.0.8` 10 | 11 | 12 | Note!! - As of Dash Bootstrap Components V1.5.0, we recommend using the Bootstrap Light Dark Color Modes feature 13 | to switch between light and dark versions of a single theme rather than using the ThemeSwitchAIO component. 14 | 15 | For more info see https://hellodash.pythonanywhere.com/adding-themes/theme-switch 16 | -------------------------------------------------------------------------------- /examples/testing_AIO_Switch/testing_AIO_Switch.py: -------------------------------------------------------------------------------- 1 | from dash import Dash, dcc, html 2 | from dash_bootstrap_templates import ThemeSwitchAIO, ThemeChangerAIO 3 | import dash_bootstrap_components as dbc 4 | 5 | dbc_css = ( 6 | "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css" 7 | ) 8 | app = Dash(__name__, external_stylesheets=[dbc_css]) 9 | 10 | app.layout = html.Div( 11 | [ 12 | ThemeSwitchAIO( 13 | aio_id='theme', 14 | # themes=["/assets/testing_light.css", "/assets/testing_dark.css"] 15 | ), 16 | 'testing', 17 | dbc.Button() 18 | ], id='testing' 19 | ) 20 | 21 | if __name__ == "__main__": 22 | app.run(debug=True) 23 | -------------------------------------------------------------------------------- /examples/demo_quickstart.py: -------------------------------------------------------------------------------- 1 | # 2 | """ 3 | This is a demo of the `load_figure_template(themes)` function from dash_bootstrap_templates.py 4 | It loads the Bootstrap theme template, adds it to plotly.io and makes it the default. 5 | 6 | """ 7 | 8 | from dash import Dash, dcc, html 9 | import plotly.express as px 10 | import dash_bootstrap_components as dbc 11 | 12 | from dash_bootstrap_templates import load_figure_template 13 | 14 | app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) 15 | load_figure_template("bootstrap") 16 | 17 | 18 | df = px.data.gapminder().query("continent != 'Asia'") # remove Asia for visibility 19 | fig = px.line(df, x="year", y="lifeExp", color="continent", line_group="country") 20 | 21 | 22 | app.layout = dbc.Container( 23 | [ 24 | html.H1("Dash Bootstrap Template Demo", className="bg-primary text-white p-2"), 25 | dbc.Row(dbc.Col(dcc.Graph(figure=fig))), 26 | ], 27 | fluid=True, 28 | ) 29 | 30 | 31 | if __name__ == "__main__": 32 | app.run_server(debug=True) 33 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 Ann Marie Ward 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | name: Publish Release 2 | 3 | on: 4 | release: 5 | types: [published] 6 | 7 | jobs: 8 | build-and-publish: 9 | name: Build and publish dash-bootstrap-templates to PyPI and TestPyPI 10 | runs-on: ubuntu-latest 11 | steps: 12 | - uses: actions/checkout@v2 13 | 14 | - name: Set up Python 3.9 15 | uses: actions/setup-python@v1 16 | with: 17 | python-version: 3.9 18 | 19 | - name: Install dependencies 20 | run: | 21 | python -m pip install --upgrade pip 22 | python -m pip install . build 23 | 24 | - name: Build package 25 | run: python -m build --sdist --wheel --outdir dist/ 26 | 27 | # - name: Publish dash-bootstrap-templates to TestPyPI 28 | # uses: pypa/gh-action-pypi-publish@v1.4.2 29 | # with: 30 | # password: ${{ secrets.TEST_PYPI_API_TOKEN }} 31 | # repository_url: https://test.pypi.org/legacy/ 32 | # 33 | - name: Publish dash-bootstrap-templates to PyPI 34 | uses: pypa/gh-action-pypi-publish@v1.4.2 35 | with: 36 | password: ${{ secrets.PYPI_API_TOKEN }} 37 | -------------------------------------------------------------------------------- /setup.cfg: -------------------------------------------------------------------------------- 1 | 2 | [metadata] 3 | name = dash-bootstrap-templates 4 | description = A collection of Plotly figure templates with a Bootstrap theme 5 | long_description = file: README.md 6 | long_description_content_type = text/markdown 7 | license = MIT 8 | author = AnnMarieW 9 | # author_email = 10 | url = https://github.com/AnnMarieW/dash-bootstrap-templates 11 | classifiers = 12 | Development Status :: 3 - Alpha 13 | Framework :: Dash 14 | License :: OSI Approved :: MIT License 15 | Programming Language :: Python :: 3.7 16 | Programming Language :: Python :: 3.8 17 | Programming Language :: Python :: 3.9 18 | Programming Language :: Python :: 3.10 19 | Programming Language :: Python :: 3.11 20 | Programming Language :: Python :: 3 :: Only 21 | Topic :: Scientific/Engineering :: Visualization 22 | 23 | [options] 24 | package_dir= 25 | =src 26 | packages=find: 27 | include_package_data = True 28 | install_requires = 29 | dash 30 | dash-bootstrap-components>=1.0.0 31 | importlib_metadata>=3.4.0; python_version == "3.7" 32 | importlib_resources>=5.1.0; python_version < "3.9" 33 | numpy 34 | plotly>=6,<7 35 | 36 | [options.packages.find] 37 | where = src 38 | 39 | [options.package_data] 40 | dash_bootstrap_templates = templates/*.json 41 | 42 | [options.extras_require] 43 | dev = 44 | tinycss2 45 | spectra 46 | -------------------------------------------------------------------------------- /examples/demo_new_theme_changer/server_side_assets/custom_dark_theme.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: black; 3 | color: white; 4 | } 5 | 6 | .offcanvas { 7 | position: fixed; 8 | bottom: 0; 9 | top: 0; 10 | left: 0; 11 | z-index: 1045; 12 | display: flex; 13 | flex-direction: column; 14 | max-width: 100%; 15 | visibility: hidden; 16 | background-color: black; 17 | transition: transform 0.3s ease-in-out; 18 | } 19 | 20 | .offcanvas-backdrop { 21 | position: fixed; 22 | top: 0; 23 | left: 0; 24 | z-index: 1040; 25 | width: 100vw; 26 | height: 100vh; 27 | background-color: white 28 | } 29 | 30 | .offcanvas-backdrop.fade { 31 | opacity: 0 32 | } 33 | 34 | .offcanvas-backdrop.show { 35 | opacity: .5 36 | } 37 | 38 | .offcanvas-header { 39 | display: flex; 40 | } 41 | 42 | .btn-close { 43 | --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); 44 | box-sizing: content-box; 45 | width: 1em; 46 | height: 1em; 47 | padding: .25em .25em; 48 | background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; 49 | border: 0; 50 | opacity: 0.5 51 | } 52 | 53 | .btn-close:hover { 54 | opacity: 0.75 55 | } 56 | 57 | .form-check { 58 | display: block; 59 | padding-left: 1.5em; 60 | } 61 | 62 | .form-check .form-check-input { 63 | float: left; 64 | margin-left: -1.5em 65 | } -------------------------------------------------------------------------------- /examples/demo_new_theme_changer/server_side_assets/custom_light_theme.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: white; 3 | color: black; 4 | } 5 | 6 | .offcanvas { 7 | position: fixed; 8 | bottom: 0; 9 | top: 0; 10 | left: 0; 11 | z-index: 1045; 12 | display: flex; 13 | flex-direction: column; 14 | max-width: 100%; 15 | visibility: hidden; 16 | background-color: white; 17 | transition: transform 0.3s ease-in-out; 18 | } 19 | 20 | .offcanvas-backdrop { 21 | position: fixed; 22 | top: 0; 23 | left: 0; 24 | z-index: 1040; 25 | width: 100vw; 26 | height: 100vh; 27 | background-color: black 28 | } 29 | 30 | .offcanvas-backdrop.fade { 31 | opacity: 0 32 | } 33 | 34 | .offcanvas-backdrop.show { 35 | opacity: .5 36 | } 37 | 38 | .offcanvas-header { 39 | display: flex; 40 | } 41 | 42 | .btn-close { 43 | --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); 44 | box-sizing: content-box; 45 | width: 1em; 46 | height: 1em; 47 | padding: .25em .25em; 48 | background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; 49 | border: 0; 50 | opacity: 0.5 51 | } 52 | 53 | .btn-close:hover { 54 | opacity: 0.75 55 | } 56 | 57 | .form-check { 58 | display: block; 59 | padding-left: 1.5em; 60 | } 61 | 62 | .form-check .form-check-input { 63 | float: left; 64 | margin-left: -1.5em 65 | } -------------------------------------------------------------------------------- /examples/demo_template_all.py: -------------------------------------------------------------------------------- 1 | """ 2 | A sample of 8 of the 26 Bootstrap themed Plotly figure templates available 3 | in the dash-bootstrap-template library 4 | 5 | """ 6 | import dash 7 | from dash import Dash, html, dcc, Input, Output, callback 8 | import dash_bootstrap_components as dbc 9 | from dash_bootstrap_templates import load_figure_template 10 | import plotly.express as px 11 | 12 | 13 | df = px.data.gapminder() 14 | 15 | themes = [ 16 | "bootstrap", 17 | "cerulean", 18 | "cosmo", 19 | "flatly", 20 | "journal", 21 | "litera", 22 | "lumen", 23 | "lux", 24 | "materia", 25 | "minty", 26 | "pulse", 27 | "sandstone", 28 | "simplex", 29 | "sketchy", 30 | "spacelab", 31 | "united", 32 | "yeti", 33 | "cyborg", 34 | "darkly", 35 | "slate", 36 | "solar", 37 | "superhero", 38 | "morph", 39 | "quartz", 40 | "vapor", 41 | "zephyr", 42 | ] 43 | 44 | dark_themes = [t+"_dark" for t in themes] 45 | all_templates = themes + dark_themes 46 | all_templates.sort() 47 | 48 | 49 | load_figure_template("all") 50 | 51 | figures = [ 52 | px.scatter( 53 | df.query("year==2007"), 54 | x="gdpPercap", 55 | y="lifeExp", 56 | size="pop", 57 | color="continent", 58 | log_x=True, 59 | size_max=60, 60 | template=template, 61 | title="Gapminder 2007: '%s' theme" % template, 62 | ) 63 | for template in all_templates 64 | ] 65 | 66 | button = dbc.Button("Show all 52 Themes!", id="figure_templates_all-x-btn", n_clicks=0) 67 | 68 | app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) 69 | 70 | app.layout = dbc.Container( 71 | [button, dcc.Loading(html.Div(id="figure_templates_all-x-content", className="my-2"))] 72 | ) 73 | 74 | 75 | 76 | @callback( 77 | Output("figure_templates_all-x-content", "children"), 78 | Input("figure_templates_all-x-btn", "n_clicks"), 79 | prevent_initial_call=True, 80 | ) 81 | def update(n): 82 | if n > 0: 83 | return [dcc.Graph(figure=fig, className="m-4") for fig in figures] 84 | else: 85 | return dash.no_update 86 | 87 | 88 | if __name__ == "__main__": 89 | app.run_server(debug=True) -------------------------------------------------------------------------------- /examples/color_mode.py: -------------------------------------------------------------------------------- 1 | 2 | """ 3 | Example of light and dark color modes available in Bootstrap >= 5.3 4 | """ 5 | from dash import Dash, html, dcc, Input, Output, Patch, clientside_callback, callback 6 | import plotly.express as px 7 | import plotly.io as pio 8 | import dash_bootstrap_components as dbc 9 | from dash_bootstrap_templates import load_figure_template 10 | 11 | # adds templates to plotly.io 12 | load_figure_template(["minty", "minty_dark"]) 13 | 14 | 15 | df = px.data.gapminder() 16 | 17 | app = Dash(__name__, external_stylesheets=[dbc.themes.MINTY, dbc.icons.FONT_AWESOME]) 18 | 19 | color_mode_switch = html.Span( 20 | [ 21 | dbc.Label(className="fa fa-moon", html_for="switch"), 22 | dbc.Switch( id="switch", value=False, className="d-inline-block ms-1", persistence=True), 23 | dbc.Label(className="fa fa-sun", html_for="switch"), 24 | ] 25 | ) 26 | 27 | fig = px.scatter( 28 | df.query("year==2007"), 29 | x="gdpPercap", 30 | y="lifeExp", 31 | size="pop", 32 | color="continent", 33 | log_x=True, 34 | size_max=60, 35 | template="minty", 36 | ) 37 | 38 | app.layout = dbc.Container( 39 | [ 40 | html.Div(["Bootstrap Light Dark Color Modes Demo"], className="bg-primary text-white h3 p-2"), 41 | color_mode_switch, 42 | dcc.Graph(id="graph", figure= fig, className="border"), 43 | ] 44 | 45 | ) 46 | 47 | @callback( 48 | Output("graph", "figure"), 49 | Input("switch", "value"), 50 | ) 51 | def update_figure_template(switch_on): 52 | # When using Patch() to update the figure template, you must use the figure template dict 53 | # from plotly.io and not just the template name 54 | template = pio.templates["minty"] if switch_on else pio.templates["minty_dark"] 55 | 56 | patched_figure = Patch() 57 | patched_figure["layout"]["template"] = template 58 | return patched_figure 59 | 60 | 61 | 62 | clientside_callback( 63 | """ 64 | (switchOn) => { 65 | switchOn 66 | ? document.documentElement.setAttribute('data-bs-theme', 'light') 67 | : document.documentElement.setAttribute('data-bs-theme', 'dark') 68 | return window.dash_clientside.no_update 69 | } 70 | """, 71 | Output("switch", "id"), 72 | Input("switch", "value"), 73 | ) 74 | 75 | 76 | if __name__ == "__main__": 77 | app.run_server(debug=True) 78 | -------------------------------------------------------------------------------- /examples/demo_4_graphs.py: -------------------------------------------------------------------------------- 1 | """ 2 | Apply Bootstrap theme to figures with one line of code! See more info at dash-bootstrap-templates GitHub 3 | pip install dash-bootstrap-templates 4 | """ 5 | from dash import Dash, dcc, html 6 | import plotly.express as px 7 | import dash_bootstrap_components as dbc 8 | 9 | from dash_bootstrap_templates import load_figure_template 10 | 11 | # This loads the "cyborg" themed figure template from dash-bootstrap-templates library, 12 | # adds it to plotly.io and makes it the default figure template. 13 | load_figure_template("vapor") 14 | 15 | app = Dash(__name__, external_stylesheets=[dbc.themes.VAPOR]) 16 | 17 | df = px.data.gapminder() 18 | 19 | dff = df[df.year.between(1952, 1982)] 20 | dff = dff[dff.continent.isin(df.continent.unique()[1:])] 21 | line_fig = px.line( 22 | dff, x="year", y="gdpPercap", color="continent", line_group="country" 23 | ) 24 | 25 | dff = dff[dff.year == 1982] 26 | scatter_fig = px.scatter( 27 | dff, x="lifeExp", y="gdpPercap", size="pop", color="pop", size_max=60 28 | ).update_traces(marker_opacity=0.8) 29 | 30 | avg_lifeExp = (dff["lifeExp"] * dff["pop"]).sum() / dff["pop"].sum() 31 | map_fig = px.choropleth( 32 | dff, 33 | locations="iso_alpha", 34 | color="lifeExp", 35 | title="%.0f World Average Life Expectancy was %.1f years" % (1982, avg_lifeExp), 36 | ) 37 | 38 | hist_fig = px.histogram(dff, x="lifeExp", nbins=10, title="Life Expectancy") 39 | 40 | graphs = html.Div( 41 | [ 42 | dbc.Row( 43 | [ 44 | dbc.Col(dcc.Graph(figure=line_fig), lg=6), 45 | dbc.Col(dcc.Graph(figure=scatter_fig), lg=6), 46 | ], 47 | className="mt-4", 48 | ), 49 | dbc.Row( 50 | [ 51 | dbc.Col(dcc.Graph(figure=hist_fig), lg=6), 52 | dbc.Col(dcc.Graph(figure=map_fig), lg=6), 53 | ], 54 | className="mt-4", 55 | ), 56 | ] 57 | ) 58 | 59 | # These buttons are added to the app just to show the Boostrap theme colors 60 | buttons = html.Div( 61 | [ 62 | dbc.Button("Primary", color="primary"), 63 | dbc.Button("Secondary", color="secondary"), 64 | dbc.Button("Success", color="success"), 65 | dbc.Button("Warning", color="warning"), 66 | dbc.Button("Danger", color="danger"), 67 | dbc.Button("Info", color="info"), 68 | dbc.Button("Light", color="light"), 69 | dbc.Button("Dark", color="dark"), 70 | dbc.Button("Link", color="link"), 71 | ], 72 | ) 73 | 74 | heading = html.H1("Dash Bootstrap Template Demo", className="bg-primary text-white p-2") 75 | 76 | app.layout = dbc.Container(fluid=True, children=[heading, buttons, graphs]) 77 | 78 | 79 | if __name__ == "__main__": 80 | app.run_server(debug=True) 81 | -------------------------------------------------------------------------------- /examples/demo_local_stylesheets_ThemeSwitchAIO/app.py: -------------------------------------------------------------------------------- 1 | from dash import Dash, dcc, html, Input, Output 2 | import pandas as pd 3 | import plotly.express as px 4 | import dash_bootstrap_components as dbc 5 | from dash_bootstrap_templates import ThemeSwitchAIO 6 | 7 | """ 8 | 9 | Note!! - As of Dash Bootstrap Components V1.5.0, we recommend using the Bootstrap Light Dark Color Modes feature 10 | to switch between light and dark versions of a single theme rather than using the ThemeSwitchAIO component. 11 | 12 | For more info see https://hellodash.pythonanywhere.com/adding-themes/theme-switch 13 | 14 | This example is for dbc <1.5.0 15 | 16 | ------------------- 17 | 18 | Here is how you can download the Bootstrap stylesheets and place them in the assets folder so you can use the 19 | theme switch component off-line. 20 | 21 | 22 | print("theme1", dbc.themes.SKETCHY) 23 | print("theme2", dbc.themes.DARKLY) 24 | 25 | results in: 26 | > theme1 https://cdn.jsdelivr.net/npm/bootswatch@5.3.1/dist/sketchy/bootstrap.min.css 27 | > theme2 https://cdn.jsdelivr.net/npm/bootswatch@5.3.1/dist/darkly/bootstrap.min.css 28 | 29 | You can open the link and save the content to files in the assets folder 30 | 31 | """ 32 | 33 | 34 | # figure templates 35 | template_theme1 = "sketchy" 36 | template_theme2 = "darkly" 37 | 38 | dbc_css = "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates/dbc.min.css" 39 | # Note that there are no external stylesheet added here: 40 | app = Dash(__name__) 41 | 42 | df = pd.DataFrame( 43 | { 44 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 45 | "Amount": [4, 1, 2, 2, 4, 5], 46 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 47 | } 48 | ) 49 | header = html.H4("ThemeSwitchAIO Demo", className="bg-primary text-white p-4 mb-2") 50 | 51 | theme_switch = ThemeSwitchAIO(aio_id="theme", themes=["/assets/theme1.css", "/assets/theme2.css" ]) 52 | 53 | theme_colors = [ 54 | "primary", 55 | "secondary", 56 | "success", 57 | "warning", 58 | "danger", 59 | "info", 60 | "light", 61 | "dark", 62 | "link", 63 | ] 64 | buttons = html.Div( 65 | [dbc.Button(f"{color}", color=f"{color}", size="sm") for color in theme_colors] 66 | ) 67 | colors = html.Div(["Theme Colors:", buttons], className="mt-2") 68 | 69 | graph = html.Div(dcc.Graph(id="theme_switch-x-graph"), className="m-4") 70 | 71 | 72 | app.layout = dbc.Container( 73 | dbc.Row(dbc.Col([header, theme_switch, colors, graph])), 74 | className="m-4 dbc", 75 | fluid=True, 76 | ) 77 | 78 | 79 | @app.callback( 80 | Output("theme_switch-x-graph", "figure"), 81 | Input(ThemeSwitchAIO.ids.switch("theme"), "value"), 82 | ) 83 | def update_graph_theme(toggle): 84 | template = template_theme1 if toggle else template_theme2 85 | return px.bar( 86 | df, x="Fruit", y="Amount", color="City", barmode="group", template=template 87 | ) 88 | 89 | 90 | if __name__ == "__main__": 91 | app.run_server(debug=True) -------------------------------------------------------------------------------- /examples/demo_theme_changer_all.py: -------------------------------------------------------------------------------- 1 | """ 2 | This is a minimal example of changing themes with the ThemeChangerAIO component 3 | Note - this requires dash-bootstrap-components>=1.0.0 and dash>=2.0 4 | pip install dash-bootstrap-templates=1.0.0. 5 | 6 | The ThemeChangerAIO component updates the Plotly default figure template when the 7 | theme changes, but the figures must be updated in a callback in order to render with the new template. 8 | 9 | This example demos: 10 | - how to update the figure for the new theme in a callback 11 | - using the dbc class which helps improve the style when the themes are switched. See the dbc.css file in the dash-bootstrap-templates library. 12 | """ 13 | 14 | from dash import Dash, dcc, html, Input, Output 15 | import pandas as pd 16 | import plotly.express as px 17 | import dash_bootstrap_components as dbc 18 | from dash_bootstrap_templates import ThemeChangerAIO, template_from_url 19 | 20 | dbc_css = ( 21 | "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css" 22 | ) 23 | app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP, dbc_css]) 24 | 25 | 26 | df = pd.DataFrame( 27 | { 28 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 29 | "Amount": [4, 1, 2, 2, 4, 5], 30 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 31 | } 32 | ) 33 | header = html.H4( 34 | "ThemeChangerAIO Demo", className="bg-primary text-white p-4 mb-2 text-center" 35 | ) 36 | buttons = html.Div( 37 | [ 38 | dbc.Button("Primary", color="primary"), 39 | dbc.Button("Secondary", color="secondary"), 40 | dbc.Button("Success", color="success"), 41 | dbc.Button("Warning", color="warning"), 42 | dbc.Button("Danger", color="danger"), 43 | dbc.Button("Info", color="info"), 44 | dbc.Button("Light", color="light"), 45 | dbc.Button("Dark", color="dark"), 46 | dbc.Button("Link", color="link"), 47 | ], 48 | className="m-4", 49 | ) 50 | 51 | graph = html.Div(dcc.Graph(id="graph"), className="m-4") 52 | 53 | app.layout = dbc.Container( 54 | [ 55 | header, 56 | dbc.Row( 57 | [ 58 | dbc.Col( 59 | ThemeChangerAIO( 60 | aio_id="theme", radio_props={"value": dbc.themes.FLATLY} 61 | ), 62 | width=2, 63 | ), 64 | dbc.Col([buttons, graph], width=10), 65 | ] 66 | ), 67 | ], 68 | className="m-4 dbc", 69 | fluid=True, 70 | ) 71 | 72 | 73 | @app.callback( 74 | Output("graph", "figure"), Input(ThemeChangerAIO.ids.radio("theme"), "value"), 75 | ) 76 | def update_graph_theme(theme): 77 | return px.bar( 78 | df, 79 | x="Fruit", 80 | y="Amount", 81 | color="City", 82 | barmode="group", 83 | template=template_from_url(theme), 84 | ) 85 | 86 | 87 | if __name__ == "__main__": 88 | app.run_server(debug=True) 89 | -------------------------------------------------------------------------------- /examples/demo_toggle.py: -------------------------------------------------------------------------------- 1 | """ 2 | This is a minimal example of changing themes with the ThemeSwitchAIO component 3 | Note - this requires dash-bootstrap-components>=1.0.0 and dash>=2.0 4 | pip install dash-bootstrap-templates=1.0.0. 5 | 6 | The ThemeSwitchAIO component updates the Plotly default figure template when the 7 | theme changes, but the figures must be updated in a callback in order to render with the new template. 8 | 9 | This example demos: 10 | - how to update the figure for the new theme in a callback 11 | - using the dbc class which helps improve the style when the themes are switched. See the dbc.css file in the dash-bootstrap-templates library. 12 | 13 | """ 14 | 15 | from dash import Dash, dcc, html, Input, Output 16 | import pandas as pd 17 | import plotly.express as px 18 | import dash_bootstrap_components as dbc 19 | from dash_bootstrap_templates import ThemeSwitchAIO 20 | 21 | # select the Bootstrap stylesheet2 and figure template2 for the theme toggle here: 22 | template_theme1 = "sketchy" 23 | template_theme2 = "darkly" 24 | url_theme1 = dbc.themes.SKETCHY 25 | url_theme2 = dbc.themes.DARKLY 26 | 27 | 28 | dbc_css = ( 29 | "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css" 30 | ) 31 | app = Dash(__name__, external_stylesheets=[url_theme1, dbc_css]) 32 | 33 | df = pd.DataFrame( 34 | { 35 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 36 | "Amount": [4, 1, 2, 2, 4, 5], 37 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 38 | } 39 | ) 40 | header = html.H4("ThemeSwitchAIO Demo", className="bg-primary text-white p-4 mb-2") 41 | buttons = html.Div( 42 | [ 43 | dbc.Button("Primary", color="primary"), 44 | dbc.Button("Secondary", color="secondary"), 45 | dbc.Button("Success", color="success"), 46 | dbc.Button("Warning", color="warning"), 47 | dbc.Button("Danger", color="danger"), 48 | dbc.Button("Info", color="info"), 49 | dbc.Button("Light", color="light"), 50 | dbc.Button("Dark", color="dark"), 51 | dbc.Button("Link", color="link"), 52 | ], 53 | className="m-4", 54 | ) 55 | graph = html.Div(dcc.Graph(id="graph"), className="m-4") 56 | 57 | """ 58 | =============================================================================== 59 | Layout 60 | """ 61 | app.layout = dbc.Container( 62 | dbc.Row( 63 | [ 64 | dbc.Col( 65 | [ 66 | header, 67 | ThemeSwitchAIO(aio_id="theme", themes=[url_theme1, url_theme2],), 68 | buttons, 69 | graph, 70 | ] 71 | ) 72 | ] 73 | ), 74 | className="m-4 dbc", 75 | fluid=True, 76 | ) 77 | 78 | 79 | @app.callback( 80 | Output("graph", "figure"), Input(ThemeSwitchAIO.ids.switch("theme"), "value"), 81 | ) 82 | def update_graph_theme(toggle): 83 | template = template_theme1 if toggle else template_theme2 84 | return px.bar( 85 | df, x="Fruit", y="Amount", color="City", barmode="group", template=template 86 | ) 87 | 88 | 89 | if __name__ == "__main__": 90 | app.run_server(debug=True) 91 | -------------------------------------------------------------------------------- /examples/demo_toggle_icons.py: -------------------------------------------------------------------------------- 1 | """ 2 | 3 | This is a minimal example of changing themes with the ThemeSwitchAIO component 4 | Note - this requires dash-bootstrap-components>=1.0.0 and dash>=2.0 5 | pip install dash-bootstrap-templates=1.0.0. 6 | 7 | The ThemeSwitchAIO component updates the Plotly default figure template when the 8 | theme changes, but the figures must be updated in a callback in order to render with the new template. 9 | 10 | This example demos: 11 | - how to update the figure for the new theme in a callback 12 | - how to use different icons to the left and right of the toggle switch. 13 | - using the Bootstrap icons rather than the default FontAwesome icons. 14 | - using the dbc class which helps improve the style when the themes are switched. See the dbc.css file in the dash-bootstrap-templates library. 15 | """ 16 | 17 | from dash import Dash, dcc, html, Input, Output 18 | import pandas as pd 19 | import plotly.express as px 20 | import dash_bootstrap_components as dbc 21 | from dash_bootstrap_templates import ThemeSwitchAIO 22 | 23 | # select the Bootstrap stylesheet2 and figure template2 for the theme toggle here: 24 | 25 | template_theme1 = "quartz" 26 | template_theme2 = "vapor" 27 | url_theme1 = dbc.themes.QUARTZ 28 | url_theme2 = dbc.themes.VAPOR 29 | 30 | 31 | dbc_css = ( 32 | "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css" 33 | ) 34 | app = Dash(__name__, external_stylesheets=[url_theme1, dbc_css, dbc.icons.BOOTSTRAP]) 35 | 36 | df = pd.DataFrame( 37 | { 38 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 39 | "Amount": [4, 1, 2, 2, 4, 5], 40 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 41 | } 42 | ) 43 | header = html.H4("ThemeSwitchAIO Demo", className="bg-primary text-white p-4 mb-2") 44 | buttons = html.Div( 45 | [ 46 | dbc.Button("Primary", color="primary"), 47 | dbc.Button("Secondary", color="secondary"), 48 | dbc.Button("Success", color="success"), 49 | dbc.Button("Warning", color="warning"), 50 | dbc.Button("Danger", color="danger"), 51 | dbc.Button("Info", color="info"), 52 | dbc.Button("Light", color="light"), 53 | dbc.Button("Dark", color="dark"), 54 | dbc.Button("Link", color="link"), 55 | ], 56 | className="m-4", 57 | ) 58 | graph = html.Div(dcc.Graph(id="graph"), className="m-4") 59 | 60 | """ 61 | =============================================================================== 62 | Layout 63 | """ 64 | app.layout = dbc.Container( 65 | dbc.Row( 66 | [ 67 | dbc.Col( 68 | [ 69 | header, 70 | ThemeSwitchAIO( 71 | aio_id="theme", 72 | icons={"left": "bi bi-moon", "right": "bi bi-sun"}, 73 | themes=[url_theme1, url_theme2], 74 | ), 75 | buttons, 76 | graph, 77 | ] 78 | ) 79 | ] 80 | ), 81 | className="m-4", 82 | fluid=True, 83 | ) 84 | 85 | 86 | @app.callback( 87 | Output("graph", "figure"), Input(ThemeSwitchAIO.ids.switch("theme"), "value"), 88 | ) 89 | def update_graph_theme(toggle): 90 | template = template_theme1 if toggle else template_theme2 91 | return px.bar( 92 | df, x="Fruit", y="Amount", color="City", barmode="group", template=template 93 | ) 94 | 95 | 96 | if __name__ == "__main__": 97 | app.run_server(debug=True) 98 | -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/__init__.py: -------------------------------------------------------------------------------- 1 | import json 2 | 3 | import plotly.io as pio 4 | 5 | try: 6 | from importlib.resources import files 7 | except ImportError: 8 | # if using Python 3.8 or lower import from the backport 9 | from importlib_resources import files 10 | 11 | try: 12 | from importlib.metadata import ( 13 | PackageNotFoundError, 14 | version, 15 | ) 16 | except ModuleNotFoundError: 17 | # if using Python 3.7, import from the backport 18 | from importlib_metadata import ( 19 | PackageNotFoundError, 20 | version, 21 | ) 22 | 23 | from packaging import version as packaging_version 24 | 25 | min_version = "6.0.0" 26 | max_version = "7.0.0" 27 | plotly_version = version("plotly") 28 | parse_min_version = packaging_version.parse("6.0.0") 29 | parse_max_version = packaging_version.parse("7.0.0") 30 | parse_plotly_version = packaging_version.parse(plotly_version) 31 | if not (parse_min_version <= parse_plotly_version < parse_max_version): 32 | raise ImportError(f"Incompatible Plotly version: {plotly_version}. Expected >={min_version}, <{max_version}.\n") 33 | 34 | try: 35 | __version__ = version("dash_bootstrap_templates") 36 | except PackageNotFoundError: 37 | # package is not installed 38 | pass 39 | 40 | """ 41 | Use this function to make the bootstrap figure templates available in your Dash app 42 | """ 43 | 44 | dbc_templates = [ 45 | "bootstrap", 46 | "cerulean", 47 | "cosmo", 48 | "cyborg", 49 | "darkly", 50 | "flatly", 51 | "journal", 52 | "litera", 53 | "lumen", 54 | "lux", 55 | "materia", 56 | "minty", 57 | "morph", 58 | "pulse", 59 | "quartz", 60 | "sandstone", 61 | "simplex", 62 | "sketchy", 63 | "slate", 64 | "solar", 65 | "spacelab", 66 | "superhero", 67 | "united", 68 | "vapor", 69 | "yeti", 70 | "zephyr", 71 | "vizro" 72 | ] 73 | 74 | 75 | def read_template(theme): 76 | try: 77 | with ( 78 | files("dash_bootstrap_templates") / "templates" / f"{theme}.json" 79 | ).open() as f: 80 | template = json.load(f) 81 | except IOError: 82 | with ( 83 | files("dash_bootstrap_templates") / "templates" / "bootstrap.json" 84 | ).open() as f: 85 | template = json.load(f) 86 | pio.templates[theme] = template 87 | 88 | 89 | def load_figure_template(themes="bootstrap"): 90 | """Add figure template to plotly.io and sets the default template 91 | 92 | Keyword arguments: 93 | themes -- may be a string or list of strings. (Default "bootstrap") 94 | - The string is the lowercase name of a Bootstrap theme 95 | "all" will load all 52 themes. 96 | 97 | The plotly.io.templates.default will be the first theme if 98 | themes is a list. If the themes attribute is invalid, the 99 | "bootstrap" theme will be used. 100 | """ 101 | if type(themes) is list: 102 | for theme in themes: 103 | read_template(theme) 104 | pio.templates.default = themes[0] 105 | 106 | elif themes == "all": 107 | for theme in dbc_templates: 108 | read_template(theme) 109 | read_template(f"{theme}_dark") 110 | pio.templates.default = "bootstrap" 111 | 112 | 113 | else: 114 | read_template(themes) 115 | pio.templates.default = themes 116 | 117 | 118 | from aio import ThemeSwitchAIO, ThemeChangerAIO, template_from_url 119 | -------------------------------------------------------------------------------- /examples/demo_vizro_bootstrap.py: -------------------------------------------------------------------------------- 1 | """ 2 | This script demonstrates the use of the `vizro.bootstrap` theme in combination with the `load_figure_template(themes)` 3 | function from the `dash_bootstrap_templates.py` module. 4 | 5 | Unlike other Bootstrap themes, the `vizro.bootstrap` theme is not included in the `dbc.themes` module. Therefore, you 6 | need to import it directly from the `vizro` module. You can then add it to the external stylesheets of your Dash app: 7 | 8 | ```python 9 | pip install vizro>=0.1.34 10 | 11 | import vizro 12 | from dash import Dash 13 | 14 | app = Dash(__name__, external_stylesheets=[vizro.bootstrap]) 15 | ``` 16 | 17 | In case you want to use the Vizro bootstrap theme without having to import vizro, you can also get the 18 | latest CSS file via: 19 | 20 | ```python 21 | vizro_bootstrap = "https://cdn.jsdelivr.net/gh/mckinsey/vizro@main/vizro-core/src/vizro/static/css/vizro-bootstrap.min.css" 22 | app = Dash(__name__, external_stylesheets=[vizro_bootstrap]) 23 | ``` 24 | """ 25 | from dash import Dash, html, dcc, Input, Output, Patch, clientside_callback, callback 26 | import plotly.express as px 27 | import plotly.io as pio 28 | import dash_bootstrap_components as dbc 29 | # You need to install vizro>=0.1.34 30 | import vizro 31 | 32 | from dash_bootstrap_templates import load_figure_template 33 | 34 | # Load data and figure templates 35 | gapminder = px.data.gapminder().query("year==2007") 36 | load_figure_template(["vizro", "vizro_dark"]) 37 | 38 | # Initialize the Dash app 39 | app = Dash(__name__, external_stylesheets=[vizro.bootstrap, dbc.icons.FONT_AWESOME]) 40 | 41 | # Alternatively, you could do: 42 | # vizro_bootstrap = "https://cdn.jsdelivr.net/gh/mckinsey/vizro@main/vizro-core/src/vizro/static/css/vizro-bootstrap.min.css" 43 | # app = Dash(__name__, external_stylesheets=[vizro_bootstrap, dbc.icons.FONT_AWESOME]) 44 | 45 | # Create components for the dashboard 46 | color_mode_switch = html.Span( 47 | [ 48 | dbc.Label(className="fa fa-moon", html_for="switch"), 49 | dbc.Switch(id="switch", value=False, className="d-inline-block ms-1"), 50 | dbc.Label(className="fa fa-sun", html_for="switch"), 51 | ] 52 | ) 53 | scatter = dcc.Graph( 54 | id="scatter", figure=px.scatter(gapminder, x="gdpPercap", y="lifeExp", size="pop", size_max=60, color="continent") 55 | ) 56 | box = dcc.Graph(id="box", figure=px.box(gapminder, x="continent", y="lifeExp", color="continent")) 57 | 58 | 59 | tabs = dbc.Tabs( 60 | [ 61 | dbc.Tab(scatter, label="Scatter Plot"), 62 | dbc.Tab(box, label="Box Plot"), 63 | ] 64 | ) 65 | 66 | # Create app layout 67 | app.layout = dbc.Container( 68 | [html.H1("Vizro Bootstrap Demo", className="bg-primary p-2 mt-4"), color_mode_switch, tabs], 69 | fluid=True, 70 | ) 71 | 72 | 73 | # Add callbacks to switch between dark / light 74 | @callback( 75 | [Output("scatter", "figure"), Output("box", "figure")], 76 | Input("switch", "value"), 77 | ) 78 | def update_figure_template(switch_on): 79 | """Sync the figure template with the color mode switch on the bootstrap template.""" 80 | template = pio.templates["vizro"] if switch_on else pio.templates["vizro_dark"] 81 | patched_figure = Patch() 82 | patched_figure["layout"]["template"] = template 83 | 84 | return patched_figure, patched_figure 85 | 86 | 87 | clientside_callback( 88 | """ 89 | (switchOn) => { 90 | switchOn 91 | ? document.documentElement.setAttribute('data-bs-theme', 'light') 92 | : document.documentElement.setAttribute('data-bs-theme', 'dark') 93 | return window.dash_clientside.no_update 94 | } 95 | """, 96 | Output("switch", "id"), 97 | Input("switch", "value"), 98 | ) 99 | 100 | 101 | if __name__ == "__main__": 102 | app.run(debug=True) 103 | -------------------------------------------------------------------------------- /examples/demo_template_vs_default.py: -------------------------------------------------------------------------------- 1 | # 2 | """ 3 | This is a demo of the `load_figure_template(themes)` function from dash_bootstrap_templates.py 4 | It loads the Bootstrap theme template, adds it to plotly.io and makes it the default. 5 | 6 | The app shows two graphs, the Bootstrap theme template vs the built-in default 'plotly' template 7 | 8 | """ 9 | 10 | from dash_bootstrap_templates import load_figure_template 11 | 12 | from dash import Dash, dcc, html, Input, Output 13 | import plotly.express as px 14 | import dash_bootstrap_components as dbc 15 | 16 | # select the Bootstrap stylesheet and figure template for the theme here: 17 | template_theme = "vapor" 18 | url_theme = dbc.themes.VAPOR 19 | # ----------------------------- 20 | 21 | app = Dash(__name__, external_stylesheets=[url_theme]) 22 | load_figure_template(template_theme) 23 | 24 | 25 | df = px.data.gapminder() 26 | 27 | dropdown = dcc.Dropdown( 28 | id="indicator", 29 | options=[{"label": str(i), "value": i} for i in ["gdpPercap", "lifeExp", "pop"]], 30 | value="gdpPercap", 31 | clearable=False, 32 | ) 33 | 34 | 35 | checklist = dbc.Checklist( 36 | id="continents", 37 | options=[{"label": i, "value": i} for i in df.continent.unique()], 38 | value=df.continent.unique()[1:], 39 | inline=True, 40 | ) 41 | 42 | years = df.year.unique() 43 | range_slider = dcc.RangeSlider( 44 | id="slider_years", 45 | min=years[0], 46 | max=years[-1], 47 | step=5, 48 | marks={int(i): str(i) for i in years}, 49 | value=[1982, years[-1]], 50 | ) 51 | 52 | 53 | buttons = html.Div( 54 | [ 55 | dbc.Button("Primary", color="primary"), 56 | dbc.Button("Secondary", color="secondary"), 57 | dbc.Button("Success", color="success"), 58 | dbc.Button("Warning", color="warning"), 59 | dbc.Button("Danger", color="danger"), 60 | dbc.Button("Info", color="info"), 61 | dbc.Button("Light", color="light"), 62 | dbc.Button("Dark", color="dark"), 63 | dbc.Button("Link", color="link"), 64 | ] 65 | ) 66 | 67 | 68 | controls = dbc.Card( 69 | [ 70 | dbc.Row( 71 | [ 72 | dbc.Col([dbc.Label("Select indicator (y-axis)"), dropdown]), 73 | dbc.Col([dbc.Label("Select continents"), checklist,]), 74 | ] 75 | ), 76 | dbc.Row([dbc.Label("Select years"), range_slider, buttons,]), 77 | ], 78 | className="m-4 px-2", 79 | ) 80 | 81 | app.layout = dbc.Container( 82 | [ 83 | html.H1( 84 | "Dash Bootstrap Template vs Plolty Default Template", 85 | className="bg-primary text-white p-2", 86 | ), 87 | dbc.Row( 88 | [ 89 | dbc.Col(dcc.Graph(id="line_chart1"), lg=6), 90 | dbc.Col(dcc.Graph(id="line_chart2"), lg=6), 91 | ] 92 | ), 93 | controls, 94 | html.Hr(), 95 | ], 96 | id="layout_container", 97 | className="dbc", 98 | fluid=True, 99 | ) 100 | 101 | 102 | @app.callback( 103 | Output("line_chart1", "figure"), 104 | Output("line_chart2", "figure"), 105 | Input("indicator", "value"), 106 | Input("continents", "value"), 107 | Input("slider_years", "value"), 108 | ) 109 | def update_charts(indicator, continents, years): 110 | if continents == [] or indicator is None: 111 | return {}, {} 112 | 113 | dff = df[df.year.between(years[0], years[1])] 114 | dff = dff[dff.continent.isin(continents)] 115 | fig1 = px.line( 116 | dff, 117 | x="year", 118 | y=indicator, 119 | color="continent", 120 | line_group="country", 121 | title=f"template='{template_theme}'", 122 | ) 123 | 124 | fig2 = px.line( 125 | dff, 126 | x="year", 127 | y=indicator, 128 | color="continent", 129 | line_group="country", 130 | template="plotly", 131 | title="template='plotly'", 132 | ) 133 | return fig1, fig2 134 | 135 | 136 | if __name__ == "__main__": 137 | app.run_server(debug=True) 138 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## Dec 2025 2 | - Added Dash 4 DCC style for dash-bootstrap-components 3 | - Added the dmc class for Dash 4 DCC style for dash-mantine-components 4 | 5 | ## Oct 2025 6 | - updated dbc.css for dcc.Dropdown placeholder border. closes #50 7 | 8 | ## April 2025 9 | - updated dbc.css for dcc.Dropdown placeholder PR #49 by ra99 10 | 11 | ## Feb 12, 2025 12 | - Integrated Vizro Plotly templates following the release of [`vizro.bootstrap`](https://github.com/mckinsey/vizro/pull/970). 13 | Using `vizro.bootstrap` requires `vizro>=0.1.34` to be installed. 14 | - Added `vizro_dark.json` and `vizro.json` plotly templates from [vizro themes](https://github.com/mckinsey/vizro/tree/main/vizro-core/src/vizro/_themes), 15 | corresponding to chart templates available in `vizro==0.1.34`. 16 | - Applied minor visual adjustments to `dbc.css`. 17 | 18 | ## Jan 29, 2025 19 | Plotly 6.0 compatibility 20 | - Update json templates to be compatible with plotly major release. Closes [#45](https://github.com/AnnMarieW/dash-bootstrap-templates/issues/45) 21 | 22 | ## Feb 21, 2024 23 | Fixed dbc.css 24 | - use new Bootstrap variables for border width and color Closes [#6](https://github.com/AnnMarieW/dash-bootstrap-templates/issues/6) 25 | - matched dcc date picker input fields to match dcc.Dropdown input fields 26 | 27 | ## Jan 27, 2024 28 | Fixed dbc.css - ag grid toolip background color 29 | 30 | ## 1.1.2 Jan 14, 2024 31 | Fixed regression where figure background did not match theme's card color. Closes issue #25 32 | 33 | 34 | ## 1.1.1 Oct 18, 2023 35 | 36 | Fixed error in how colorways were created, resulting in a slight changed in the color of the green (Bootstrap Success) color. 37 | Thanks to @oliverb for PR #22 38 | 39 | 40 | ## Oct 2, 2023 41 | 42 | Fixed placeholder text color. Closes #20 43 | 44 | ## 1.1.0 Sept 26, 2023 45 | ### New Features 46 | 47 | - Added 26 new dark mode figure templates for each of the 26 Bootstrap themed figure templates 48 | - Added examples of how to use the Bootstrap Color Modes switch between dark and light modes in a Dash app 49 | - Added support for styling Dash AG Grid with a bootstrap theme in the `dbc.css` file 50 | - Added an option to load all figure templates: 51 | ```python 52 | from dash_bootstrap_templates import load_figure_template 53 | load_figure_template("all") 54 | ``` 55 | 56 | 57 | ## Sept 12, 2023 58 | 59 | Updated the dbc.css file to add the `dbc-ag-grid` class to apply Bootstrap theme to Dash AG Grid 60 | 61 | 62 | ## 1.0.8 Feb 21, 2023 63 | ### Fixed and Added New Features 64 | 65 | - Pull Request [#14](https://github.com/AnnMarieW/dash-bootstrap-templates/pull/14). Thanks @BSd3v for the contribution! 66 | - Fixed `ThemeSwitchAIO` so it doesn't load multiple stylesheets when toggling. 67 | - Add support for `ThemeSwitchAIO` to work with stylesheets in the assets folder. 68 | - Removed restriction for `ThemeSwitchAIO` of only working with the themes in the dash-bootstrap-components library. 69 | 70 | 71 | ## 1.0.7 Sept 25, 2022 72 | ### Fixed 73 | - Fixed hover template font closes [#9](https://github.com/AnnMarieW/dash-bootstrap-templates/issues/9) 74 | - Fixed margins - made margins the same as the Plotly default templates. 75 | 76 | 77 | ## 1.0.6 Jul 21, 2022 78 | ### Fixed 79 | - Fixed the theme switch component when it starts in dark mode. closes [#8](https://github.com/AnnMarieW/dash-bootstrap-templates/issues/8) 80 | 81 | 82 | ## 1.0.5 Feb 14, 2022 83 | ### Fixed 84 | - relaxed install versions 85 | 86 | ## 1.0.2 87 | 88 | ### Changes 89 | - updated the dbc.css to improve style when switching themes. 90 | 91 | 92 | ## 1.0.0 93 | V1.0.0 is based on `dash` V2.0.0 and `dash-bootstrap-components` V1.0.0 which uses 94 | Boostrap V5 stylesheets. 95 | 96 | ### Added 97 | - added "QUARTZ", "MORPH", "VAPOR", "ZEPHYR" themes 98 | - added 2 All-In-One components to switch themes. 99 | - `ThemeSwitchAIO` toggles between two themes 100 | - `ThemeChangerAIO` opens a Offcanvas component to select any of the 26 themes 101 | - `template_from_url` helper function to get the figure template name for the selected theme 102 | - added `dbc.css` which minimally styles `dash-core-components` and the `DataTable` with the selected Bootstrap theme 103 | - added examples of the2 AIO components that switch themes. 104 | 105 | ### Changes 106 | - updated `_create_templates.py` to generate figure templates based on Boostrap V5 stylesheets 107 | 108 | 109 | ## 0.1.1 110 | 111 | This is the initial release of `dash-bootstrap-templates` which includes a collection of 22 Plotly figure templates customized 112 | for Bootstrap themes. This is based on `dash` V1.21.0 and `dash-bootstrap-components` V0.21.0 which uses 113 | Boostrap V4 stylesheets. 114 | 115 | Find sample usage in the `examples/` folder 116 | -------------------------------------------------------------------------------- /examples/demo_new_switch/demo_new_switch.py: -------------------------------------------------------------------------------- 1 | from dash import Dash, dcc, html, Input, Output, dash_table, callback 2 | import pandas as pd 3 | import plotly.express as px 4 | import dash_bootstrap_components as dbc 5 | import dash_ag_grid as dag 6 | 7 | from dash_bootstrap_templates import ThemeSwitchAIO, load_figure_template 8 | 9 | app = Dash( 10 | __name__, 11 | # for this example we use the local dbc.css, but once available through cdn, it should be added with 12 | # external_stylesheets=["https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates/dbc.min.css"] 13 | 14 | # test using custom assets folders 15 | assets_folder='server_side_assets', 16 | assets_url_path='client_side_assets' 17 | ) 18 | 19 | ##### Test dbc themes: 20 | themes = (dbc.themes.BOOTSTRAP, dbc.themes.CYBORG) 21 | 22 | ##### Test custom themes: 23 | # Actually, only the name of the file is needed 24 | # themes = ("/server_side_assets/custom_light_theme.css", "custom_dark_theme.css") 25 | 26 | df = pd.DataFrame( 27 | { 28 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 29 | "Amount": [4, 1, 2, 2, 4, 5], 30 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 31 | } 32 | ) 33 | 34 | app.layout = html.Div( 35 | [ 36 | html.Div( 37 | [ 38 | html.H3("ThemeSwitchAIO Demo"), 39 | dbc.Checkbox(id="alt-icons-chk", label="Use alternative switch icons"), 40 | ThemeSwitchAIO(aio_id="theme", themes=themes) 41 | ], className="sticky-top bg-secondary" 42 | ), 43 | html.H4('Dash Bootstrap Components:'), 44 | html.Div( 45 | [ 46 | dbc.Button(f"{color}", color=f"{color}", size="sm") 47 | for color in ["primary", "secondary", "success", "warning", "danger", "info", "light", "dark", "link"] 48 | ] 49 | ), 50 | dbc.Checklist(['New York City', 'Montréal', 'San Francisco'], ['New York City', 'Montréal'], inline=True), 51 | dbc.RadioItems(['New York City', 'Montreal', 'San Francisco'], 'Montreal', inline=True), 52 | html.Hr(), 53 | html.H4('Dash Core Components:'), 54 | dcc.Checklist(['New York City', 'Montréal', 'San Francisco'], ['New York City', 'Montréal'], inline=True), 55 | dcc.RadioItems(['New York City', 'Montreal', 'San Francisco'], 'Montreal', inline=True), 56 | dcc.Dropdown(["Apple", "Carrots", "Chips", "Cookies"], ["Cookies", "Carrots"], multi=True), 57 | dcc.Slider(min=0, max=20, step=5, value=10), 58 | html.Hr(), 59 | html.H4('Dash DataTable:'), 60 | dash_table.DataTable( 61 | columns=[{"name": i, "id": i} for i in df.columns], 62 | data=df.to_dict("records"), 63 | row_selectable="single", 64 | row_deletable=True, 65 | editable=True, 66 | filter_action="native", 67 | sort_action="native", 68 | style_table={"overflowX": "auto"}, 69 | ), 70 | html.Hr(), 71 | html.H4('Dash AG Grid:'), 72 | dag.AgGrid( 73 | columnDefs=[{"field": i} for i in df.columns], 74 | rowData=df.to_dict("records"), 75 | defaultColDef={ 76 | "flex": 1, "filter": True, 77 | "checkboxSelection": { 78 | "function": 'params.column == params.api.getAllDisplayedColumns()[0]' 79 | }, 80 | "headerCheckboxSelection": { 81 | "function": 'params.column == params.api.getAllDisplayedColumns()[0]' 82 | } 83 | }, 84 | dashGridOptions={"rowSelection": "multiple", "domLayout": "autoHeight"}, 85 | className='ag-theme-quartz dbc-ag-grid' 86 | ), 87 | html.Hr(), 88 | html.H4('Plotly Figure:'), 89 | dcc.Graph( 90 | id='theme_switch-graph', 91 | figure=px.bar(df, x="Fruit", y="Amount", color="City", barmode="group") 92 | ) 93 | ], className='dbc' 94 | ) 95 | 96 | 97 | # Switch figure themes 98 | @callback( 99 | Output("theme_switch-graph", "figure"), 100 | Input(ThemeSwitchAIO.ids.switch("theme"), "value"), 101 | ) 102 | def update_figure_template(switch_on): 103 | return px.bar( 104 | df, x="Fruit", y="Amount", color="City", barmode="group", 105 | template="minty" if switch_on else "cyborg" 106 | ) 107 | 108 | 109 | # Test changing the icons 110 | @callback( 111 | Output(ThemeSwitchAIO.ids.leftIcon("theme"), "className"), 112 | Output(ThemeSwitchAIO.ids.rightIcon("theme"), "className"), 113 | Input("alt-icons-chk", "value"), 114 | ) 115 | def use_alt_icons(alt_icons): 116 | return ("fa fa-bed", "fa fa-smile") if alt_icons else ("fa fa-moon", "fa fa-sun") 117 | 118 | 119 | if __name__ == "__main__": 120 | app.run(debug=True) 121 | -------------------------------------------------------------------------------- /examples/demo_theme_change_4_graphs.py: -------------------------------------------------------------------------------- 1 | from dash import Dash, dcc, html, Input, Output 2 | import plotly.express as px 3 | import dash_bootstrap_components as dbc 4 | from dash_bootstrap_templates import ThemeChangerAIO, template_from_url 5 | 6 | dbc_css = ( 7 | "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css" 8 | ) 9 | 10 | app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP, dbc_css]) 11 | 12 | iris = px.data.iris() 13 | gapminder = px.data.gapminder() 14 | tips = px.data.tips() 15 | carshare = px.data.carshare() 16 | 17 | figure_templates = [ 18 | "bootstrap_theme", 19 | "plotly", 20 | "ggplot2", 21 | "seaborn", 22 | "simple_white", 23 | "plotly_white", 24 | "plotly_dark", 25 | "presentation", 26 | "xgridoff", 27 | "ygridoff", 28 | "gridon", 29 | "none", 30 | ] 31 | 32 | change_theme = ThemeChangerAIO( 33 | aio_id="theme", 34 | radio_props={"value": dbc.themes.SUPERHERO}, 35 | button_props={ 36 | "size": "lg", 37 | "outline": False, 38 | "style": {"marginTop": ".5rem"}, 39 | "color": "success", 40 | }, 41 | ) 42 | 43 | change_figure_template = html.Div( 44 | [ 45 | html.Div("Change Figure Template"), 46 | dcc.Dropdown(figure_templates, "bootstrap_theme", id="template"), 47 | ], 48 | className="pb-4", 49 | ) 50 | 51 | sources = html.Div( 52 | [ 53 | html.P("By Tuomas Poukkula"), 54 | html.Label( 55 | [ 56 | "Sources: ", 57 | html.A( 58 | "Dash Bootstrap Templates| ", 59 | href="https://pypi.org/project/dash-bootstrap-templates/0.1.1/", 60 | target="_blank", 61 | ), 62 | html.A( 63 | "Plotly Templates| ", 64 | href="https://plotly.com/python/templates/", 65 | target="_blank", 66 | ), 67 | html.A( 68 | "Plotly Express", 69 | href="https://plotly.com/python/plotly-express/", 70 | target="_blank", 71 | ), 72 | ] 73 | ), 74 | ] 75 | ) 76 | 77 | 78 | def make_figures(template): 79 | graph1 = dcc.Graph( 80 | figure=px.scatter( 81 | iris, 82 | x="sepal_width", 83 | y="sepal_length", 84 | color="species", 85 | title=f"Iris
{template} figure template", 86 | template=template, 87 | ), 88 | className="border", 89 | ) 90 | graph2 = dcc.Graph( 91 | figure=px.scatter( 92 | gapminder, 93 | x="gdpPercap", 94 | y="lifeExp", 95 | size="pop", 96 | color="continent", 97 | hover_name="country", 98 | animation_frame="year", 99 | animation_group="country", 100 | log_x=True, 101 | size_max=60, 102 | title=f"Gapminder
{template} figure template", 103 | template=template, 104 | ), 105 | className="border", 106 | ) 107 | graph3 = dcc.Graph( 108 | figure=px.violin( 109 | tips, 110 | y="tip", 111 | x="smoker", 112 | color="sex", 113 | box=True, 114 | points="all", 115 | hover_data=tips.columns, 116 | title=f"Tips
{template} figure template", 117 | template=template, 118 | ), 119 | className="border", 120 | ) 121 | graph4 = dcc.Graph( 122 | figure=px.scatter_mapbox( 123 | carshare, 124 | lat="centroid_lat", 125 | lon="centroid_lon", 126 | color="peak_hour", 127 | size="car_hours", 128 | size_max=15, 129 | zoom=10, 130 | mapbox_style="carto-positron", 131 | title=f"Carshare
{template} figure template", 132 | template=template, 133 | ), 134 | className="border", 135 | ) 136 | 137 | return [ 138 | dbc.Row([dbc.Col(graph1, lg=6), dbc.Col(graph2, lg=6)]), 139 | dbc.Row([dbc.Col(graph3, lg=6), dbc.Col(graph4, lg=6)], className="mt-4"), 140 | ] 141 | 142 | 143 | app.layout = dbc.Container( 144 | [ 145 | dbc.Row( 146 | [ 147 | dbc.Col(change_theme, lg=2), 148 | dbc.Col(change_figure_template, lg=4), 149 | ], 150 | ), 151 | dbc.Row(dbc.Col(html.Div(id="graphs"))), 152 | dbc.Row(dbc.Col(sources)), 153 | ], 154 | className="dbc p-4", 155 | fluid=True, 156 | ) 157 | 158 | 159 | @app.callback( 160 | Output("graphs", "children"), 161 | Input(ThemeChangerAIO.ids.radio("theme"), "value"), 162 | Input("template", "value"), 163 | ) 164 | def update_graph_theme(theme, template): 165 | template = template_from_url(theme) if template == "bootstrap_theme" else template 166 | 167 | return make_figures(template) 168 | 169 | 170 | if __name__ == "__main__": 171 | app.run_server(debug=True) -------------------------------------------------------------------------------- /examples/demo_new_theme_changer/demo_new_theme_changer.py: -------------------------------------------------------------------------------- 1 | from dash import Dash, dcc, html, Input, Output, dash_table, callback 2 | import pandas as pd 3 | import plotly.express as px 4 | import dash_bootstrap_components as dbc 5 | import dash_ag_grid as dag 6 | 7 | from dash_bootstrap_templates import ThemeChangerAIO, template_from_url 8 | 9 | app = Dash( 10 | __name__, 11 | external_stylesheets=["https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates/dbc.min.css"], 12 | ########## test custom server/client assets folders ########## 13 | assets_folder='server_side_assets', 14 | assets_url_path='client_side_assets' 15 | ) 16 | 17 | df = pd.DataFrame({ 18 | "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"], 19 | "Amount": [4, 1, 2, 2, 4, 5], 20 | "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"], 21 | }) 22 | 23 | app.layout = html.Div( 24 | [ 25 | # header 26 | html.Div( 27 | [ 28 | html.H3("ThemeChangerAIO Demo"), 29 | ThemeChangerAIO( 30 | aio_id="theme", 31 | button_props={'outline': False}, 32 | ########## test custom themes ########## 33 | custom_themes={ 34 | 'custom-light': 'custom_light_theme.css', 35 | 'custom-dark': 'custom_dark_theme.css' 36 | }, 37 | custom_dark_themes=['custom-dark'], 38 | ########## test custom RadioItems list ########## 39 | ## Note: the value must match the name of the theme 40 | # radio_props={ 41 | # "options": [ 42 | # {"label": "Cyborg", "value": dbc.themes.CYBORG}, 43 | # {"label": "My Theme", "value": "custom_light_theme.css"}, 44 | # {"label": "My Dark Theme", "value": "custom_dark_theme.css"}, 45 | # {"label": "Spacelab", "value": dbc.themes.SPACELAB}, 46 | # # test setting label styling (here unset the style) 47 | # {"label": "Vapor", "value": dbc.themes.VAPOR, "label_id": ""} 48 | # ], 49 | # "value": dbc.themes.VAPOR, 50 | # }, 51 | ########## test persistence ########## 52 | # radio_props={"persistence": True}, 53 | ), 54 | ], className="sticky-top bg-primary p-2" 55 | ), 56 | 57 | # test DBC components 58 | html.H4('Dash Bootstrap Components:'), 59 | html.Div([ 60 | dbc.Button(f"{color}", color=f"{color}", size="sm") 61 | for color in ["primary", "secondary", "success", "warning", "danger", "info", "light", "dark", "link"] 62 | ]), 63 | dbc.Checklist(['New York City', 'Montréal', 'San Francisco'], ['New York City', 'Montréal'], inline=True), 64 | dbc.RadioItems(['New York City', 'Montreal', 'San Francisco'], 'Montreal', inline=True), 65 | html.Hr(), 66 | 67 | # test DCC components 68 | html.H4('Dash Core Components:'), 69 | dcc.Checklist(['New York City', 'Montréal', 'San Francisco'], ['New York City', 'Montréal'], inline=True), 70 | dcc.RadioItems(['New York City', 'Montreal', 'San Francisco'], 'Montreal', inline=True), 71 | dcc.Dropdown(["Apple", "Carrots", "Chips", "Cookies"], ["Cookies", "Carrots"], multi=True), 72 | dcc.Slider(min=0, max=20, step=5, value=10), 73 | html.Hr(), 74 | 75 | # test DataTable 76 | html.H4('Dash DataTable:'), 77 | dash_table.DataTable( 78 | columns=[{"name": i, "id": i} for i in df.columns], 79 | data=df.to_dict("records"), 80 | row_selectable="single", 81 | row_deletable=True, 82 | editable=True, 83 | filter_action="native", 84 | sort_action="native", 85 | style_table={"overflowX": "auto"}, 86 | ), 87 | html.Hr(), 88 | 89 | # test DAG 90 | html.H4('Dash AG Grid:'), 91 | dag.AgGrid( 92 | columnDefs=[{"field": i} for i in df.columns], 93 | rowData=df.to_dict("records"), 94 | defaultColDef={ 95 | "flex": 1, "filter": True, 96 | "checkboxSelection": { 97 | "function": 'params.column == params.api.getAllDisplayedColumns()[0]' 98 | }, 99 | "headerCheckboxSelection": { 100 | "function": 'params.column == params.api.getAllDisplayedColumns()[0]' 101 | } 102 | }, 103 | dashGridOptions={"rowSelection": "multiple", "domLayout": "autoHeight"}, 104 | className='ag-theme-quartz dbc-ag-grid' 105 | ), 106 | html.Hr(), 107 | 108 | # test plotly fig 109 | html.H4('Plotly Figure:'), 110 | dcc.Graph( 111 | id='theme_changer-graph', 112 | figure=px.bar(df, x="Fruit", y="Amount", color="City", barmode="group") 113 | ) 114 | ], className='dbc' 115 | ) 116 | 117 | 118 | # Switch figure themes 119 | @callback( 120 | Output("theme_changer-graph", "figure"), 121 | Input(ThemeChangerAIO.ids.radio("theme"), "value"), 122 | ) 123 | def update_figure_template(theme): 124 | return px.bar( 125 | df, x="Fruit", y="Amount", color="City", barmode="group", 126 | template=template_from_url(theme) 127 | ) 128 | 129 | 130 | if __name__ == "__main__": 131 | app.run(debug=True) 132 | -------------------------------------------------------------------------------- /examples/sample_app.py: -------------------------------------------------------------------------------- 1 | 2 | from dash import Dash, dcc, html, Input, Output, callback, Patch, clientside_callback 3 | import plotly.express as px 4 | import plotly.io as pio 5 | import dash_bootstrap_components as dbc 6 | from dash_bootstrap_templates import ThemeChangerAIO, template_from_url 7 | import dash_ag_grid as dag 8 | 9 | df = px.data.gapminder() 10 | years = df.year.unique() 11 | continents = df.continent.unique() 12 | 13 | # stylesheet with the .dbc class to style dcc, DataTable and AG Grid components with a Bootstrap theme 14 | dbc_css = "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates/dbc.min.css" 15 | 16 | app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP, dbc.icons.FONT_AWESOME, dbc_css]) 17 | 18 | 19 | color_mode_switch = html.Span( 20 | [ 21 | dbc.Label(className="fa fa-moon", html_for="switch"), 22 | dbc.Switch( id="switch", value=True, className="d-inline-block ms-1", persistence=True), 23 | dbc.Label(className="fa fa-sun", html_for="switch"), 24 | ] 25 | ) 26 | 27 | # The ThemeChangerAIO loads all 52 Bootstrap themed figure templates to plotly.io 28 | theme_controls = html.Div( 29 | [ThemeChangerAIO(aio_id="theme"), color_mode_switch], 30 | className="hstack gap-3 mt-2" 31 | ) 32 | 33 | header = html.H4( 34 | "Theme Explorer Sample App", className="bg-primary text-white p-2 mb-2 text-center" 35 | ) 36 | 37 | grid = dag.AgGrid( 38 | id="grid", 39 | columnDefs=[{"field": i} for i in df.columns], 40 | rowData=df.to_dict("records"), 41 | defaultColDef={"flex": 1, "minWidth": 120, "sortable": True, "resizable": True, "filter": True}, 42 | dashGridOptions={"rowSelection":"multiple"}, 43 | ) 44 | 45 | dropdown = html.Div( 46 | [ 47 | dbc.Label("Select indicator (y-axis)"), 48 | dcc.Dropdown( 49 | ["gdpPercap", "lifeExp", "pop"], 50 | "pop", 51 | id="indicator", 52 | clearable=False, 53 | ), 54 | ], 55 | className="mb-4", 56 | ) 57 | 58 | checklist = html.Div( 59 | [ 60 | dbc.Label("Select Continents"), 61 | dbc.Checklist( 62 | id="continents", 63 | options=continents, 64 | value=continents, 65 | inline=True, 66 | ), 67 | ], 68 | className="mb-4", 69 | ) 70 | 71 | slider = html.Div( 72 | [ 73 | dbc.Label("Select Years"), 74 | dcc.RangeSlider( 75 | years[0], 76 | years[-1], 77 | 5, 78 | id="years", 79 | marks=None, 80 | tooltip={"placement": "bottom", "always_visible": True}, 81 | value=[years[2], years[-2]], 82 | className="p-0", 83 | ), 84 | ], 85 | className="mb-4", 86 | ) 87 | theme_colors = [ 88 | "primary", 89 | "secondary", 90 | "success", 91 | "warning", 92 | "danger", 93 | "info", 94 | "light", 95 | "dark", 96 | "link", 97 | ] 98 | colors = html.Div( 99 | [dbc.Button(f"{color}", color=f"{color}", size="sm") for color in theme_colors] 100 | ) 101 | colors = html.Div(["Theme Colors:", colors], className="mt-2") 102 | 103 | 104 | controls = dbc.Card( 105 | [dropdown, checklist, slider], 106 | body=True, 107 | ) 108 | 109 | tab1 = dbc.Tab([dcc.Graph(id="line-chart", figure=px.line(template="bootstrap"))], label="Line Chart") 110 | tab2 = dbc.Tab([dcc.Graph(id="scatter-chart", figure=px.scatter(template="bootstrap"))], label="Scatter Chart") 111 | tab3 = dbc.Tab([grid], label="Grid", className="p-4") 112 | tabs = dbc.Card(dbc.Tabs([tab1, tab2, tab3])) 113 | 114 | app.layout = dbc.Container( 115 | [ 116 | header, 117 | dbc.Row([ 118 | dbc.Col([controls, theme_controls], width=4), 119 | dbc.Col([tabs, colors], width=8), 120 | ]), 121 | ], 122 | fluid=True, 123 | className="dbc dbc-ag-grid", 124 | ) 125 | 126 | 127 | 128 | @callback( 129 | Output("line-chart", "figure" ), 130 | Output("scatter-chart", "figure"), 131 | Output("grid", "rowData"), 132 | Input("indicator", "value"), 133 | Input("continents", "value"), 134 | Input("years", "value"), 135 | Input(ThemeChangerAIO.ids.radio("theme"), "value"), 136 | Input("switch", "value"), 137 | ) 138 | def update(indicator, continent, yrs, theme, color_mode_switch_on): 139 | 140 | if continent == [] or indicator is None: 141 | return {}, {}, [] 142 | 143 | theme_name = template_from_url(theme) 144 | template_name = theme_name if color_mode_switch_on else theme_name + "_dark" 145 | 146 | dff = df[df.year.between(yrs[0], yrs[1])] 147 | dff = dff[dff.continent.isin(continent)] 148 | 149 | fig = px.line( 150 | dff, 151 | x="year", 152 | y=indicator, 153 | color="continent", 154 | line_group="country", 155 | template=template_name 156 | ) 157 | 158 | fig_scatter = px.scatter( 159 | dff[dff.year == yrs[0]], 160 | x="gdpPercap", 161 | y="lifeExp", 162 | size="pop", 163 | color="continent", 164 | log_x=True, 165 | size_max=60, 166 | template=template_name, 167 | title="Gapminder %s: %s theme" % (yrs[1], template_name), 168 | ) 169 | 170 | return fig, fig_scatter, dff.to_dict("records") 171 | 172 | 173 | # updates the Bootstrap global light/dark color mode 174 | clientside_callback( 175 | """ 176 | switchOn => { 177 | switchOn 178 | ? document.documentElement.setAttribute('data-bs-theme', 'light') 179 | : document.documentElement.setAttribute('data-bs-theme', 'dark') 180 | return window.dash_clientside.no_update 181 | } 182 | """, 183 | Output("switch", "id"), 184 | Input("switch", "value"), 185 | ) 186 | 187 | 188 | # This callback isn't necessary, but it makes updating figures with the new theme much faster 189 | @callback( 190 | Output("line-chart", "figure", allow_duplicate=True ), 191 | Output("scatter-chart", "figure", allow_duplicate=True), 192 | Input(ThemeChangerAIO.ids.radio("theme"), "value"), 193 | Input("switch", "value"), 194 | prevent_initial_call=True 195 | ) 196 | def update_template(theme, color_mode_switch_on): 197 | theme_name = template_from_url(theme) 198 | template_name = theme_name if color_mode_switch_on else theme_name + "_dark" 199 | 200 | patched_figure = Patch() 201 | # When using Patch() to update the figure template, you must use the figure template dict 202 | # from plotly.io and not just the template name 203 | patched_figure["layout"]["template"] = pio.templates[template_name] 204 | return patched_figure, patched_figure 205 | 206 | 207 | 208 | if __name__ == "__main__": 209 | app.run_server(debug=True) -------------------------------------------------------------------------------- /src/aio/aio_theme_switch.py: -------------------------------------------------------------------------------- 1 | from typing import Union, List, Tuple, Dict 2 | from dash import html, dcc, Input, Output, clientside_callback, MATCH, ClientsideFunction, get_app, State 3 | from dash_bootstrap_templates import load_figure_template 4 | import dash_bootstrap_components as dbc 5 | import uuid 6 | 7 | 8 | class ThemeSwitchAIO(html.Div): 9 | class ids: 10 | switch = lambda aio_id: { 11 | "component": "ThemeSwitchAIO", 12 | "subcomponent": "switch", 13 | "aio_id": aio_id, 14 | } 15 | leftIcon = lambda aio_id: { 16 | "component": "ThemeSwitchAIO", 17 | "subcomponent": "leftIcon", 18 | "aio_id": aio_id, 19 | } 20 | rightIcon = lambda aio_id: { 21 | "component": "ThemeSwitchAIO", 22 | "subcomponent": "rightIcon", 23 | "aio_id": aio_id, 24 | } 25 | store = lambda aio_id: { 26 | "component": "ThemeSwitchAIO", 27 | "subcomponent": "store", 28 | "aio_id": aio_id, 29 | } 30 | assetsPath = lambda aio_id: { 31 | "component": "ThemeSwitchAIO", 32 | "subcomponent": "assetsPath", 33 | "aio_id": aio_id, 34 | } 35 | 36 | ids = ids 37 | 38 | def __init__( 39 | self, 40 | aio_id: str = str(uuid.uuid4()), 41 | themes: Union[Tuple[str, str], List[str]] = (dbc.themes.CYBORG, dbc.themes.BOOTSTRAP), 42 | icons=None, 43 | switch_props: Dict[str, any] = None, 44 | ): 45 | """ThemeSwitchAIO is an All-in-One component composed of a parent `html.Div` with 46 | the following components as children: 47 | 48 | - `dbc.Switch` ("`switch`") To switch between two themes. 49 | - `dbc.Label` ("`leftIcon` and `rightIcon`") Icons to the left and right of the switch. 50 | - `dcc.Store` ("`store`") The `themes` are stored in the `data` prop. 51 | 52 | The ThemeSwitchAIO component updates the stylesheet when triggered by changes to the `value` of `switch` or when 53 | the themes are updated in the "`store`" component. 54 | 55 | - param: `switch_props` A dictionary of properties passed into the dbc.Switch component. 56 | - param: `themes` A list of two urls for the external stylesheets or file names of stylesheets in 57 | 'assets_folder' which is 'assets' by default 58 | - param: `icons` A dict of the icons to the left and right of the switch. The default is 59 | `{"left" :"fa fa-moon", "right" :"fa fa-sun"}`. 60 | - param: `aio_id` The All-in-One component ID used to generate components' dictionary IDs. 61 | 62 | The All-in-One component dictionary IDs are available as 63 | 64 | - ThemeSwitchAIO.ids.switch(aio_id) 65 | - ThemeSwitchAIO.ids.leftIcon(aio_id) 66 | - ThemeSwitchAIO.ids.rightIcon(aio_id) 67 | - ThemeSwitchAIO.ids.store(aio_id) 68 | """ 69 | 70 | # init icons and switch_props 71 | if icons is None: 72 | icons = {"left": "fa fa-moon", "right": "fa fa-sun"} 73 | if switch_props is None: 74 | switch_props = {} 75 | # set "value" and "className" if they don't exist 76 | switch_props.setdefault("value", True) 77 | switch_props.setdefault("className", "d-inline-block ms-1") 78 | 79 | # add fontawesome resource for the icons, in first position so that if the user uses another version, 80 | # it will override this version 81 | app = get_app() 82 | app.config.external_stylesheets.insert(0, "https://use.fontawesome.com/releases/v5.15.4/css/all.css") 83 | 84 | # If using custom themes in assets_folder, filter them out to not be automatically imported by Dash 85 | # and let the switch handle them. Add "|" if assets_ignore has already regex rules. 86 | # Note that if the theme is an external URL, the file name will also be added in assets_ignore, 87 | # with no effect as it won't be in assets_folder. 88 | for theme in themes: 89 | app.config.assets_ignore += f'{"|" if app.config.assets_ignore else ""}{theme.split("/")[-1]}' 90 | 91 | # make all dash_bootstrap_templates templates available to plotly figures 92 | load_figure_template('all') 93 | 94 | super().__init__( 95 | [ 96 | html.Span( 97 | [ 98 | dbc.Label(id=self.ids.leftIcon(aio_id), className=icons["left"]), 99 | dbc.Switch(id=self.ids.switch(aio_id), **switch_props), 100 | dbc.Label(id=self.ids.rightIcon(aio_id), className=icons["right"]), 101 | ], 102 | ), 103 | dcc.Store(id=self.ids.store(aio_id), data=themes), 104 | dcc.Store(id=self.ids.assetsPath(aio_id), data=app.config.assets_url_path) 105 | ] 106 | ) 107 | 108 | clientside_callback( 109 | """ 110 | function (switchOn, themes, assetsUrlPath) { 111 | 112 | // function to test if the theme is an external or a local theme 113 | const isValidHttpUrl = (theme) => { 114 | try { 115 | new URL(theme); 116 | return true; 117 | } catch (error) { 118 | return false; 119 | } 120 | } 121 | 122 | // if local themes are used, modify the path to the clientside path 123 | themes = themes.map(theme => isValidHttpUrl(theme) ? theme : `/${assetsUrlPath}/${theme.split('/').at(-1)}`) 124 | 125 | // Clean if there are several themes stylesheets applied or create one if no stylesheet is found 126 | // Find the stylesheets 127 | let stylesheets = [] 128 | for (const theme of themes) { 129 | stylesheets.push(...document.querySelectorAll(`link[rel='stylesheet'][href*='${theme}']`)) 130 | } 131 | // keep the first stylesheet 132 | let stylesheet = stylesheets[0] 133 | // and clean if more than one stylesheet are found 134 | for (let i = 1; i < stylesheets.length; i++) { 135 | stylesheets[i].remove() 136 | } 137 | // or create a new one if no stylesheet found 138 | if (!stylesheet) { 139 | stylesheet = document.createElement("link") 140 | stylesheet.rel = "stylesheet" 141 | document.head.appendChild(stylesheet) 142 | } 143 | 144 | // Update the theme 145 | let newTheme = switchOn ? themes[0] : themes.toReversed()[0] 146 | stylesheet.setAttribute('href', newTheme) 147 | return window.dash_clientside.no_update 148 | } 149 | """, 150 | Output(ids.store(MATCH), "id"), 151 | Input(ids.switch(MATCH), "value"), 152 | Input(ids.store(MATCH), "data"), 153 | State(ids.assetsPath(MATCH), "data"), 154 | ) 155 | -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/materia.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#444"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#2196f3"], [0.1, "#3b91e3"], [0.2, "#548cd3"], [0.30000000000000004, "#6e87c3"], [0.4, "#8882b3"], [0.5, "#a27ca3"], [0.6000000000000001, "#bb7793"], [0.7000000000000001, "#d57283"], [0.8, "#ef6d73"], [0.9, "#ff6863"], [1.0, "#ff6353"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#5494f4", "#e11a25", "#3fb04e", "#ffad23", "#8f009f"], "font": {"color": "#444", "family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif"}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif"}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f0f0f0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0f0", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f0f0f0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0f0", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#5494f4", "#e11a25", "#3fb04e", "#ffad23", "#8f009f"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/sketchy.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#212529"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#333333"], [0.1, "#4a393a"], [0.2, "#613f40"], [0.30000000000000004, "#784547"], [0.4, "#8f4c4e"], [0.5, "#a55254"], [0.6000000000000001, "#bc585b"], [0.7000000000000001, "#d35e62"], [0.8, "#ea6469"], [0.9, "#ff6a6f"], [1.0, "#ff7176"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#585858", "#d93446", "#00801d", "#f7c200", "#48b1c7"], "font": {"color": "#212529", "family": "Neucha,-apple-system,system-ui,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif"}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Neucha,-apple-system,system-ui,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif"}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#585858", "#d93446", "#00801d", "#f7c200", "#48b1c7"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/sandstone.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#3e3f3a"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#325d88"], [0.1, "#496187"], [0.2, "#5f6687"], [0.30000000000000004, "#766a86"], [0.4, "#8c6f85"], [0.5, "#a37384"], [0.6000000000000001, "#b97884"], [0.7000000000000001, "#d07c83"], [0.8, "#e68182"], [0.9, "#fd8581"], [1.0, "#ff8981"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#385682", "#a5242c", "#89c648", "#ff9150", "#4caae0"], "font": {"color": "#3e3f3a", "family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f0f0ef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0ef", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f0f0ef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0ef", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#385682", "#a5242c", "#89c648", "#ff9150", "#4caae0"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/united.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#333"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#e95420"], [0.1, "#ee5726"], [0.2, "#f35a2c"], [0.30000000000000004, "#f85d32"], [0.4, "#fd6038"], [0.5, "#ff643e"], [0.6000000000000001, "#ff6744"], [0.7000000000000001, "#ff6a4a"], [0.8, "#ff6d50"], [0.9, "#ff7056"], [1.0, "#ff735c"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#ff8049", "#a9000a", "#2fbd4f", "#ffe568", "#1e93aa"], "font": {"color": "#333", "family": "Ubuntu,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Ubuntu,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#efefef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efefef", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#efefef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efefef", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#ff8049", "#a9000a", "#2fbd4f", "#ffe568", "#1e93aa"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/flatly.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#212529"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#2c3e50"], [0.1, "#454553"], [0.2, "#5d4c56"], [0.30000000000000004, "#765359"], [0.4, "#8f5a5c"], [0.5, "#a7615f"], [0.6000000000000001, "#c06861"], [0.7000000000000001, "#d96f64"], [0.8, "#f17667"], [0.9, "#ff7d6a"], [1.0, "#ff846d"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#526074", "#b71e1d", "#1bbd9b", "#ec9d0e", "#78b8ff"], "font": {"color": "#212529", "family": "Lato,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Lato,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#526074", "#b71e1d", "#1bbd9b", "#ec9d0e", "#78b8ff"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/zephyr.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#495057"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#3459e6"], [0.1, "#4b5bd8"], [0.2, "#615ccb"], [0.30000000000000004, "#785ebd"], [0.4, "#8f5faf"], [0.5, "#a561a2"], [0.6000000000000001, "#bc6294"], [0.7000000000000001, "#d36487"], [0.8, "#e96579"], [0.9, "#ff676b"], [1.0, "#ff685e"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#242fb9", "#d6282f", "#28b47f", "#edbe60", "#6da0df"], "font": {"color": "#495057", "family": "Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f0f1f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f1f2", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f0f1f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f1f2", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#242fb9", "#d6282f", "#28b47f", "#edbe60", "#6da0df"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/spacelab.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#777"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#446e9b"], [0.1, "#586c91"], [0.2, "#6c6987"], [0.30000000000000004, "#7f677d"], [0.4, "#936473"], [0.5, "#a76268"], [0.6000000000000001, "#bb5f5e"], [0.7000000000000001, "#cf5d54"], [0.8, "#e35a4a"], [0.9, "#f65840"], [1.0, "#ff5536"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#355480", "#c90004", "#21b61a", "#ffa038", "#71aaff"], "font": {"color": "#777", "family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f4f4f4", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f4f4f4", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f4f4f4", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f4f4f4", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#355480", "#c90004", "#21b61a", "#ffa038", "#71aaff"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/yeti.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#222"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#008cba"], [0.1, "#1e8ab0"], [0.2, "#3c89a6"], [0.30000000000000004, "#5a879c"], [0.4, "#788692"], [0.5, "#968488"], [0.6000000000000001, "#b4827e"], [0.7000000000000001, "#d38174"], [0.8, "#f17f6a"], [0.9, "#ff7e60"], [1.0, "#ff7c56"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#00719f", "#bd0002", "#249c5a", "#f8a421", "#83d8f7"], "font": {"color": "#222", "family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#00719f", "#bd0002", "#249c5a", "#f8a421", "#83d8f7"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/lux.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#55595c"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#1a1a1a"], [0.1, "#332524"], [0.2, "#4c302f"], [0.30000000000000004, "#653b39"], [0.4, "#7e4743"], [0.5, "#97524d"], [0.6000000000000001, "#b05d58"], [0.7000000000000001, "#c96862"], [0.8, "#e2736c"], [0.9, "#fb7e76"], [1.0, "#ff8981"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#3c3c3c", "#d55350", "#41c072", "#ffc15f", "#439acf"], "font": {"color": "#55595c", "family": "\"Nunito Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Nunito Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f1f2f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f1f2f2", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f1f2f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f1f2f2", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#3c3c3c", "#d55350", "#41c072", "#ffc15f", "#439acf"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/lumen.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#222"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#158cba"], [0.1, "#338bb2"], [0.2, "#5089a9"], [0.30000000000000004, "#6e88a1"], [0.4, "#8b8699"], [0.5, "#a98591"], [0.6000000000000001, "#c68488"], [0.7000000000000001, "#e48280"], [0.8, "#ff8178"], [0.9, "#ff7f70"], [1.0, "#ff7e67"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#398bba", "#d91520", "#00b727", "#ffab43", "#9ae3ff"], "font": {"color": "#222", "family": "\"Source Sans Pro\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Source Sans Pro\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#398bba", "#d91520", "#00b727", "#ffab43", "#9ae3ff"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/morph.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#d9e3f1"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#d9e3f1"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#7b8ab8"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#378dfc"], [0.1, "#4f89ec"], [0.2, "#6685db"], [0.30000000000000004, "#7e82cb"], [0.4, "#957eba"], [0.5, "#ad7aaa"], [0.6000000000000001, "#c47699"], [0.7000000000000001, "#dc7389"], [0.8, "#f36f78"], [0.9, "#ff6b68"], [1.0, "#ff6757"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#8cafff", "#e12429", "#00a800", "#f7c200", "#5541d3"], "font": {"color": "#7b8ab8", "family": "Nunito,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#d9e3f1", "lakecolor": "#d9e3f1", "landcolor": "#d9e3f1", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "Nunito,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#d9e3f1", "plot_bgcolor": "#d9e3f1", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#d1dcec", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#d1dcec", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#d1dcec", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#d1dcec", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#8cafff", "#e12429", "#00a800", "#f7c200", "#5541d3"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/cosmo.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#373a3c"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#2780e3"], [0.1, "#437dd7"], [0.2, "#5f7acb"], [0.30000000000000004, "#7b76bf"], [0.4, "#9673b2"], [0.5, "#b270a6"], [0.6000000000000001, "#ce6d9a"], [0.7000000000000001, "#ea6a8e"], [0.8, "#ff6782"], [0.9, "#ff6376"], [1.0, "#ff606a"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#769bff", "#d50022", "#25b70e", "#ffa147", "#742790"], "font": {"color": "#373a3c", "family": "\"Source Sans Pro\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Source Sans Pro\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#efefef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efefef", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#efefef", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efefef", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#769bff", "#d50022", "#25b70e", "#ffa147", "#742790"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/simplex.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fcfcfc"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fcfcfc"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#212529"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#d9230f"], [0.1, "#d92c23"], [0.2, "#d93437"], [0.30000000000000004, "#d93d4b"], [0.4, "#d9455f"], [0.5, "#d84e73"], [0.6000000000000001, "#d85787"], [0.7000000000000001, "#d85f9b"], [0.8, "#d868af"], [0.9, "#d870c3"], [1.0, "#d879d7"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#bf0001", "#8c318d", "#389500", "#ffab47", "#3c99cf"], "font": {"color": "#212529", "family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}, "geo": {"bgcolor": "#fcfcfc", "lakecolor": "#fcfcfc", "landcolor": "#fcfcfc", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "\"Open Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fcfcfc", "plot_bgcolor": "#fcfcfc", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#eaebeb", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#eaebeb", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#eaebeb", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#eaebeb", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#bf0001", "#8c318d", "#389500", "#ffab47", "#3c99cf"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/litera.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#343a40"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#4582ec"], [0.1, "#5a83e1"], [0.2, "#6e83d7"], [0.30000000000000004, "#8384cc"], [0.4, "#9885c1"], [0.5, "#ac86b6"], [0.6000000000000001, "#c186ac"], [0.7000000000000001, "#d687a1"], [0.8, "#ea8896"], [0.9, "#ff898b"], [1.0, "#ff8981"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#355ac1", "#d55350", "#4ae79e", "#ffc15f", "#2f9eb5"], "font": {"color": "#343a40", "family": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#efeff0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efeff0", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#efeff0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#efeff0", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#355ac1", "#d55350", "#4ae79e", "#ffc15f", "#2f9eb5"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/journal.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#222"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#eb6864"], [0.1, "#f26f61"], [0.2, "#f9775e"], [0.30000000000000004, "#ff7e5b"], [0.4, "#ff8558"], [0.5, "#ff8c55"], [0.6000000000000001, "#ff9452"], [0.7000000000000001, "#ff9b4f"], [0.8, "#ffa24c"], [0.9, "#ffaa49"], [1.0, "#ffb146"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#b73c3f", "#ff8f22", "#00b34a", "#fffb39", "#436599"], "font": {"color": "#222", "family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#ededed", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#ededed", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#b73c3f", "#ff8f22", "#00b34a", "#fffb39", "#436599"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/minty.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#888"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#78c2ad"], [0.1, "#8bc0a9"], [0.2, "#9fbea5"], [0.30000000000000004, "#b2bca1"], [0.4, "#c5bb9d"], [0.5, "#d9b998"], [0.6000000000000001, "#ecb794"], [0.7000000000000001, "#ffb590"], [0.8, "#ffb38c"], [0.9, "#ffb188"], [1.0, "#ffaf84"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#7bc5af", "#fa7851", "#83fbc8", "#fed56b", "#4c9bad"], "font": {"color": "#888", "family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f5f5f5", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f5f5f5", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f5f5f5", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f5f5f5", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#7bc5af", "#fa7851", "#83fbc8", "#fed56b", "#4c9bad"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/pulse.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#444"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#593196"], [0.1, "#6f3892"], [0.2, "#863f8d"], [0.30000000000000004, "#9c4689"], [0.4, "#b34d84"], [0.5, "#c95480"], [0.6000000000000001, "#e05b7c"], [0.7000000000000001, "#f66277"], [0.8, "#ff6a73"], [0.9, "#ff716f"], [1.0, "#ff786a"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#652e98", "#e0162a", "#00ba53", "#e8a41a", "#419bdc"], "font": {"color": "#444", "family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f0f0f0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0f0", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f0f0f0", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f0f0", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#652e98", "#e0162a", "#00ba53", "#e8a41a", "#419bdc"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/cerulean.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#495057"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#2fa4e7"], [0.1, "#449dd8"], [0.2, "#5996c9"], [0.30000000000000004, "#6f8fba"], [0.4, "#8488ab"], [0.5, "#99819c"], [0.6000000000000001, "#ae7a8d"], [0.7000000000000001, "#c3737e"], [0.8, "#d96b6f"], [0.9, "#ee6460"], [1.0, "#ff5d51"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#53a3e7", "#a70010", "#6aa936", "#ff8235", "#394e89"], "font": {"color": "#495057", "family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#f0f1f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f1f2", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#f0f1f2", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#f0f1f2", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#53a3e7", "#a70010", "#6aa936", "#ff8235", "#394e89"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/bootstrap.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#2a3f5f"}, "error_y": {"color": "#2a3f5f"}, "marker": {"line": {"color": "white", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "baxis": {"endlinecolor": "#2a3f5f", "gridcolor": "#C8D4E3", "linecolor": "#C8D4E3", "minorgridcolor": "#C8D4E3", "startlinecolor": "#2a3f5f"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#fff"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#fff"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#EBF0F8"}, "line": {"color": "white"}}, "header": {"fill": {"color": "#C8D4E3"}, "line": {"color": "white"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#2a3f5f", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#212529"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#0d6efd"], [0.1, "#286eef"], [0.2, "#426fe2"], [0.30000000000000004, "#5d6fd4"], [0.4, "#786fc7"], [0.5, "#926fb9"], [0.6000000000000001, "#ad70ac"], [0.7000000000000001, "#c8709e"], [0.8, "#e37091"], [0.9, "#fd7083"], [1.0, "#ff7176"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#5769fe", "#d93446", "#0a8853", "#f7c200", "#43c9f0"], "font": {"color": "#212529", "family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}, "geo": {"bgcolor": "#fff", "lakecolor": "#fff", "landcolor": "#fff", "showlakes": true, "showland": true, "subunitcolor": "#C8D4E3"}, "hoverlabel": {"align": "left", "font": {"family": "system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\""}}, "hovermode": "closest", "mapbox": {"style": "light"}, "paper_bgcolor": "#fff", "plot_bgcolor": "#fff", "polar": {"angularaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}, "bgcolor": "white", "radialaxis": {"gridcolor": "#EBF0F8", "linecolor": "#EBF0F8", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "yaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}, "zaxis": {"backgroundcolor": "white", "gridcolor": "#DFE8F3", "gridwidth": 2, "linecolor": "#EBF0F8", "showbackground": true, "ticks": "", "zerolinecolor": "#EBF0F8"}}, "shapedefaults": {"line": {"color": "#2a3f5f"}}, "ternary": {"aaxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "baxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}, "bgcolor": "white", "caxis": {"gridcolor": "#DFE8F3", "linecolor": "#A2B1C6", "ticks": ""}}, "title": {"x": 0.05}, "xaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#edeeee", "linecolor": "#EBF0F8", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#edeeee", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#5769fe", "#d93446", "#0a8853", "#f7c200", "#43c9f0"]}} -------------------------------------------------------------------------------- /src/dash_bootstrap_templates/templates/cyborg.json: -------------------------------------------------------------------------------- 1 | {"data": {"barpolar": [{"marker": {"line": {"color": "rgb(17,17,17)", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "barpolar"}], "bar": [{"error_x": {"color": "#f2f5fa"}, "error_y": {"color": "#f2f5fa"}, "marker": {"line": {"color": "rgb(17,17,17)", "width": 0.5}, "pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "bar"}], "carpet": [{"aaxis": {"endlinecolor": "#A2B1C6", "gridcolor": "#506784", "linecolor": "#506784", "minorgridcolor": "#506784", "startlinecolor": "#A2B1C6"}, "baxis": {"endlinecolor": "#A2B1C6", "gridcolor": "#506784", "linecolor": "#506784", "minorgridcolor": "#506784", "startlinecolor": "#A2B1C6"}, "type": "carpet"}], "choropleth": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "choropleth"}], "contourcarpet": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "contourcarpet"}], "contour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "contour"}], "heatmap": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "heatmap"}], "histogram2dcontour": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2dcontour"}], "histogram2d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "histogram2d"}], "histogram": [{"marker": {"pattern": {"fillmode": "overlay", "size": 10, "solidity": 0.2}}, "type": "histogram"}], "mesh3d": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "type": "mesh3d"}], "parcoords": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "parcoords"}], "pie": [{"automargin": true, "type": "pie"}], "scatter3d": [{"line": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatter3d"}], "scattercarpet": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattercarpet"}], "scattergeo": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattergeo"}], "scattergl": [{"marker": {"line": {"color": "#060606"}}, "type": "scattergl"}], "scattermapbox": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermapbox"}], "scattermap": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scattermap"}], "scatterpolargl": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolargl"}], "scatterpolar": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterpolar"}], "scatter": [{"marker": {"line": {"color": "#060606"}}, "type": "scatter"}], "scatterternary": [{"marker": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "type": "scatterternary"}], "surface": [{"colorbar": {"outlinewidth": 0, "ticks": ""}, "colorscale": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]], "type": "surface"}], "table": [{"cells": {"fill": {"color": "#506784"}, "line": {"color": "rgb(17,17,17)"}}, "header": {"fill": {"color": "#2a3f5f"}, "line": {"color": "rgb(17,17,17)"}}, "type": "table"}]}, "layout": {"annotationdefaults": {"arrowcolor": "#f2f5fa", "arrowhead": 0, "arrowwidth": 1, "font": {"color": "#adafae"}}, "autotypenumbers": "strict", "coloraxis": {"colorbar": {"outlinewidth": 0, "ticks": ""}}, "colorscale": {"diverging": [[0, "#8e0152"], [0.1, "#c51b7d"], [0.2, "#de77ae"], [0.3, "#f1b6da"], [0.4, "#fde0ef"], [0.5, "#f7f7f7"], [0.6, "#e6f5d0"], [0.7, "#b8e186"], [0.8, "#7fbc41"], [0.9, "#4d9221"], [1, "#276419"]], "sequential": [[0.0, "#2a9fd6"], [0.1, "#4098c6"], [0.2, "#5790b6"], [0.30000000000000004, "#6d89a6"], [0.4, "#838196"], [0.5, "#9a7a86"], [0.6000000000000001, "#b07276"], [0.7000000000000001, "#c66b66"], [0.8, "#dd6456"], [0.9, "#f35c46"], [1.0, "#ff5536"]], "sequentialminus": [[0.0, "#0d0887"], [0.1111111111111111, "#46039f"], [0.2222222222222222, "#7201a8"], [0.3333333333333333, "#9c179e"], [0.4444444444444444, "#bd3786"], [0.5555555555555556, "#d8576b"], [0.6666666666666666, "#ed7953"], [0.7777777777777778, "#fb9f3a"], [0.8888888888888888, "#fdca26"], [1.0, "#f0f921"]]}, "colorway": ["#4b9ed6", "#c80004", "#58a200", "#ff9d24", "#a32acd"], "font": {"color": "#adafae", "family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif"}, "geo": {"bgcolor": "#060606", "lakecolor": "#060606", "landcolor": "#060606", "showlakes": true, "showland": true, "subunitcolor": "#506784"}, "hoverlabel": {"align": "left", "font": {"family": "Roboto,-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Helvetica Neue\",Arial,sans-serif"}}, "hovermode": "closest", "mapbox": {"style": "dark"}, "paper_bgcolor": "#282828", "plot_bgcolor": "#060606", "polar": {"angularaxis": {"gridcolor": "#506784", "linecolor": "#506784", "ticks": ""}, "bgcolor": "rgb(17,17,17)", "radialaxis": {"gridcolor": "#506784", "linecolor": "#506784", "ticks": ""}}, "scene": {"xaxis": {"backgroundcolor": "rgb(17,17,17)", "gridcolor": "#506784", "gridwidth": 2, "linecolor": "#506784", "showbackground": true, "ticks": "", "zerolinecolor": "#C8D4E3"}, "yaxis": {"backgroundcolor": "rgb(17,17,17)", "gridcolor": "#506784", "gridwidth": 2, "linecolor": "#506784", "showbackground": true, "ticks": "", "zerolinecolor": "#C8D4E3"}, "zaxis": {"backgroundcolor": "rgb(17,17,17)", "gridcolor": "#506784", "gridwidth": 2, "linecolor": "#506784", "showbackground": true, "ticks": "", "zerolinecolor": "#C8D4E3"}}, "shapedefaults": {"line": {"color": "#f2f5fa"}}, "sliderdefaults": {"bgcolor": "#C8D4E3", "bordercolor": "rgb(17,17,17)", "borderwidth": 1, "tickwidth": 0}, "ternary": {"aaxis": {"gridcolor": "#506784", "linecolor": "#506784", "ticks": ""}, "baxis": {"gridcolor": "#506784", "linecolor": "#506784", "ticks": ""}, "bgcolor": "rgb(17,17,17)", "caxis": {"gridcolor": "#506784", "linecolor": "#506784", "ticks": ""}}, "title": {"x": 0.05}, "updatemenudefaults": {"bgcolor": "#506784", "borderwidth": 0}, "xaxis": {"automargin": true, "gridcolor": "#131413", "linecolor": "#506784", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#131413", "zerolinewidth": 2, "gridwidth": 0.5}, "yaxis": {"automargin": true, "gridcolor": "#131413", "linecolor": "#506784", "ticks": "", "title": {"standoff": 15}, "zerolinecolor": "#131413", "zerolinewidth": 2, "gridwidth": 0.5}, "piecolorway": ["#4b9ed6", "#c80004", "#58a200", "#ff9d24", "#a32acd"]}} --------------------------------------------------------------------------------