Riminder/opendata.techghil.mr

Techghil Mauritanie is a SvelteKit application that provides official employment statistics in Mauritania through interactive visualizations. It uses TypeScript, Tailwind CSS, `chart.js`, and `maplibre-gl` for data visualization. # Techghil Mauritanie English | Français | العربية Techghil Mauritanie is a SvelteKit application designed to provide official statistics on employment in Mauritania. The project visualizes data using various charts and maps to offer insights into employment trends. ## Table of Contents 1. Project Overview 2. Getting Started 3. Building the Project 4. Data Structure 5. Creating Visualizations 6. Contributing Guidelines 7. Versioning 8. Commit Message Guidelines 9. License ## 1. Project Overview This project aims to present official employment statistics in Mauritania through interactive visualizations. It leverages SvelteKit for the frontend, TypeScript for type safety, and Tailwind CSS for styling. The visualizations are powered by libraries such as `chart.js` and `maplibre-gl`. ## 2. Getting Started To set up the project locally, follow these steps: 1. Clone the repository: ```bash git clone github.com cd opendata.techghil.mr ``` 2. Install dependencies: ```bash npm install ``` 3. Start the development server: ```bash npm run dev ``` 4. Open the app in a new browser tab: ```bash npm run dev -- --open ``` ## 3. Building the Project To create a production version of your app: ```bash npm run build ``` You can preview the production build with: ```bash npm run preview ``` > To deploy your app, you may need to install an adapter for your target environment. ## 4. Data Structure The data for visualizations is stored in JSON files. Below are examples of the expected data format for various visualizations: ### 4.1 Array of Objects This format is used for data that includes multiple entries with specific attributes. File: `mock_gpsCoordCandidates.json` ```json [ { "center": { "lat": 18.079, "lng": -15.965 }, "num_points": 5 }, { "center": { "lat": 16.617, "lng": -11.406 }, "num_points": 3 } ] ``` ### 4.2 Array of Objects with Additional Attributes This format is similar to the p …