Skip to content

Latest commit

 

History

History
73 lines (62 loc) · 2.01 KB

README.md

File metadata and controls

73 lines (62 loc) · 2.01 KB

Map-Based Population Density Visualization

Table of Contents

  1. Overview
  2. Features
  3. Getting Started
  4. Usage
  5. Configuration
  6. Project Structure
  7. Contributing

Overview

This project visualizes the population density of the United States using React, TypeScript, OpenLayers, and Tailwind CSS.

Features

  • Display map with population density using GeoJSON data with searching feature
  • Interactive tooltips showing population density
  • Responsive design for desktop and mobile
  • Filtering options for specific states <<<<<<< HEAD
  • shoing graph for specific state desity on hovering with graph representation =======
  • showing graph of spacefic city's density on hovering with graph representation

refs/remotes/origin/main

Getting Started

  1. start the devlopment server
  • npm run dev

Prerequisites

  • React.js
  • TypeScript
  • Node.js
  • npm or yarn

Installation

  1. Clone the repository: 
    git clone https://github.com/sachinandan-05/map-population-density.git

Usages

  1. Open your browser and navigate to http://localhost:3000.
  2. Use the map to explore population density data.
  3. Utilize the filtering options to view specific states.

Confugration

Project Structure

map-population-density/ ├── public/ │ ├── images │ └── ... ├── src/ │ ├── assets/ │ ├── components/ │ ├── styles/ │ ├── App.tsx │ └── main.tsx ├── tsconfig.json ├── tsconfig.app.json ├── tsconfig.node.json ├── tailwind.config.js ├── package.json └── ...

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Make sure to update the documentation as necessary.