Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sshyam-gupta/react-datamaps-india

React Datamaps for India Region
https://github.com/sshyam-gupta/react-datamaps-india

datamaps datamaps-inida india india-region react-datamaps react-datamaps-india

Last synced: about 5 hours ago
JSON representation

React Datamaps for India Region

Host: GitHub
URL: https://github.com/sshyam-gupta/react-datamaps-india
Owner: sshyam-gupta
License: mit
Created: 2020-03-14T20:18:16.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-07-31T05:41:21.000Z (4 months ago)
Last Synced: 2024-10-28T14:17:17.391Z (19 days ago)
Topics: datamaps, datamaps-inida, india, india-region, react-datamaps, react-datamaps-india
Language: TypeScript
Homepage: https://react-datamaps-india.vercel.app/
Size: 4.84 MB
Stars: 8
Watchers: 3
Forks: 5
Open Issues: 8
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

README

        # react-datamaps-india 🇮🇳

> Datamaps for india region

[![npm version](https://img.shields.io/npm/v/react-datamaps-india.svg)](https://www.npmjs.com/package/react-datamaps-india)

[![npm downloads](https://img.shields.io/npm/dw/react-datamaps-india.svg)](https://www.npmjs.com/package/react-datamaps-india)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-datamaps-india)](https://www.npmjs.com/package/react-datamaps-india)

## ✨ [Demo](https://react-datamaps.netlify.app/)

## 🏠 [Homepage](https://github.com/sshyam-gupta/react-datamaps-india#readme)

## Installation

```bash

pnpm add react-datamaps-india

```

or with other package manager like npm

```bash

npm install react-datamaps-india

```

## Usage

```jsx

import DatamapsIndia from 'react-datamaps-india'

const Example = () => {

  return (

     {

        return (

          <>

            
{value.name}

            {value.value}

          >

        )

      }}

      mapLayout={{

        title: 'Title',

        legendTitle: 'Legend Title',

        startColor: '#FFDAB9',

        endColor: '#FF6347',

        hoverTitle: 'Count',

        noDataColor: '#f5f5f5',

        borderColor: '#8D8D8D',

        hoverBorderColor: '#8D8D8D',

        hoverColor: 'green',

      }}

    />

  )

}

```

### Available Props

### regionData (optional)

#### Object of valid states with count. Find valid states below

### mapLayout (optional)

#### Object of map layout props

```

title: '',

legendTitle: '',

startColor: 'blue',

endColor: 'red',

hoverTitle: 'Count',

noDataColor: '#f5f5f5',

borderColor: '#8D8D8D',

hoverColor: 'green'

hoverBorderColor: 'green'

```

### Valid States

```

Andaman & Nicobar Island

Andhra Pradesh

Arunachal Pradesh

Assam

Bihar

Chandigarh

Chhattisgarh

Dadara & Nagar Haveli

Daman & Diu

Delhi

Goa

Gujarat

Haryana

Himachal Pradesh

Jammu & Kashmir

Jharkhand

Karnataka

Kerala

Lakshadweep

Madhya Pradesh

Maharashtra

Manipur

Meghalaya

Mizoram

Nagaland

Odisha

Puducherry

Punjab

Rajasthan

Sikkim

Tamil Nadu

Telangana

Tripura

Uttar Pradesh

Uttarakhand

West Bengal

```

## Contributing

Contributions, issues and feature requests are always welcome!

Feel free to check [issues page](https://github.com/sshyam-gupta/react-datamaps-india/issues).

## Support

Give a ⭐️ if this project helped you!

## 📝 License

Copyright © 2023 [Shyam Gupta ([email protected])](https://github.com/sshyam-gupta)

This project is [MIT](https://github.com/sshyam-gupta/react-datamaps-india/blob/main/LICENSE) licensed.

## About me

- Website: [sshyam-gupta.space](https://sshyam-gupta.space/)

- Twitter: [@shyamm06](https://twitter.com/shyamm06)

- GitHub: [@sshyam-gupta](https://github.com/sshyam-gupta)

- LinkedIn: [@shyam-gupta-66463a62](https://linkedin.com/in/https://www.linkedin.com/in/shyam-gupta-66463a62/)