# Awesome-panel.org change log

**URL:** <https://discourse.holoviz.org/t/awesome-panel-org-change-log/66>\
**Category:** Showcase\
**Created:** [December 21, 2019, 7:10am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66 "2019-12-21T07:10:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [December 21, 2019, 7:10am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/1 "2019-12-21T07:10:27Z")

</div>

**[Awesome-Panel.Org](http://Awesome-Panel.Org) Launched**

I would like to learn and explore how to create awesome analytics app in Panel. And I thought I would share my findings and learnings in order to help the community and push the framework.

As I’ve now launched [awesome-panel.org](https://awesome-panel.org) I thought I would start this Topic on changes and updates.

You can _watch_ this topic if you would like to know about new resources and apps added to the repo, site and other resources

 ![awesome-panel-full-branded](https://discourse.holoviz.org/uploads/default/original/1X/2ac4d27439a185b334249e1f6a972517cdf108c9.gif)

**Resources**

- [App](https://awesome-panel.org)
- [Github](https://github.com/marcskovmadsen/awesome-panel)
- [Docs](https://awesome-panel.readthedocs.io/en/latest/)
- [Docker](https://hub.docker.com/r/marcskovmadsen/awesome-panel)
- [PyPi](https://pypi.org/project/awesome-panel/)

Check also the sister site out if you would like to contrast and compare

- [awesome-streamlit.org](https://awesome-streamlit.org)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [December 23, 2019, 7:28pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/2 "2019-12-23T19:28:34Z")

</div>

I’ve added Card functionality to [awesome-panel.org](http://awesome-panel.org) and the awesome-panel python package.

The code is available here [https://github.com/MarcSkovMadsen/awesome-panel/blob/master/package/awesome\_panel/express/bootstrap/cards/cards.py](https://github.com/MarcSkovMadsen/awesome-panel/blob/master/package/awesome_panel/express/bootstrap/cards/cards.py)

 ![test_bootstrap_card](https://discourse.holoviz.org/uploads/default/original/1X/ad468544ac43e052fef72463f51d0e49e6dbe506.gif)

It’s the first time I’ve created such an advanced layout/ widget and I’m curious if something like this should be done in another way. If you know how to do this correctly in Panel feel free to take a look at my code and send some helpfull suggestions my way.

Thanks.

---

<div class="post-metadata">

**Author:** ![philippjfr](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/philippjfr/32/7_2.png) [@philippjfr](https://discourse.holoviz.org/u/philippjfr)\
**Post date:** [December 24, 2019, 1:57am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/3 "2019-12-24T01:57:41Z")

</div>

Definitely looks like a nice component. We could consider shipping composite components like this in Panel itself. I’ll have to dig deeper on the implementation to give more concrete feedback.

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [December 25, 2019, 7:26am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/4 "2019-12-25T07:26:02Z")

</div>

I’ve added an example of a Choropleth Map.

I was inspired by the article  
[Choropleth maps with geopandas, Bokeh and Panel](https://dmnfarrell.github.io/bioinformatics/bokeh-maps) by [Damian Farrell](https://github.com/dmnfarrell).

The data is provided by [Our World in Data](https://ourworldindata.org/). **Take a look at their site** if you would like some inspiration for designing beautifull, interactive dashboards.

 ![owid_choropleth_map](https://discourse.holoviz.org/uploads/default/original/1X/0f23f902062bb9f6894cba5ed58ed37b937be4ee.gif)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [December 27, 2019, 6:44am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/5 "2019-12-27T06:44:40Z")

</div>

**Share on Social Media Links/ Buttons Added**

I wanted to enable easy sharing of [awesome-panel.org](https://awesome-panel.org) on social media,  
so I’ve implemented the functionality and made it available via the [awesome\_panel package](https://pypi.org/project/awesome-panel/) in the `awesome_panel.express.bootstrap.share_link` module.

 ![share_links_tour](https://discourse.holoviz.org/uploads/default/original/1X/90f06f3b235873def94e2831e4d4ee3e3e7f5c86.gif)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 1, 2020, 3:26pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/6 "2020-01-01T15:26:57Z")

</div>

## Image Classifier App Added

I’ve added an image classifier app that enables a user to

- select a classifier model
- upload an image

and get a predicted classification in return.

 ![image_classifier](https://discourse.holoviz.org/uploads/default/original/1X/844976a66c48177b666ccc39f3d7b25a1be9cad9.gif)

This app is inspired by the awesome [imageNet](https://github.com/iamatulsingh/imageNet-streamlit)  
application developed by [Atul Kumar Singh](https://github.com/iamatulsingh)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 4, 2020, 6:41pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/7 "2020-01-04T18:41:00Z")

</div>

## A Progress Widget Extension Added

The purpose of the ProgressExt widget is to make the existing `pn.widgets.Progress` easier to use.

The ProgressExt does this by providing

- A combination of a progress value and a progress message
- Easy to use functions for
  - Annotatings
  - Context Management

To enable easy progress reporting from functions and parts of code.

An example use case is

```python
progress = ProgressExt()
run_button = pn.widgets.Button(name="Click me")

@progress.increment(50, "incrementing ...")
def run(event):
    time.sleep(0.5)

run_button.on_click(run)
app = pn.Column(run_button, progress.view)
app.servable()

```

which will show the progress and reset every 2 clicks.

 ![test_progress_ext](https://discourse.holoviz.org/uploads/default/original/1X/64d7a9a19fbdd208fa22bb391ab9ac8a97f37ed2.gif)

The ProgressExt demo can be found in the gallery at [awesome-panel.org](http://awesome-panel.org).

The ProgressExt is available in the [awesome\_panel python package](https://pypi.org/project/awesome-panel/)

@philippjfr. I think this functionality is something that would help the users of Panel as for now it’s not that obvious how to use the Progress widget effectively. And I think its important to sprinkle in some progressbars and spinners in an application to make it feel modern and fast.

Feel free to

- Take the idea,
- Take the code or
- Tell me you would like a pull request from me and guide me.
  - I would need some help on how to code a Panel widget and some discussion on the right api and naming conventions.

The implemention is [here](https://github.com/MarcSkovMadsen/awesome-panel/blob/master/package/awesome_panel/express/widgets/progress_ext.py).

The tests are [here](https://github.com/MarcSkovMadsen/awesome-panel/blob/master/package/tests/test_progress_ext.py) and [here](https://github.com/MarcSkovMadsen/awesome-panel/blob/master/src/pages/gallery/awesome_panel_express_tests/test_progress_ext.py).

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 11, 2020, 12:20pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/8 "2020-01-11T12:20:53Z")

</div>

**Dataframe functionality added**

I’m not completely satisfied with the defaults of the `pn.widgets.DataFrame`. I would like

- floats to have 2 decimals only
- all numbers should have ‘,’ as thousands symbol
- all numbers should be right aligned.

See also [Issue 940](https://github.com/holoviz/panel/issues/940)

So I’ve created some functionality for that at [awesome-panel.org](http://awesome-panel.org)

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/544bdf2a39b76fd57bd7762a0511bb3f3f5aeaf9.png)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 12, 2020, 6:34am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/9 "2020-01-12T06:34:37Z")

</div>

## VS Code guide added

I’ve added a guide on how to use VS Code to develop awesome analytics apps in Panel. See

[https://awesome-panel.readthedocs.io/en/latest/vscode.html](https://awesome-panel.readthedocs.io/en/latest/vscode.html)

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/f68d766fc0de1feb9203ba23c75b735452507173.png)

Feel free to send comment, questions and suggestions my way or even improve the source file at [https://github.com/MarcSkovMadsen/awesome-panel/blob/master/docs/vscode.md](https://github.com/MarcSkovMadsen/awesome-panel/blob/master/docs/vscode.md)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 12, 2020, 8:03pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/10 "2020-01-12T20:03:58Z")

</div>

## Started Port of YahooQuery App

I’ve started porting the YahooQuery App from [awesome-streamlit.org](http://awesome-streamlit.org) to [awesome-panel.org](http://awesome-panel.org).

This is an example of an app that Streamlit really excels in. Showing a lot of Markdown, Code, Help and JSON output and laying it out nicely. There is a some things to improve before the template at [awesome-panel.org](http://awesome-panel.org) or Panel it self is as easy to use.

It wil take some time before its done as I need some of the fixes from the next release of Panel and also spend some time on the layout before its nice.

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/28d6a68aeb7fbfb8e928504833b3b142f87e0688.png)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 15, 2020, 5:35am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/11 "2020-01-15T05:35:38Z")

</div>

## Added `pn.Param` reference example to the gallery

This app illustrates the usage of the `pn.Param` function. The `pn.Param` function is used to layout, style and configure the widgets of a `param.Parameterized` class when using it in Panel.

It took me some time to get my head around how to use it. So I’ve created this app that I hope can help you.

I have an open [pull request](https://github.com/holoviz/panel/pull/944) on adding an extended and documented walkthrough of this app to the [Panel Reference Gallery](https://panel.holoviz.org/reference/index.html).

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/a6547bfb3573708d9411d3139a137c2d9dbd06ad.png)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 15, 2020, 5:40am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/12 "2020-01-15T05:40:13Z")

</div>

## Added use of Card layout to YahooQuery App

I’m working on the YahooQuery App but had a feeling that the layout was far from satisfactory. So I started using the `awesome_panel.express.Card` to layout things.

I actually think it improved things a lot.

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/bda42dd16fa8cf08652f08dcc4e4dbe8594c5fc6.png)

---

<div class="post-metadata">

**Author:** ![philippjfr](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/philippjfr/32/7_2.png) [@philippjfr](https://discourse.holoviz.org/u/philippjfr)\
**Post date:** [January 16, 2020, 2:47pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/13 "2020-01-16T14:47:50Z")

</div>

I’m planning on tagging Panel 0.8 release this week and then I’d like to look at porting whatever makes sense from awesome-panel to panel itself. Also as a heads up, we will likely have funding to develop a couple of polished templates in the coming months so I’d like to run them by you as I’m developing them.

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 19, 2020, 4:41am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/14 "2020-01-19T04:41:12Z")

</div>

## Simple PyDeck/ Deck.gl functionality added

I have a hope that I can contribute a real PyDeck Pane to Panel later. See this [Feature Request](https://github.com/holoviz/panel/pull/957) and [Pull Request](https://github.com/holoviz/panel/pull/960).

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/14415b6a424e54f3f241ec1ab0f88b9268bc95e9.png)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [January 19, 2020, 7:21pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/15 "2020-01-19T19:21:21Z")

</div>

## Custom Bokeh Model Extension App added

I’ve added an Example of a Custom Bokeh Model to the Gallery.

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/589e517c58773baaf865ff4a646297437b015fc1.png)

I have one problem that the model needs to compile before I run `.servable()` this slows loading [awesome-panel.org](http://awesome-panel.org) down the first time its requested.

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [February 2, 2020, 7:06am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/16 "2020-02-02T07:06:28Z")

</div>

#### Upgrade to Panel v.0.8.0

I’ve upgraded to Panel v.0.8.0. And it significantly improves the application.

- Much faster and much more responsive.
- Could remove a lot of hacks/ workarounds due to improved Markdown support.
- Kick Starter Dashboard app now works and is so fast. If you zoom on the parent plot. Then the child plot updates.
- And much, much more.

Go to [awesome-panel.org](https://awesome-panel.org) to try it out

 ![kickstarter_dashboard](https://discourse.holoviz.org/uploads/default/original/1X/74484bc3018ba6f31bdfc5f87aad22b5d7458f58.gif)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [February 2, 2020, 7:53am UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/17 "2020-02-02T07:53:43Z")

</div>

#### Yahoo Query App Ready

With Panel v.0.8.0 the Finance Query App now finally looks nice.

And it uses the new awesome **`JSON`** pane.

Check it out at [awesome-panel.org](https://awesome-panel.org)

 ![yahoo_query](https://discourse.holoviz.org/uploads/default/original/1X/d1933d9d694c369e1b811fc59eaf3e49d3e3c12d.gif)

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [April 8, 2020, 6:30pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/18 "2020-04-08T18:30:53Z")

</div>

## [Awesome-panel.org](http://Awesome-panel.org) upgraded to `panel 0.9.4 bokeh 2.0.0`

I’ve

- upgraded awesome-panel.org to panel 0.9.4 from 0.8. It feels faster.
- Fixed some bugs in the [awesome-panel package](https://pypi.org/project/awesome-panel/). Before the needed files where not included in the package.

 ![image](https://discourse.holoviz.org/uploads/default/original/1X/d719cc8b7849731f567421d84f938836d420e454.png)

---

<div class="post-metadata">

**Author:** ![philippjfr](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/philippjfr/32/7_2.png) [@philippjfr](https://discourse.holoviz.org/u/philippjfr)\
**Post date:** [April 8, 2020, 6:51pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/19 "2020-04-08T18:51:01Z")

</div>

Definitely feeling snappier! On the issues list, this has been resolved:

> The Bokeh server does not Support Multiprocessing in Practice

---

<div class="post-metadata">

**Author:** ![Marc](https://discourse.holoviz.org/user_avatar/discourse.holoviz.org/marc/32/24_2.png) [@Marc](https://discourse.holoviz.org/u/Marc)\
**Post date:** [April 8, 2020, 8:26pm UTC](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66/20 "2020-04-08T20:26:17Z")

</div>

I Will try that out asap

[Next page](https://discourse.holoviz.org/t/awesome-panel-org-change-log/66.md?page=2)