Welcome to My Blog

Physics Calculators, DSP Tools, and Programming Resources

Author

Tong Su

Published

November 16, 2025

Hello, I’m Tong Su! 👋

Welcome to my personal website where I share interactive calculators, physics simulations, and programming resources.

🔬 Pyodide Sequential Computing Projects

Advanced React projects with Pyodide integration for browser-based Python execution.

Pyodide Physics Pipeline

🔗 Sequential Pipeline

  • Python-based physics formulas
  • Block-by-block execution
  • Detailed computation logs
  • Powered by Pyodide + SymPy

Pyodide DSP R(z)

📡 Signal Processing

  • Advanced DSP analysis
  • Python SymPy backend
  • Zero-pole computation
  • Browser-based execution

PyScript Pipeline

🐍 PyScript Integration

  • PyScript + React hybrid
  • Python formulas in browser
  • Interactive calculations
  • Modern web stack

🧮 SymPy Interactive Demos

Symbolic mathematics with equation manipulation and variable swapping.

SymPy Equation Solver

🔀 Variable Swapping Demo

Features: - Symbolic Equation Rearrangement: Automatically rearrange equations using SymPy - Variable Swapping: Solve for any variable in the same block (e.g., d=s/t → s=d*t → t=s/d) - Unknown Variables: Display equations with symbolic variables before substitution - Pyodide Cache Status: Visual indicator showing if Pyodide is loaded from cache - LaTeX Rendering: Beautiful equation display with MathJax

Example Equation: d = s / t (distance = speed / time) - Solve for d (distance): Input s, t → Calculate d - Solve for s (speed): Input d, t → Calculate s - Solve for t (time): Input d, s → Calculate t

All in the same interactive block!

These are older, single-file versions without build requirements:

🧪 Learning Resources & Demos

Step-by-step learning with React + Vite:

React 1-Formula Demo

🧬 Beginner Level

  • Single formula implementation
  • Component structure basics
  • State management intro
  • Perfect for learning React

React 2-Formulas Demo

🔮 Intermediate Level

  • Multiple formula connections
  • Props flow between components
  • Component composition
  • Practice data passing

Simple, no-build demos for quick learning:

To build React projects locally (optional - pre-built versions already included):

Windows:

build-all-react.bat

Mac/Linux:

./build-all-react.sh

See React Projects Guide for detailed instructions.

🎯 Other Interactive Tools

Block Formula Demo

🧮 Interactive Blocks

  • v, a, d calculations
  • Visual data flow
  • Manual or connected inputs
  • Drag to position

Block Drag & Connect

🔗 Drag & Drop

  • Reposition blocks freely
  • Connect input/output ports
  • Auto-calculate on connection
  • Visual programming style
Click to expand additional demos

📚 Programming Resources

  • MATLAB scripts and tutorials
  • Numerical computing examples
  • Signal processing demos

View MATLAB Section

📖 Documentation

🔗 Technology Stack

Frontend

  • React 18 + Vite 5
  • Vanilla JavaScript
  • Quarto for static site
  • Pyodide (Python in browser)

Libraries

  • SymPy (symbolic math)
  • MathJax (LaTeX rendering)
  • Matplotlib (plotting)
  • PyScript integration

Resources

📝 Recent Updates

Updates

ImportantLatest Features (2025)

New React Projects: - ✨ 5 React + Vite projects with modular architecture - Physics Pipeline (full version + 2 learning demos) - Python Runner with Pyodide integration - DSP R(z) Analysis with SymPy + MathJax

Improvements: - 🔧 One-click build scripts for all React projects - 📚 Comprehensive documentation and deployment guides - 🎨 Reorganized project structure with collapsible sections - 🐍 Browser-based Python execution via Pyodide - 🚀 Automated Netlify deployment pipeline

Tip💡 Getting Started
  1. Try React Projects: Click any of the featured React projects above
  2. Learn Gradually: Start with 1-formula demo, progress to 2-formulas
  3. Explore Alternatives: Check vanilla JS versions for simpler, no-build options
  4. Build Locally (optional): Use build-all-react.bat to build from source
  5. Read Docs: See guides for deployment and customization

Built with ❤️ using Quarto • Published on Quarto Pub

Last updated: November 16, 2025