reef | lightweight library | User Interface library

So I have this code (user.js):

I am working on a 3D globe using ArcGIS API for JavaScript, and overall, it works well. However, I came across a challenge while working with GeoJSON files.

I added a GeoJSON layer to the globe, which basically holds information about several interesting geological features across the world. I added a pop-up window and a symbol for each location. However, all of these locations belong to different categories, e.g., coral reefs, volcanoes, mineral deposits, and many more. I would like to add some kind of filter so that a user can choose which category they would like to explore on this globe.

Is that even possible for GeoJSON layers, and if it is, how do I have to implement it? I would be extremely grateful if somebody could give me a nudge in the right direction or maybe some advice on what is possible.

Alternatively, different symbols for the different categories and a legend would be okay as well. I found information on how it works with regular feature layers. Still, I could not find tutorials on how to apply it on GeoJSON layers.

This is my first coding project, and all help is very much appreciated.

I have a column named "Trip", in which I have infos such as the hotel, country, and type of trip. The thing is these infos are hand typed, so sometimes instead of typing "HOTEL ABC", the person entering the infos simply enters "ABC", or event "HTL ABC". Also, ABC can also refer to a country.

What I want is to extract all hotel names on each cell. Here's the function I created, but I can't get it to work. (Y2 is the TRIP Column)

I am trying to make a custom segment control using a button array.

When a button is tapped, the correct value is passed to the main view and can be pressed multiple times without issue. The problem is that the previous button which was selected stays selected. The code below should work to recreate the issue. Thanks for the help.

Segment view

Have been working through this slickR problem for a while. I would greatly appreciate any input or fresh perspectives on how to resolve this issue or different ways to approach a solution.

There are two issues I've been working through:

The first I think can be solved using CSS, which I am not super familiar with, slickR seems to be creating multiple divs when the 'obj' is updated through the use of input$series. This is undesirable since it relocates the most recent div lower on the page. I tried using javascript, which I am also not very familiar with, to destroy the old slick using an observe event. Bonus points for a simple solution for that issue.

The main issue I am working to resolve is that I would like to convert the dots to images and have them update dynamically as each series is selected. The goal here is that I would like to have a larger image displayed above and a series of 'thumbnails' displayed below so that the user can have some idea of what each photo looks like without having to scroll through every image in the carousel.

My app is much more complicated than this example, but I am using slickR since it has a convenient way to access the current, active, and center slides, which I am using to filter an additional dataframe to render the display of information regarding each active/centered image in the carousel.

Here is an example which demonstrates both issues:

Here are the code for my website which look like this :

My CSS Look like this :

I have 2 pandas dataframes:

1. state abbreviations and states.
2. state names and all the national parks in each state. This is not the whole dataframe.

I need to search for a user input in the state dataframe, in this case the state abbreviation, then take the adjacent value, the full name and use that to display the correct column from the parks dataframe. I am sure this could be easier if they were one dataframe, but I could not figure a way to do that and keep all of the functionality; I want to be able to display the state dataframe for the user. Any suggestions would be really appreciated. here is my code. Around line 72 I could use help. I kept as much out as i could while keeping this functional, it is a large program, but this is my biggest problem so far. thank you

I've a situation where I'm trying to select some scenarios from a dataframe in a single pass. The following code is what I'm using at the moment:

I have a "database" generated from a random list of locations, which attaches a random continent and a random category to each one.

I wanted to change the RandomItem to NextItem so it just selects the next item of the list of locations rather than randomly selecting them, unfortunately I don't know enough to know what to search for to solve this problem.

I was hoping I could use the value of (i) when it generates the next place but that didn't seem to work.

How would I go about changing the NextItem to do this?