Job Description:
Klarifi is seeking a skilled map specialist to develop a highly efficient and dynamic map visualization tool in Next.js to display the locations of over 100,000 wastewater treatment plants and facilities across Europe and North America. The data for these facilities is stored in an SQL database, and we need the map to be responsive, smooth, and efficient to handle large datasets.
This initial project focuses on creating a foundational map that performs the following key tasks:
Key Responsibilities:
1. Display facility locations: Plot more than 100,000 facility locations on the map from SQL database coordinates.
2. Dynamic marker color: Enable markers to change color based on an attribute (such as industry code) to provide a clear visual distinction.
3. Heatmap generation: Implement a heatmap overlay that can be toggled on/off, based on the number of violations at a facility.
4. Dynamic filtering: Ensure that facility coordinates displayed on the map change dynamically based on pre-existing filters (e.g., only US facilities).
Technical Requirements:
• Strong experience with Next.js and front-end performance optimization.
• Familiarity with map libraries such as Mapbox, Leaflet, Google Maps API, or others (open to suggestions on the best tool for the task).
• Proficient in SQL databases for data integration and querying.
• Experience with handling and visualizing large datasets efficiently.
• Knowledge of heatmaps, clustering, and dynamic markers on maps.
Nice to Have:
• Experience working with geospatial data.
• Familiarity with UI/UX best practices for map interactivity.
Additional Context:
Feel free to see my initial work [here], which is obviously not a good solution as it does not give the user a smooth map experience (loading and moving on the map takes too long). We are looking for a more performant solution that provides a seamless user experience.
This project is the beginning phase, and there will be further opportunities for more advanced features in the future, such as improving the filtering system, adding more interactivity, and scaling the map for additional data sources.
Budget: Open to discussion, based on experience and scope of work.
Timeline: We are aiming to start the project ASAP.
Location: Remote.
When applying, please include a reference or a link to map(s) that you have previously created and please include a brief description of how you would solve this exact task and with which libraries/tools/tech stack.
Budget: $1,000
Posted On: August 19, 2024 07:27 UTC
Category: Front-End Development
Skills:SQL, JavaScript, Web Development, Data Visualization, GIS
Country: Denmark
click to apply
Powered by WPeMatico