#!/usr/bin/env python
# coding: utf-8

# <div style="float:left;margin:0 10px 10px 0" markdown="1">
#     <a href="../../index.ipynb">
#         <img src="../../static/images/epyklogo_whole_small.png">
#     </a>
# </div>

# # Plotly
# 
# 
# Geo Chart from Plotly.JS [component](00_components.ipynb) in Epyk will be using the property plotly from the ui.charts property.
# 
# 
# ## Two main categories are available
# 
# - [Bubble](./geo_bubble.ipynb)
# - [Choropleth](./geo_choropleth.ipynb)
# 
# with for each of them the below dimensions:
# 
# - USA
# - Europe
# - Asia
# - Africa
# - North America
# - South America
# - World
# 
# <i>the ui entry point will give you access to all the registered components.
# Different flavour of buttons are available in the framework.</i>

# In[5]:


from epyk.core.Page import Report
rptObj = Report()

records = [
  {'countries': 'FRA', 'size': 20},
  {'countries': 'GBR', 'size': 50},
  {'countries': 'DEU', 'size': 30},
  {'countries': 'RUS', 'size': 15},
  {'countries': 'ESP', 'size': 15},
]

europe = rptObj.ui.geo.plotly.choropleths.europe(records, size_col='size', country_col='countries')
asai = rptObj.ui.geo.plotly.choropleths.asia(records, size_col='size', country_col='countries')

rptObj.ui.row([europe, asai])

rptObj.outs.jupyter()


# <a href="charts.ipynb" target="_self">Go back to the Chart Home page</a>
# <hr>
# Do not forget that this is a collaborative framework so do not hesitate to give feedbacks and like the different repository to get more visbility.
# 
# Also any help is more than welcome !

# In[ ]: