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.
Modern Exterior Renderings Needed Category: 3D Animation, 3D Architecture, 3D Design, 3D Modelling, 3D Rendering, 3D Visualization, 3ds Max, Architectural Rendering Budget: $250 - $750 USD
Google Sheets-WhatsApp Automation Category: API Integration, Automation, Data Entry, Data Extraction, Google App Engine, Google Sheets, JavaScript, N8n, PHP, Software Architecture Budget: £20 - £250 GBP
