CodePen Live Examples
Interactive examples demonstrating GoCharting SDK features in real-time.
Live Embedded Examples
Advanced Trading Demo
Complete trading interface with order management, indicators, and drawing tools.
Features Demonstrated:
- Professional candlestick charts
- Technical indicators (RSI, MACD, Bollinger Bands)
- Drawing tools and annotations
- Order management interface
- Real-time data simulation
- Interactive trading controls
Basic Charting Demo
Simple chart implementation perfect for getting started.
Features Demonstrated:
- Basic chart setup
- Symbol switching
- Timeframe selection
- Theme switching (light/dark)
- Chart type selection
- Simple configuration
Internationalization & Theme Demo
Complete demonstration of internationalization (i18n) with 19+ languages and dynamic theme switching.
Features Demonstrated:
- 19+ Language Support: English, Chinese (Simplified & Traditional), Japanese, Korean, French, German, Spanish, Portuguese, Italian, Russian, Polish, Turkish, Thai, Vietnamese, Indonesian, Malay, Arabic, Hebrew
- Dynamic Theme Switching: Switch between light and dark themes using
setTheme()method - Real-time Language Switching: Change UI language without page reload
- Interactive Locale Switcher: Flag buttons for easy language selection
- Comprehensive Documentation: Locale codes and usage examples
- Instant Updates: See changes immediately in the chart UI
Using These Examples
Try Immediately
Click the embedded examples above to interact with live charts directly in your browser.
Fork and Customize
- Click “Open in CodePen”
- Fork the pen to your account
- Modify the code to suit your needs
- Use as a starting point for your project
Copy Code
- View the HTML, CSS, and JavaScript tabs
- Copy relevant sections to your project
- Adapt the configuration for your use case
Learn by Example
- Examine the data provider implementation
- Study the chart configuration options
- See how events and interactions work
Last updated on