IAP 2026 Design Sprint Project MIT Climate & Energy Policy Clinic
This is an interactive digital database and map for geothermal systems located in the United States. The tool is designed for audiences interested in learning about different types of geothermal systems and where they've been adopted.
- Individual Ground Source Heat Pump (GSHP): Single-building geothermal heating/cooling systems
- 4th Generation District Heating & Cooling (4GDHC): District-scale geothermal energy networks
- 5th Generation District Heating & Cooling (5GDHC): Advanced ambient temperature bidirectional networks
- Interactive Map: Click on markers to explore geothermal projects across the U.S.
- Detailed Project Information: View energy benefits, costs, emissions reductions, technical details, and financial breakdowns
- Filtering & Search: Filter by system type or search by location/project name
- Responsive Design: Works on desktop, tablet, and mobile devices
- Accessible Information: Clear presentation of complex technical data
/
├── index.html # Main HTML structure
├── styles.css # Styling and layout
├── app.js # Interactive map functionality
├── data.js # Geothermal systems data
└── README.md # This file
- Open
index.htmlin a web browser - The map will display all geothermal systems with colored markers
- Click any marker to view detailed project information in the side panel
- Use filters and search to find specific projects
Replace the sample data in data.js with your actual spreadsheet data. Each project should include:
- Basic Info: name, location, coordinates (lat/lng), system type, status
- Benefits: energy, cost, and emissions data
- Technical Details: capacity, loop type, building count, etc.
- Financial Details: total cost, grants, payback period
- Other: motivation, ownership model, additional resources
Example data structure:
{
id: 1,
name: "Project Name",
location: "City, State",
lat: 42.3601,
lng: -71.0942,
systemType: "gshp", // or "4gdhc" or "5gdhc"
status: "Operating",
description: "Project description...",
energyBenefits: "Description of energy savings",
costBenefits: "Description of cost savings",
emissionsBenefits: "Description of emissions reductions",
// ... more fields
}- Leaflet.js: Open-source interactive mapping library
- HTML/CSS/JavaScript: Standard web technologies (easy to embed in Wix)
- OpenStreetMap: Free map tiles
- Leaflet.js Documentation
- OpenStreetMap
- MIT Climate & Energy Policy Clinic
Farrah Ye - farrah_y@mit.edu