SLM Visual Guide (React + Vite)

A lightweight, data-driven frontend visualization for the Small Language Model (SLM) implementation guide.

This repository provides an interactive, educational dashboard comparing SLM and LLM performance, hardware needs, pipeline phases, and integration patterns.

---

🚀 What this app includes

• SLM pipeline summary (data curation, model selection, fine-tuning, evaluation)
• Radar chart comparing 7B SLM vs 70B+ LLM across key metrics
• VRAM bar chart showing inference and QLoRA training requirements
• Plotly scatter plot modeling dataset size vs training time
• Architecture diagram for context engine + SLM inference + agent execution
• Scroll reveal animations and responsive grid layout for visual storytelling

---

🧰 Tech stack

• React 19
• Vite 8
• Chart.js (via CDN)
• Plotly.js (via CDN)
• ESLint (setup with React Hooks rules)

---

📁 Project structure

• src/App.jsx: main page, chart setup and pipeline content
• src/main.jsx: renders the app
• src/index.css / src/App.css: styling and layout
• public/index.html: plugin scripts for Chart.js + Plotly, fonts

---

⚙️ Getting started

# install
npm install

# run development server
npm run dev

# build production
npm run build

# preview production build
npm run preview

# lint all files
npm run lint

Open http://localhost:5173 in browser.

---

📌 Configuration notes

• package.json includes dependencies:
  • react, react-dom
  • @vitejs/plugin-react, vite
  • eslint, @eslint/js, eslint-plugin-react-hooks, eslint-plugin-react-refresh
• Default React compiler is not enabled; this is fine for this learning/demo layout.

---

🛠️ Customize it

• Update chart values in src/App.jsx under radarLabelsRaw, barLabelsRaw, and plotlyData.
• Adjust pipeline cards in the section-pipeline JSX block.
• Add new SLM content sections as needed in the JSX structure.

---

👥 Contribution

1. Fork repository
2. Create branch: feature/<name>
3. Commit: git commit -m "feat: <message>"
4. Push and open PR

---

📄 License

MIT (or adapt to your preferred open-source license)