-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.qmd
78 lines (59 loc) · 3.28 KB
/
index.qmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
---
format: html
---
# HoloViz-Quarto
The purpose of this project is to **make it easy to use the [HoloViz](https://holoviz.org/) ecosystem with [Quarto](https://quarto.org/)**.
<style> img.pvlogo { margin:8px; display:inline; object-fit:scale-down; max-height:50px } </style>
<div style="margin:10px">
<a href="https://panel.holoviz.org"><img class="pvlogo" src="assets/logos/panel.png" title="Create interactive components and apps from the PyData ecosystem"></a>
<a href="https://hvplot.holoviz.org"><img class="pvlogo" src="assets/logos/hvplot.png" title="Quickly create interactive plots from your data"></a>
<a href="https://holoviews.org"><img class="pvlogo" src="assets/logos/holoviews.png" title="Create complex, interactive plots from your data"></a>
<a href="https://geoviews.org"><img class="pvlogo" src="assets/logos/geoviews.png" title="Create geopgraphical plots"></a>
<a href="https://datashader.org"><img class="pvlogo" src="assets/logos/datashader.png" title="Render even the largest datasets"></a>
<a href="https://lumen.holoviz.org"><img class="pvlogo" src="assets/logos/lumen.png" title="Create data-driven dashboards from yaml specifications"></a>
<a href="https://param.holoviz.org"><img class="pvlogo" src="assets/logos/param.png" title="Create declarative user-configurable objects"></a>
<a href="https://colorcet.holoviz.org"><img class="pvlogo" src="assets/logos/colorcet.png" title="Use perceptually uniform colormaps"></a>
</div>
## Embed the HoloViz Ecosystem
With [HoloViz](https://holoviz.org/) you get access to a large ecosystem of tools for data visualization.
```{python}
import panel as pn
import pandas as pd
pn.extension(design="material")
gis_1880 = 'https://earthobservatory.nasa.gov/ContentWOC/images/globaltemp/global_gis_1945-1949.png'
gis_2015 = 'https://earthobservatory.nasa.gov/ContentWOC/images/globaltemp/global_gis_2015-2019.png'
swipe = pn.Swipe(gis_1880, gis_2015, height=450, sizing_mode="stretch_width")
pn.Column(
pn.chat.ChatMessage("Visualize the global temperature 1945-1949 against 2015-2019", user="User"),
pn.chat.ChatMessage(swipe, user="Assistant"),
)
```
For more inspiration check out the [Panel Component Gallery](https://panel.holoviz.org/reference/index.html).
## Embed the PyData Ecosystem
With the HoloViz ecosystem you can easily **embed the rest of the PyData ecosystem live and interactively in
your documentation**.
```{python}
import numpy as np
import panel as pn
import matplotlib.pyplot as plt
pn.extension(design="material")
def plot(factor):
r = np.arange(0, 2, 0.01)
theta = factor * np.pi * r
fig, ax = plt.subplots(
subplot_kw = {'projection': 'polar'}
)
ax.plot(theta, r)
ax.set_rticks([0.5, 1.2, 1.5, 2])
ax.grid(True)
plt.close(fig)
return fig
slider = pn.widgets.FloatSlider(value=2, start=1, end=4, step=0.25, name="Factor")
plot = pn.pane.Matplotlib(pn.rx(plot)(slider), tight=True, format="svg", height=400, sizing_mode="stretch_width")
pn.Column(
slider, plot, sizing_mode="stretch_width"
).embed(max_states=16, max_opts=16)
```
## Create Beautiful Documentation
The [HoloViz blog](https://blog.holoviz.org/) is created with the help of [Quarto](https://quarto.org/). Check out the source code [here](https://github.com/holoviz-dev/blog).
[](https://blog.holoviz.org/)