|
Description: |
Expected duration: 1 - 2 weeks
Project Description:
I am looking for an experienced frontend web developer to create an interactive and visually dynamic webpage based on a network model visualization. This page will include a central network diagram that dynamically updates based on user inputs and sliders, representing changes in variables such as "aircraft traffic," "air traffic controllers available," and "sectors available."
The project involves:
Central Network Visualization: A dynamically resizing and updating network model (shown in the uploaded picture), with node sizes and relationships changing based on real-time user input.
Interactive Controls:
A slider on the left to adjust "aircraft traffic."
Controls on the right side for "air traffic controllers" and "sectors."
A timeline slider at the bottom to simulate changes over time.
Animations: The central diagram should animate smoothly when inputs change, showing the effects of user interactions in real-time.
Responsive Design: The webpage should look and function well on both desktop and tablet browsers.
Clean and Maintainable Code: The codebase should be modular, well-documented, and easy to expand in the future.
Deliverables:
A fully functional webpage (not necessarily online, but something I could upload later on my website) with:
Central dynamic network visualization based on a JSON model I provide.
Interactive sliders for input variables.
Animated changes in the network diagram based on user inputs.
A timeline slider for simulating changes over time.
A clean, modular codebase (using React or Vue).
Deployment-ready files and instructions for hosting the webpage.
Possible extractable video of the webpage (perhaps simply done via screen record)
What I Will Provide:
JSON data representing the initial network model and node/edge relationships.
A reference diagram and explanation of how the network should behave.
A high-level concept of how the UI should look (left panel, right panel, and timeline).
Timeline:
This should hopefully be a relatively straight forward job and shouldn't take too long. I’d like to have the project completed within 1-2. Please indicate how many hours you think it will take. |
