The Meaningful Bites Data Explorer is a web-based tool designed to visualize and explore data from the Meaningful Bites project. It provides an interactive interface to view, search, and sort data from multiple tables defined in our data schema. It's hosted on GitHub Pages at meaningful-bites.github.io/data-explorer.
- Dynamic loading of table schemas from a SCHEMA.md file
- CSV data loading from specified GitHub repository
- Interactive data table with search and sort functionality
- Responsive design using Tailwind CSS and custom UI components
-
Schema Loading: On initial load, the Data Explorer fetches the
SCHEMA.mdfile from the Meaningful-Bites/data repository. This file defines the structure of our data tables. -
Data Fetching: When a user selects a table, the Explorer fetches the corresponding CSV file from the
public_data/snapshots/latest/directory in the data repository. -
Dynamic Updates: The Explorer always fetches the latest version of the schema and data files, ensuring that users see the most up-to-date information without requiring updates to the Explorer itself.
The data displayed in the Explorer is dynamically fetched from our data repository.
To run the Data Explorer locally:
- Clone this repository
- Install dependencies with
npm install - Start the development server with
npm start - Open http://localhost:3000 in your browser
The Data Explorer is currently deployed using GitHub Pages. Any changes pushed to the main branch of this repository will trigger a new deployment.
Contributions are welcome! Please feel free to submit issues or pull requests.
The dataset is licensed under the Creative Commons Attribution 4.0 International License.