A modern web application built with React and Vite that provides interactive visualizations and analytics for NPM packages. Get insights about package downloads, version adoption, and more through beautiful charts and real-time data.

• 📊 Interactive Visualizations: View package data through Line, Bar, and Pie charts
• 🔄 Real-time Stats: Get live statistics from the NPM registry
• 📱 Responsive Design: Works seamlessly on desktop and mobile devices
• ⚡ Fast Performance: Built with Vite and optimized for speed
• 🎨 Modern UI: Clean interface styled with Tailwind CSS

• 📦 50K+ NPM Packages
• 📈 4B+ Daily Downloads
• 👥 2.5K+ Active Users
• 📊 90M+ Data Points

Make sure you have Bun installed on your machine.

1. Clone the repository:

git clone https://github.com/yourusername/package-visualizer.git
cd package-visualizer

2. Install dependencies:

bun install

3. Start the development server:

bun dev

The application will be available at http://localhost:5173

• React - Frontend library
• Vite - Build tool
• Tailwind CSS - Styling
• Chart.js - Data visualization
• Framer Motion - Animations
• React Router - Routing
• Axios - API requests

src/
  ├── components/      # Reusable UI components
  ├── pages/          # Page components
  ├── hooks/          # Custom React hooks
  ├── assets/         # Static assets
  └── context/        # React context providers

PackageViz uses the following NPM Registry APIs:

• Registry API (registry.npmjs.org) for package information
• Downloads API (api.npmjs.org) for download statistics

Please see our Security Policy for reporting security vulnerabilities.

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed under the MIT License - see the LICENSE file for details.

Built with ❤️ using React and Vite