Ann Marie Ward AnnMarieW
AnnMarieW
/ james_webb_before_after_images.py
Created
July 15, 2022 06:14
Dash App - James Webb Telescope - Before and After Images
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash, html | |
| from dash_extensions import BeforeAfter | |
| import dash_bootstrap_components as dbc | |
| deep_field = "https://user-images.githubusercontent.com/72614349/179115661-f8de6e4c-0dca-4628-ab67-3d525f5ac049.jpg" | |
| stephans_quintet = "https://user-images.githubusercontent.com/72614349/179115662-32d348da-fa8b-481d-b4fc-9f7414f49de0.jpg" | |
| webb_stephans_quintet = "https://user-images.githubusercontent.com/72614349/179115663-71578706-1ab5-45a5-b809-812c7c3028a7.jpg" | |
| carina = "https://user-images.githubusercontent.com/72614349/179115665-9800b45c-e1dc-4aa7-8b34-885d48c61221.png" | |
| southern_nebula = "https://user-images.githubusercontent.com/72614349/179115666-fdd204fc-e33d-4524-9ba5-a2611740f8a7.jpg" | |
| webb_deep_field = "https://user-images.githubusercontent.com/72614349/179115668-2630e3e4-3a9f-4c88-9494-3412e606450a.jpg" |
AnnMarieW
/ dmc_date_pickers_locale.py
Last active
November 23, 2024 15:42
Dash Mantine Components DatePicker with Locale
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash | |
| import dash_mantine_components as dmc | |
| scripts = [ | |
| "https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.8/dayjs.min.js", | |
| "https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.8/locale/fr.min.js", | |
| ] | |
| # Default is English. To change the locale be sure to include proper localization file from dayjs library. | |
| # See more options here: |
AnnMarieW
/ markdown_with_dcc_link.py
Created
June 23, 2022 23:58
Dash: Use dcc.Link in a dcc.Markdown component for high performance links that don't refresh the page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash, html, dcc | |
| app = Dash(__name__) | |
| app.layout = html.Div( | |
| [ | |
| html.Div(["Regular Markdown link - note that the page refreshes"]), | |
| dcc.Markdown(["[Page 1](page1)"]), | |
| html.Br(), | |
| html.Div(["Markdown dccLink - note that the pages does not refresh"]), |
AnnMarieW
/ popover_dropdown_menu.py
Created
June 20, 2022 00:42
Cool way to make a "dropdown" using a dbc.Popover
AnnMarieW
/ smooth_figure_update.py
Last active
June 15, 2022 18:06
Using clientside callback to update a figure with real time data
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # See more info: https://stackoverflow.com/questions/63589249/plotly-dash-display-real-time-data-in-smooth-animation/63681810#63681810 | |
| from dash import Dash, dcc, html | |
| import numpy as np | |
| from dash.dependencies import Input, Output, State | |
| # Example data (a circle). | |
| resolution = 1000 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash, dash_table | |
| import pandas as pd | |
| data = dict( | |
| [ | |
| ("Date", ["2015-01-01", "2015-10-24", "2016-05-10", "2017-01-10", "2018-05-10", "2018-08-15"]), | |
| ("Region", [ | |
| "[Montreal](https://en.wikipedia.org/wiki/Montreal)", |
AnnMarieW
/ expanding_text_input_fields.py
Created
June 3, 2022 13:55
Expanding Text Input Fields with CSS from the [Dash Community Forum](https://community.plotly.com/t/expanding-text-input-fields/64735/3)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash, html, dcc, clientside_callback, Output, Input | |
| app = Dash(__name__) | |
| app.layout = html.Div( | |
| [ | |
| html.Label( | |
| [ | |
| html.Span("Name: "), | |
| dcc.Input(id="name_input", size="4", placeholder="John") |
AnnMarieW
/ pattern_matching_with_delete.py
Last active
May 30, 2022 18:23
Dash Pattern Matching Callback with delete option
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| from dash import Dash, dcc, html, Input, Output, State, ALL, MATCH, ctx | |
| import plotly.express as px | |
| import dash_bootstrap_components as dbc | |
| df = px.data.gapminder() | |
| default_column_x = "year" | |
| default_column_y = "gdpPercap" | |
| app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) |
AnnMarieW
/ dmc_timeline_with_icons.py
Created
May 28, 2022 18:46
Timeline component with icons from dash-mantine-components and DashIconify
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Timeline component with icons from dash-mantine-components and DashIconify | |
| import dash_mantine_components as dmc | |
| from dash import Dash | |
| from dash_iconify import DashIconify | |
| app = Dash(__name__) | |
| def make_icon(icon): |
AnnMarieW
/ datatable_html.py
Last active
May 28, 2022 17:11
Dash DataTable - format cells with html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # https://community.plotly.com/t/different-colour-for-each-wrapped-text/64566/6 | |
| # Dash DataTable formatting cells with html | |
| from dash import Dash, dash_table | |
| import pandas as pd | |
| data = dict( | |
| [ | |
| ("Date",["2015-01-01", "2015-10-24","2016-05-10"]), | |
| ("values", ["1\n1.2\n1.3", "2\n2.2\n2.3", "3\n3.2\n3.3"]), |
NewerOlder