A collection of four interactive web applications built with JavaScript, AJAX, and external APIs. This project demonstrates real-time data retrieval, visualization, and user interaction through weather forecasting, dog breed exploration, cryptocurrency market analysis, and an interactive 3D globe displaying detailed country information.
Unlike a traditional flat map, the Country Explorer features a fully interactive globe that users can rotate and explore to view information about countries around the world.
Retrieve real-time weather data using a ZIP code search.
- ZIP code lookup
- Latitude and longitude geocoding
- Real-time weather forecasting
- Dynamic weather display using API data
Browse and search dog breeds using live API data.
- Dynamic breed image gallery
- Real-time breed filtering
- Materialize CSS card layout
- API-driven content rendering
Explore the world through a fully interactive 3D globe.
- Rotatable 3D globe visualization
- Interactive country selection
- Country flags and capitals
- Languages and currencies
- Population and regional information
- Real-time country data retrieval
Visualize cryptocurrency market performance using an interactive heat map.
- Dynamic treemap visualization
- Market performance indicators
- Volume-based sizing
- Real-time cryptocurrency market data
- Color-coded gain/loss representation
- HTML5
- CSS3
- JavaScript (ES6+)
- AJAX
- D3.js
- Materialize CSS
- OpenWeather API
- Dog CEO API
- REST Countries API
- CoinGecko API
- Consuming REST APIs
- Processing JSON responses
- Managing asynchronous requests
- Error handling and data validation
- Interactive user interfaces
- Geographic data representation
- Treemap visualizations
- Dynamic content rendering
- DOM manipulation
- Event handling
- Responsive design principles
- User-focused application development
- Working with global datasets
- Interactive globe visualization
- Country data retrieval and presentation
- Historical weather tracking
- Enhanced country statistics and visualizations
- Additional cryptocurrency analytics
- Favorites and bookmarking functionality
- Mobile responsiveness improvements
- Dark mode support
- Clone the repository:
git clone https://github.com/AydenMcInerney/DataVisualizationSuite.git- Navigate to the project directory:
cd DataVisualizationSuite-
Open the desired application folder.
-
Launch the corresponding HTML file in your browser.
-
Ensure you have an internet connection, as each application retrieves live data from external APIs.
Note: Some APIs may require valid API keys depending on configuration.
This project was designed to strengthen my understanding of AJAX, API integration, asynchronous programming, data visualization, and interactive web application development. By combining multiple real-world APIs with engaging visual interfaces, I gained experience building applications that transform external data into meaningful user experiences.
Ayden McInerney
Computer Science (Data Science Option)
Penn State Harrisburg
Interested in software engineering, data engineering, and data-driven application development.
A walkthrough of all four applications: