Adds examples for next Plotly.js version

Documentation PR

• I have seen thedoc/README.md file.
• This change runs in the current version of Plotly on PyPI and targets thedoc-prod branch OR it targets themain branch.
• If this PR modifies the first example in a page or adds a new one, it is apx example if at all possible.
• Every new/modified example has a descriptive title and motivating sentence or paragraph.
• Every new/modified example is independently runnable.
• Every new/modified example is optimized for short line count and focuses on the Plotly/visualization-related aspects of the example rather than the computation required to produce the data being visualized.
• Meaningful/relatable datasets are used for all new examples instead of randomly-generated data where possible.
• The random seed is set if using randomly-generated data.
• New/modified remote datasets are loaded fromhttps://plotly.github.io/datasets and added tohttps://github.com/plotly/datasets.
• Large computations are avoided in the new/modified examples in favour of loading remote datasets that represent the output of such computations.
• Imports areplotly.graph_objects as go,plotly.express as px, and/orplotly.io as pio.
• Data frames are always calleddf.
• fig = <something> is called high up in each new/modified example (eitherpx.<something> ormake_subplots orgo.Figure).
• Liberal use is made offig.add_* andfig.update_* rather thango.Figure(data=..., layout=...).
• Specific adders and updaters likefig.add_shape andfig.update_xaxes are used instead of bigfig.update_layout calls.
• fig.show() is at the end of each example.
• plotly.plot() andplotly.iplot() are not used in any example.
• Named colors are used instead of hex codes wherever possible.
• Code blocks are marked with```python.