Map Visualization

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 📸 Screenshots
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• ❓ FAQ
• 📝 License

📖 Map Visualization

Map Visualization is an interactive web application that allows users to visualize and analyze geospatial data on a map. It provides drawing tools to select areas and displays statistics and charts for the data within the selected areas.

🛠 Built With

Tech Stack

Client

• Next.js
• React.js
• TypeScript
• Chart.js

Mapping

• Leaflet

Data Management

• API Services with integrated caching
• Data export in CSV, JSON, and GeoJSON formats

Key Features

• Area Selection - Draw circles, rectangles, or polygons on the map to select areas of interest
• Data Visualization - View data in tables and charts (pie, bar, line)
• Filters and Sorting - Filter and sort data according to different criteria
• Data Export - Export data in CSV, JSON, or GeoJSON format
• Caching System - Cache system to improve API request performance

(back to top)

🚀 Live Demo

• Live Demo

(back to top)

📸 Screenshots

Vue générale de l'application avec la carte et les outils de dessin

Visualisation des données pour une zone sélectionnée

Graphiques d'analyse des données géospatiales

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

To run this project, you need:

• Node.js (v14 or higher)
• npm or yarn

Setup

Clone this repository to your local machine:

  git clone git@github.com:GhostEsso/carte-visualisation.git
  cd carte-visualisation

Install

Install the project dependencies:

  npm install
  # or
  yarn install

Usage

To start the development server, run:

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see the application.

Run tests

To run tests, use the command:

  npm test
  # or
  yarn test

Deployment

You can deploy this application on Vercel or another hosting service compatible with Next.js:

  npm run build
  # or
  yarn build

(back to top)

👥 Authors

👤 Essohanam TAMBANA

• GitHub: @GhostEsso
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Advanced Spatial Analysis - Addition of spatial analysis features such as distance calculations, buffer zones, etc.
• Custom Data Import - Allow users to import their own datasets for visualization
• Visualization Customization - Provide more customization options for charts and maps

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please give it a star on GitHub and share it with your colleagues!

(back to top)

❓ FAQ

• Does the application work offline?

  • No, the application requires an internet connection to load map data and perform API requests.

📝 License

This project is licensed under the MIT License.

(back to top)