Travel.Orb.mov
Welcome to the Travel Orb project! This project is an interactive web-based visualization tool designed to explore global travel trends and their impact on various regions. It allows users to examine patterns in tourism, spending behavior, and the effects of tourism on the environment and the economy.
Team Members:
- Omisha Sapra [u1529228, [email protected]]
- Parth Bhandari [u1528105, [email protected]]
- Ananya Ananth [u1520797, [email protected]]
Repository Link:
- Background and Motivation
- Project Objectives
- Data Sources
- Data Processing
- Features
- Visualization Design
- Implementation Details
- Process Book
- Project Website
- Screencast
- Installation
- Usage
- Contact
With increasing global interest in travel, understanding tourism’s economic, social, and environmental impacts has become essential. The Travel Orb project aims to visualize these patterns in an interactive manner, helping users understand the dynamics of international tourism and its effects. Our motivation stems from the desire to build a tool that enables industry professionals, travelers, and policymakers to make informed decisions.
- Visualize how international tourism has evolved across different regions over time.
- Analyze the popularity of countries based on tourist arrivals, spending, and environmental impact.
- Provide insights into the economic impact of tourism on GDP and the environmental costs associated with travel.
- How has international tourism evolved across different regions?
- Which are the most visited countries and what factors contribute to their popularity?
- How does tourist spending vary across regions?
- What is the environmental impact of tourism?
- What is the economic impact of tourism on a country’s GDP?
We have used the following data sources for this project:
- World Tourism Organization (UNWTO)
- World Bank
- Aviation Safety Network
- Organisation for Economic Co-operation and Development (OECD)
Our data processing pipeline involves cleaning and standardizing data using Python libraries like Pandas and NumPy. Key transformations include:
- Resolving inconsistencies in country names and date formats.
- Deriving metrics such as tourist growth rates and spending per tourist.
- Estimating environmental impact based on flight data.
- Interactive Map: Visualizes tourist arrivals, spending, and environmental impact by country.
- Time-Series Charts: Trends in tourism over time, with filtering options.
- Choropleth Map: Shows the most popular destinations globally.
- Data Filters: Users can filter by year, region, and metrics.
- Responsive Design: Ensures the visualization is accessible on various devices.
- Animated Data Transitions: For a smooth user experience when switching between years or data points.
- Sustainability Index: Highlights regions with sustainable tourism initiatives.
We iterated through multiple design sketches before finalizing the following key visual components:
- Choropleth Map: A map-based visualization for tourist arrivals and spending patterns.
- Time-Series Graph: For visualizing trends over different years and regions.
- Environmental Impact Visualization: Focuses on the carbon footprint of travel.
Check out the Process Book PDF for more detailed visual design evolutions.
We implemented this project using:
- React: For building the user interface and managing components.
- D3.js: For creating dynamic, data-driven visualizations.
- JavaScript: For interaction and functionality.
- CSS: For styling and ensuring responsive design.
- Interactive map with hover effects to display regional data.
- Filters for narrowing down data based on user input.
- Time-series charts to show trends in tourism over the years.
The project leverages several libraries to create the interactive visualizations:
- D3.js: Used for data manipulation and rendering the SVG-based interactive Choropleth Map.
- React.js: For building the user interface and managing component states.
- TopoJSON/GeoJSON: Custom geographical data to define country boundaries for the choropleth map.
- CSS: For styling the visualizations and creating responsive designs.
The Process Book outlines the design process, visualizations considered, and insights gained during the project. It details the reasoning behind each design decision and how the project evolved from the initial concept to the final implementation.
The project is hosted publicly on GitHub Pages. Visit the website to explore the interactive visualization and learn more about the insights we uncovered.
Check out our two-minute screencast demo, where we showcase the key functionalities of the Travel Orb visualization. The screencast is embedded on our project website and can also be found here:
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/dataviscourse2024/travel-orb
- Navigate into the project folder:
cd travel-orb - Install the required dependencies:
npm install
- Start the development server:
This will open the project in your default browser at
npm start
http://localhost:3000.
Once the project is running, you can:
- Explore the interactive map by hovering over different countries to view tourism data.
- Use the filters to select specific years, regions, and metrics.
- Analyze time-series trends and environmental impact data.
For any questions or feedback, feel free to reach out:
- Omisha Sapra: [email protected]
- Parth Bhandari: [email protected]
- Ananya Ananth: [email protected]
Thank you for exploring Travel Orb! We hope you enjoy uncovering global travel insights through our visualization tool.