Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Deep-Codes/chloromaps
Develop and Ship Choropleth Maps Faster => an open-source alternative to Mapchart
https://github.com/Deep-Codes/chloromaps
jotai nextjs react typescript vercel
Last synced: about 9 hours ago
JSON representation
Develop and Ship Choropleth Maps Faster => an open-source alternative to Mapchart
- Host: GitHub
- URL: https://github.com/Deep-Codes/chloromaps
- Owner: Deep-Codes
- License: mit
- Created: 2021-05-03T04:25:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-04T17:15:46.000Z (over 2 years ago)
- Last Synced: 2024-10-29T19:52:24.540Z (9 days ago)
- Topics: jotai, nextjs, react, typescript, vercel
- Language: TypeScript
- Homepage: https://chloromaps.com/
- Size: 3.8 MB
- Stars: 41
- Watchers: 1
- Forks: 2
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[Chloromaps.com](https://chloromaps.com/) helps non-programmers build choropleth visualizations. It has more than 20+ Maps of countries and continents based on Mercator, Robinson projections.
> This is also an Open-source alternative to Mapchart.net 🥳
## Motivation
When I was 17 back in 2019 I created an Instagram page called [@maps_affinity](https://www.instagram.com/maps_affinity/) during my summer break. I used to curate and post content around choropleth visualizations. I used to use other 3rd part software like mapchart to curate those maps. Always wanted to build my version of it but I wasn't programming back then.
Started programming in 2020 May, at this point the page grew to over 19,000+ followers and had hit 1million+ impressions. I tried and failed twice to build it. Nevertheless, I am glad I don't get disappointed by my failure and instead take breaks and move on.
After failing to build it twice and I finally shipped Chloromaps.com, the product I wanted to build since 2019. It’s really beautiful to see an idea becoming a live product all it needs is a lot of consistent efforts.
> Have written a detailed blog on my entire journey of building this -> [Gaining 19,000+ followers and building my dream project chloromaps.com](https://dpnkr.in/blog/building-maps-affinity-and-chloromaps)
## Key features
- Mercator, Lambert Azimuthal Equal-area, Robinson Map projection
- 29 Maps of countries, continents, and world
- Saving and loading map configurations
- [Generating maps components via CLI](https://twitter.com/DeepankarBhade/status/1398129689139421184)
- ["Forking" examples of maps](https://twitter.com/DeepankarBhade/status/1399021820615876611)
## Available Maps (29)
- [World 🌎](https://chloromaps.com/map/world)
- [World Mercator 🌏](https://chloromaps.com/map/world-mercator)
- [India 🇮🇳](https://chloromaps.com/map/india)
- [Usa 🇺🇸](https://chloromaps.com/map/usa)
- [Europe 🇪🇺 (Detailed)](https://chloromaps.com/map/europe-detailed)
- [Europe 🇪🇺](https://chloromaps.com/map/europe)
- [China 🇨🇳](https://chloromaps.com/map/china)
- [Russia 🇷🇺](https://chloromaps.com/map/russia)
- [UK 🇬🇧](https://chloromaps.com/map/uk)
- [Germany 🇩🇪](https://chloromaps.com/map/germany)
- [USA 🇺🇸 (Counties)](https://chloromaps.com/map/usa-counties)
- [France 🇫🇷 (Regions)](https://chloromaps.com/map/france)
- [Brazil 🇧🇷](https://chloromaps.com/map/brazil)
- [Australia 🇦🇺](https://chloromaps.com/map/australia)
- [Pacific-World 🌎](https://chloromaps.com/map/world-pacific)
- [Canada 🇨🇦](https://chloromaps.com/map/canada)
- [Poland 🇵🇱](https://chloromaps.com/map/poland)
- [Spain 🇪🇸](https://chloromaps.com/map/spain)
- [Turkey 🇹🇷](https://chloromaps.com/map/turkey)
- [Argentina 🇦🇷](https://chloromaps.com/map/argentina)
- [Japan 🇯🇵](https://chloromaps.com/map/japan)
- [Nigeria 🇳🇬](https://chloromaps.com/map/nigeria)
- [Africa 🌍](https://chloromaps.com/map/africa)
- [Sweden 🇸🇪](https://chloromaps.com/map/sweden)
- [Egypt 🇪🇬](https://chloromaps.com/map/egypt)
- [South Korea 🇰🇷](https://chloromaps.com/map/korea)
- [France 🇫🇷 (Departments)](https://chloromaps.com/map/france-departments)
- [Mexico 🇲🇽](https://chloromaps.com/map/mexico)
- [Italy 🇮🇹](https://chloromaps.com/map/italy)
## Contributing
Although I no longer plan to mantain this project, feel free to fork, create issues, submit PRs (would be happy to review).
### Setup
```bash
# install packages
yarn
# run dev server
yarn dev
```
## Acknowledgement
Chloromaps would never be possible without the availability of Amazing Libraries and the Support of some People. Chloromaps take a lot of design inspiration from Vercel and uses [Geist](https://github.com/geist-org/geist-ui) a library I contribute to ✨.
### Libraries and Frameworks Used in the Development
- [React](https://github.com/facebook/react)
- [TypeScript](https://github.com/microsoft/TypeScript)
- [NextJS](https://github.com/vercel/next.js)
- [Styled-JSX](https://github.com/vercel/styled-jsx)
- [Geist-UI](https://github.com/geist-org/react)
- [Jotai](https://github.com/pmndrs/jotai)
- [MDX](https://github.com/mdx-js/mdx)
- [React-Colorful](https://github.com/omgovich/react-colorful)
- [Next-SEO](https://github.com/garmeeh/next-seo)
- [Inter](https://github.com/rsms/inter)
- [React-Tooltip](https://github.com/wwayne/react-tooltip)
- [Preact (Production Build)](https://preactjs.com/)
- [Vercel (CI , Deployments , Hosting)](https://vercel.com/)
### SVG Maps
- [Simple Maps](https://simplemaps.com/resources/svg-maps)
- [Wikipedia's Blank Maps](https://en.wikipedia.org/wiki/Wikipedia:Blank_maps)
## Things that can be improved
- Tabs, Modals, Popover should follow Aria guidelines
- Styling solution could have been better
- All maps could have been generalised inside `/map/[slug]` route