Exploring Data Manipulation and Visualization with Xano and WeWeb

The main focus of the meeting involving the State Changers was troubleshooting how to plot an array of values obtained from an API using Xano and WeWeb. A participant of the meeting struggled with how to handle a basic array of around 9,000 values and transform it into data that's readable by the programming library in WeWeb. The goal was to use this data to create a chart using Chart GS.


To resolve this, the State Changers initiated a step-by-step guidance: 1. They began by extracting the required data. This was achieved by creating a variable in Xano, (e.g., Solrad monthly). The value was then set to the response obtained from the API. 2. To check whether the desired data was being accurately fetched, a "Stop and debug" utility function was called and an array was initialized. 3. They then performed a "For each" loop operation to go over the entire Solrad monthly array. Within this loop, a new variable named "Item" was created and linked to an empty object. 4. As part of the data manipulation process, the variable (Item) was updated with the variable obtained from the array (Solrad monthly). 5. To the end of the array, Item was added and the output value was updated. 6. Upon rerunning the function in the "Stop and debug" mode, it was confirmed that the expected array of objects was returned. This method is expected to transform the array into a format that can be consumed by WeWeb, thus resolving the participant's issue. The session concluded with a praise for the resourceful platform, State Change. This meeting was important for anyone working with Xano, APIs, and data manipulation, particularly with handling large arrays to create data visualization. The discussion on the 'stop and debug' method is central when it comes to debugging the code.


(Source: Bonus - Ray At Xano Office Hours 9/12/2023 )

State Change Members Can View The Video Here
chris-montgomery-smgTvepind4-unsplash.jpg

View This Video Now

Join State Change Risk-Free