TabulaRise: Effortlessly fetch, display, and filter API data in advanced tables, for developers and data enthusiasts.
TabulaRise is a powerful browser extension designed for developers and data enthusiasts. With TabulaRise, you can effortlessly interact with API endpoints and display their responses in advanced data tables. The extension features built-in filters, allowing you to explore and analyze data seamlessly. Say goodbye to manual API testing – TabulaRise streamlines the process and enhances your productivity.
Supported JSON Structures for Data Import
This extension supports multiple JSON structures when fetching data from an API. Ensure your API response matches one of the following formats:
1. >>>>Simple Array of Objects>>>>
If your data is a direct array of objects:
[
{"name": "John Doe", "age": 28, "city": "New York"},
{"name": "Jane Smith", "age": 34, "city": "Los Angeles"}
]
>>>>Note:>>>> In this structure, each object represents a row of data.
2. >>>>Nested Object with Data Array>>>>
If your data is nested inside a key like `data`, `Data`, `results`, or `items`:
{
"Data": [
{"product": "Laptop", "price": 799, "stock": 10},
{"product": "Phone", "price": 599, "stock": 20}
]
}
This also works for keys like `data`, `results`, or `items`.
3. >>>>Empty or Invalid Data Handling>>>>
If the response does not match the expected structure, an alert will be shown stating "No valid data found."
Ensure that the JSON structure is either:
- A direct array of objects.
- An object containing an array under one of the recognized keys (e.g., `Data`, `data`, `results`, `items`).
>>>>Example API Response Formats>>>>
Valid response examples:
{
"data": [
{"id": 1, "title": "Task 1", "status": "Complete"},
{"id": 2, "title": "Task 2", "status": "Pending"}
]
}
{
"results": [
{"country": "USA", "population": 331000000},
{"country": "Canada", "population": 38000000}
]
}
If your API response uses a different key for the data array, consider renaming it or wrapping it under one of the recognized keys mentioned above.