When writing ranges of numbers, most style guides agree on the use of an en dash (although the AP style guide prefers a hyphen). Do not use an em dash.

I first wrote about this system in a 2006 whitepaper that outlined most of my productivity tools and methods at the time.

Practice (Dash): Undone Action Item — Individual items (action items and ideas) are marked with a dash preceding them. All items, no matter what they are, are therefore treated as items to be processed. (Plus): Done Action Item — If the item is an action item (todo), when the item is complete, a vertical line is drawn through the “dash” thus making it resemble a “plus”. This makes the dashed items stand out quite well despite the fact that the same color pen or pencil may be used. (Right Arrow): Waiting – (i.e. for another action) — Drawing an arrow pointing to the the item denotes that it is something that is waiting on another action to happen or deliverable. (Left Arrow): Delegated — Drawing an arrow pointing to the left of the item denotes that it has been delegated (with a note to whom and the date) . (Triangle): Data Point — Turning the dash into a triangle denotes a data point (a fact or figure you wish to remember for instance). (Circle) — A circle around any of the above means that it has been carried forward, moved to another list or otherwise changed status — i.e. a “Waiting” item has now become an Action Item elsewhere (with a note about where that item has gone). The beauty of this system is that it is all built upon, and extensions of, the original dash. Therefore, it is easy to change items from one state to another (an undone action item to a done one, an undone action item to waiting or delegated) and in the case of an non-dashed item changing completely the item is circled to denote that.

See the Adobe PDF References page 126 for more details

En dashes, which are about the width of an upper-case N, are often mistaken for hyphens. But, traditionally, en dashes function as a kind of super hyphen. They’re meant to give you a little extra glue when you have a compound modifier that includes a multi-word element that can’t easily be hyphenated. For example, the phrase Elvis Presley–style dance moves uses an en dash because Elvis-Presley-style dance moves is awkward; “Elvis Presley” isn’t a compound modifier, so hyphenating it looks odd. But, keep in mind, not all readers will notice en dashes or understand what they mean. Sometimes, it’s better to simply reword the phrase. Elvis Presley–style dance moves or: dance moves like Elvis Presley’s pre–World War II buildings or: buildings constructed before World War II En dashes are also used to show ranges of numbers, such as times, page numbers, or scores (I’ll schedule you from 4:30–5:00). But, outside of formal printed publications, this type of en dash is commonly replaced with a simple hyphen.

Use Streamlit if you want to get going as quickly possible and don’t have strong opinions or many custom requirements.Use Dash if you need something more flexible and mature, and you don’t mind spending the extra engineering time.

Here’s a table showing the tradeoffs:

Em Dash

We use the em dash to create a strong break in the structure of a sentence. We can use these dashes in pairs, as we would use parentheses—that is, to enclose a word, or a phrase, or a clause (as we’ve done here)—or they can be used alone to detach one end of a sentence from its main body.

Use it betweenwords that indicate a duration, such as hourly time or months or years. Useit where you would otherwise use the word “to.”

The em dash is twice as long as the en dash, approximately the width of acapital letter M.

Hot Reloading refers to the ability to automatically update a running web application when changes are made to the application’s code.

JupyterDash supports three approaches to displaying a Dash application during interactive development.

# Run app and display result inline in the notebookapp.run_server(mode='inline')

app.run_server(mode='inline')

If running the server blocks the main thread, then it’s not possible to execute additional code cells without manually interrupting the execution of the kernel.JupyterDash resolves this problem by executing the Flask development server in a background thread. This leaves the main execution thread available for additional calculations. When a request is made to serve a new version of the application on the same port, the currently running application is automatically shut down first. This makes is possible to quickly update a running application by simply re-executing the notebook cells that define it.

You can also try it out, right in your browser, with binder.

Then, copy any Dash example into a Jupyter notebook cell and replace the dash.Dash class with the jupyter_dash.JupyterDash class.

from jupyter_dash import JupyterDash

import dash

import plotly.express as px
from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

Most people are surprised to learn that of Plotly’s 50 engineers, the vast majority are React developers. This is because Dash is primarily a frontend library — there are far more lines of JavaScript (Typescript) than Python, R, or Julia code. Plotly only has 3 full-time Python developers, 2 full-time R developers, and 0 full-time Julia developers.

Behind the scenes, when a Python, R or Julia engineer creates a Dash app, they are actually creating a React Single Page Application (“SPA”).

With Dash, any open-source React UI component can be pulled from npm or GitHub, stirred with water, transmogrified into a Dash component, then imported into your Dash app as a Python, R, or Julia library. C’est magnifique! 👨‍🍳 Dash makes the richness and innovation of the React frontend ecosystem available to Python, R, and Julia engineers for the first time.

Currently Shiny is far more mature than Dash. Dash doesn’t have a proper layout tool yet, and also not build in theme, so if you are not familiar with Html and CSS, your application will not look good (You must have some level of web development knowledge). Also, developing new components will need ReactJS knowledge, which has a steep learning curve.

grammar : a punctuation mark — that is used especially to indicate a break in the thought or structure of a sentence

shared mobility, connectivity services, and feature upgrades, new business models could expand automotive revenue pools by about 30 percent, adding up to $1.5 trillion.