A powerful web-based financial charting and analysis platform built with Remix and powered by the high-performance rs-charts charting library.
- Multi-chart layouts - Arrange multiple charts in customizable grid layouts
- Interactive drawing tools - Trend lines, channels, and other technical analysis tools
- Real-time data - Live market data updates with smooth animations
- Technical indicators - Wide range of built-in indicators with customizable parameters
- AI-powered insights - Get intelligent market analysis and trading suggestions
- Pattern recognition - Automated detection of chart patterns and trends
- Fluid navigation - Smooth panning and zooming across timeframes
- Symbol management - Easy switching between different trading symbols
- Responsive design - Works seamlessly on desktop and tablet devices
- Drawing tools - Complete set of technical analysis drawing tools
- Customizable layouts - Save and restore your preferred chart arrangements
- User authentication - Secure account management with Firebase Auth
- Subscription tiers - Flexible pricing plans for different user needs
- Features Overview - Detailed feature descriptions
- Chart API Reference - API documentation for the charting library
- Component Hierarchy - Application architecture overview
- Authentication - User authentication and authorization
- Firebase Usage - Firebase integration details
- Frontend: Remix, React, TypeScript
- Charts: rs-charts - High-performance charting library built with Rust/WebAssembly
- Backend: Firebase (Firestore, Functions, Auth)
- Build Tool: Bun
- Bun installed on your system
- Firebase account and project
# Clone the repository
git clone https://github.com/yourusername/sc-app.git
cd sc-app
# Install dependencies
bun install
# Start development server
bun dev# Development
bun dev
# Build for production
bun run build
# Run tests
bun test
# Lint code
bun run lintCreate a .env file in the root directory with your Firebase and API credentials. See the documentation for detailed configuration instructions.
This library is part of the Spot Canvas "ecosystem":
- rc-charts – The charting library this app uses
- market-evaluators – Indicators backend for Spot Canvas and this library
- spot-server – Price data ingestion
Contributions are welcome! Please feel free to submit a Pull Request.
MIT
- Custom user-defined indicators
- Indicator marketplace and sharing
- Visual indicator builder
- Strategy templates with pre-configured indicators
- Real-time indicator updates during live trading
- Performance optimizations and caching
For questions, issues, or feature requests, please open an issue on GitHub.






