Light-T is a traffic signal operation project conducted together with the Korea Transportation Research Institute. By analyzing the appropriate signal cycles and analyzing important intersections, we helped the traffic move more smoothly. As a developer, I worked to redo the overall UI design and created a new dashboard with traffic analysis.
Click
Role:
Full Stack Developer
Industry:
Geographic information system
Duration:
24 weeks
Tools :
Spring Framework, QGIS, MongoDB, MySQL, D3.js
Challenges
GIS Development: Developing a GIS program was quite different from the web development bootcamp I had previously taken. Although the programming language was the same, I had to understand how multiple layers come together while also learning about GIS itself.
Understanding the Target Users: Our project involved building a traffic analysis system for city traffic management teams. This meant we needed to identify the key factors that would help with road planning, traffic signals, and overall traffic analysis.
Simple but Effective UI: The UI needed to be clean and well-organized while ensuring that users could easily find and use the necessary features without confusion.
My Approach
Key Findings
Meeting with our target users, Identify their needs.
Instead of overwhelming users with too many options, Design a dashboard that highlights key information, allowing users to analyze multiple factors in one view.
D3.js for Data Visualization
research different chart types and determin the best way to visually represent the data using the D3.js library.
Design System
Light mode causes eye strain when viewing maps and numerical data, switch to dark mode to improve visibility and readability. and focus on maintaining consistency in UI components.
Build Design conventions for component usage, fonts, and layout structures, ensuring consistency across the team.
Showcase
Results
One of the key dashboard features I developed visually represented the percentage of cars passing through an SA (Signalized Area). This allowed users to intuitively assess the system’s efficiency.
The integration of real-time traffic data and CCTV feeds significantly improved workflow efficiency.
Future Plans
SA Visualization Enhancement:
Instead of just showing the SA efficiency as a percentage, we could enhance it with a directional simulation.
Visualizing the number of cars passing through in different directions (left turn, right turn, straight) would provide a clearer understanding of traffic flow.
Conclusion
This project gave me valuable experience in data visualization. As a design major, I found it fascinating to use programming as a way to "draw" visual elements. I also enjoyed researching the best ways to present data in a way that helps users understand and analyze information more effectively.