B4J Code Snippet [PyBridge] Visualization of hierarchical data with Plotly

Plotly is a very rich and powerful Python library for the generation of interactive charts: https://plotly.com/graphing-libraries/
The output of Plotly, in this case, is a html string that is loaded to a WebView.

As a first example of Plotly I'm demonstrating how to visualize hierarchical data:

The (outdated) data source: https://gist.github.com/tiagodealmeida/0b97ccf117252d742dddf098bc6cc58a

Dependencies:

pip install plotly
pip install "plotly[express]"
pip install pandas

The data is loaded into a 2d table - a list of lists:

Dim Data As List = B4XCollections.CreateList(Null)
    For Each c As Map In RawData
        Dim Country As String = c.Get("countryName")
        Dim Population As Long = c.Get("population")
        Dim Continent As String = c.Get("continentName")
        Data.Add(Array(Continent, Country, Population))
    Next

It is then converted to Python Dataframe and the html is generated by the provided code.

The Path parameter specified the hierarchical order. As we don't have a single root node in the data it is added with the Constant method:

Dim Path As List = Array(px.Run("Constant").Arg("World"), "Continent", "Country")

Same example in a server configuration: https://www.b4x.com/android/forum/threads/pybridge-server-online-charts-with-plotly.167983/

 

[LucaMs]

of interactive charts

?

Could it generate HTML + JS?

 

[Erel]

Yes. The html includes an embedded JS.

You can also use it with jServer.

 

[Erel]

Another one - scatter chart:

Useful for visualization of "observations" with optional size and category/color.

 

[thetrueman]

Thanks for great addition... I just like to see Real Time Data Graphing as I searched that Plotly has ability to do so.
Can we have an example as I want to use it with B4R sensors data plotting in real time. Thanks.

 

[Erel]

It is not built for dynamic updates. At least not with the html output.