GUI Exploration

[VasLem]

Identify whether solution can be represented in a similar way as here

[VasLem]

I will be using geojson . I retrieved the countries map from https://datahub.io/core/geo-countries . The idea is to put hover pins on known cities on the map, but also allow the user to click on other locations and get predictions.

[VasLem]

@bajo1207 @OlympiaG I need some help with the coding part. Do you have any experience with Javascript or Web Applications? Bokeh seems to be quite limiting. Specifically:

• The Hover Tool does not allow Python Callbacks to alter its content, only JS ones, so there is no easy way to format the output, right now I am getting NaNs for undocumented risks and I would like to get rid of them:

• There seems to be no way to limit the PointDrawTool (used to place points on the map) to specific places, so that for the user to click near annotated places

  Shall we tackle the problem differently?

[VasLem]

I have also found issues with the coordinates of the labeled cities, I will make another issue for this

[OlympiaG]

• Don't the other JS Callbacks work? I mean regarding the output of the risks with the NaN values?

• Normally, I think it should work. But do you mean to click on specific places and retrieve the nearest annotated places? If I am not wrong, the Hover tool provides this option.

I think Bokeh seems to be the most appropriate library for our case (visualizing maps etc.) and I don't think it's so limited compared to other libraries. Maybe approach the code in a different way?

[VasLem]

Thanks for going through my questions 🙂. Btw you can checkout to gui_creation branch, the code is inside app/main.py

• unfortunately a custom one is needed to achieve this, there is some Code for that here but it will take too long for me to fit it to this case, given I got no idea about Js 😅
• I am not certain , I was not able to find this functionality myself... I think I would just add the radii to the cities once the user selects to add a point and allow him only to select those regions.... There is no need to make it even more complex than that...

[OlympiaG]

I didn't see that you uploaded the code, I will check it :)

• I have some experience in JS, I will try to fit it (but without promises :P).

• Yes, this is what I also meant, but I think it provides this functionality.

Anyways, I will check it.

[VasLem]

I have added extra information to the readme.md, essentially in order to run the app you need to python run.py. Please let me know if I can be of any assistance. I appreciate your support on this :).

[adriana-madi]

Hey Vassilis, check this out: NASA Not sure if this will provide inspiration or not, but I am currently trying to work with this API to implement it for the final app.

[VasLem]

Indeed it is a very nice representation, thank you for showing this to me. I will try to search if there is any other package we could use, I seriously do not want to waste much more time than needed in this project, we are already in a good pace, but we cannot afford for more delay, as the exams are getting closer and the assignments/deadlines are overwhelming. That was my mini panic attack. :sweat_smile:

[adriana-madi]

(@OlympiaG I think this might be useful for you doing the GUI) In terms of JS I found the following, an API that builds an interactive web app (I think): ArcGis JS

[VasLem]

I didn't see that you uploaded the code, I will check it :)

• I have some experience in JS, I will try to fit it (but without promises :P).
• Yes, this is what I also meant, but I think it provides this functionality.

Anyways, I will check it.

@OlympiaG what is the status of this ? Shall I restart working on it?

[VasLem]

Ok, so I ditched the bokeh for ipyleaflet. The only thing is that voila needs to run, as ipyleafle is served through notebooks, hopefully this will not bring any issues later. On the other hand, this enables us to add more plots/graphs of what we have.