A funnel chart helps you visualize a linear process that has sequential connected stages. Each funnel stage (that is a horizontal bar) can be used to represent a percentage of the total, or the effective number for that stage.
The method to use
The method is shimoku.plt.funnel()
It must contain the following input variables:
data: Union[str, DataFrame, List[Dict]]
source:str
name:str
value:str
menu_path:str
order:int
And accepts the following input variables as optional:
title: Optional[str]
padding: Optional[List[int]]
Video demonstration of the Funnel chart
The Funnel chart setting and usage.
Examples
1. Default configuration
data_ =[
{
"value":60,
"name":"Third"
},
{
"value":40,
"name":"Fourth"
},
{
"value":20,
"name":"Fifth"
},
{
"value":80,
"name":"Second"
},
{
"value":100,
"name":"First"
}
]
shimoku.plt.funnel(
data=data_,
name='name',
value='value',
menu_path='test/funnel-1',
order=0,
rows_size=2, cols_size=12,
)
The result is:
The funnel chart is in the default configuration.
The chart has tooltips, showed when you hover the mouse over the figure. The length of each part is proportional to that number.
2. Title for the chart, changing data, size and padding
data_ =[
{
"value":50,
"name":"Clicked"
},
{
"value":30,
"name":"Analysis"
},
{
"value":60,
"name":"Negotiations"
},
{
"value":90,
"name":"Viewed"
},
{
"value":100,
"name":"Prospected"
},
{
"value":10,
"name":"Closed Sales"
},
]
shimoku.plt.funnel(
data=data_,
name='name',
value='value',
menu_path='test/funnel-2',
order=0,
rows_size=2, cols_size=7,
padding='0,0,0,2',
title='Stage',
)
The result is:
Note the space before the component using padding='0,0,0,2', and its size with cols_size=7.
Hovering over the chart one can see, for instance, the number of “Analysis“ (30).