visualizer

Repo for putting out visualizers for your extra screen, be it portrait or landscape.

Visualizations

• Fractal — linked triangles with attract/repulse interaction
• Pebbles — colorful animated circles
• Deer — particles masked to a deer silhouette

Run locally

This is a static site. Serve the repo root with any static file server:

python3 -m http.server 8080

Then open:

• http://localhost:8080/
• http://localhost:8080/fractal.html
• http://localhost:8080/pebbles.html
• http://localhost:8080/deer.html

Deploy to GitHub Pages

1. Push this repo to GitHub (for example abhushansahu/visualizer).
2. In the repo, go to Settings → Pages.
3. Under Build and deployment, set:
   • Source: Deploy from a branch
   • Branch: main
   • Folder: `/ (root)
4. Click Save. GitHub will publish the site in about 1–2 minutes.

Your site will be available at:

https://<your-github-username>.github.io/visualizer/

For this repo, that is:

https://abhushansahu.github.io/visualizer/

Notes

• No build step is required. GitHub Pages serves the HTML, CSS, and JS files directly.
• tsParticles is loaded from jsDelivr CDN, so the site needs internet access in the browser.
• .nojekyll is included so GitHub Pages does not run Jekyll processing on the files.