Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
ChrisALoor committed Feb 17, 2024
2 parents 65d149b + a4b6fbc commit 28a1fff
Showing 1 changed file with 17 additions and 5 deletions.
22 changes: 17 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,20 @@
# React + Vite
# TrafficSim-Vis

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
This is a single-page application developed to view files processed from MATSim simulations. It emerged as part of the work "Visual Analytics of Traffic Simulation Data". Users can view and analyze traffic simulation data using browsers efficiently.

Currently, two official plugins are available:
Abstract

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
In today's world, transportation is one of society's most important needs, especially in urban areas. Traffic management and planning are essential to ensure a continuous flow of traffic and minimize congestion. Furthermore, information visualization plays a crucial role in the visual analysis of data that mainly comes from raw and abstract data. Simulations provide detailed information on traffic flow, positions, congestion, etc. However, the effectiveness of simulators is limited by the capacity of computers since when faced with large data sets, their ability to support large-scale microscopic simulations decreases significantly. In this work, we have developed a visual analytics single-page application called TrafficSim-Vis consisting of preprocessing and visualization. The first part is a set of steps to convert the Multi-Agent Transportation Simulation (MATSim) output data into a format compatible with web frameworks. The second part focuses on a single-page application in which preprocessed data will be entered for display. To do this, the application uses advanced frameworks, such as Deck GL, capable of handling large amounts of data. The development is verified, and the visualization tool is finally tested with simulated traffic data in Cuenca (Ecuador) and Santiago (Chile). As a result, we obtain an interactive interface that allows an attractive representation of the agents. In addition, users can analyze, interact, and explore different aspects of the data and obtain relevant information about the simulation.


- [TrafficSim-Vis](https://chrisaloor.github.io/TrafficSim-Vis/)
- Also can read [Visual Analytics of Traffic Simulation Data: a Review](https://link.springer.com/chapter/10.1007/978-3-031-52517-9_4)

# To install
you just need to make a copy of the repository and run:

$ npm install

With all dependencies will be installed, then :

$ npm run dev

0 comments on commit 28a1fff

Please sign in to comment.