Language Agnostic Visualization Web Application 📊

A powerful web application for creating stunning visualizations in Python and R

✨ Overview

Transform your data into compelling visualizations with our language-agnostic platform. Whether you prefer Python or R, create interactive, static, or 3D visualizations with ease.

🛠️ Tech Stack

Frontend Angular 18+ - Modern web framework TypeScript - Type-safe development Custom Components Language Selector Code Editor Visualization Renderer Responsive Design

Backend Node.js + Express Python Environment matplotlib plotly R Integration ggplot2 plotly htmlwidgets

🎯 Key Features

• Multi-Language Support
  • Python & R integration
  • Extensible architecture
• Visualization Types
  • Static Images (PNG)
  • Interactive Charts (HTML)
  • 3D Visualizations
• User Experience
  • Real-time Preview
  • Download Options
  • Responsive Interface

🔍 Technical Challenges & Solutions

1. HTML Chart Rendering

Challenge: Interactive HTML plots weren't rendering in Angular
Solution: Implemented secure HTML embedding using DomSanitizer and iframe

2. Script Execution Safety

Challenge: Backend would crash or hang on invalid scripts Solution: Wrapped script execution in try/catch with detailed error handling and user feedback

3. R Plot Generation

Challenge: Server restarts during R visualization generation
Solution: Configured nodemon to ignore the tmp/ folder using a nodemon.json file. This prevented auto-restarts caused by file writes in that directory

4. Responsive Design

Challenge: UI inconsistencies across devices
Solution: Implemented fluid layouts with modern CSS

🌟 Current Status

The application successfully supports:

• ✅ Static Visualizations
• ✅ Interactive Plots
• ✅ 3D Visualizations
• ✅ Cross-Language Support

🚀 Future Roadmap

• Additional Language Support
  • D3.js
  • Julia
  • MATLAB
• Template Gallery
• Real-time Collaboration
• Enhanced Export Options