TradingView Widgets Library
Biblioteca completa de componentes para integrar gráficos financieros en tu aplicación
Sobre esta biblioteca
Esta aplicación es una biblioteca completa de ejemplos de TradingView Widgets. Cada widget incluye documentación detallada, parámetros de configuración y ejemplos prácticos listos para usar en tus proyectos.
Componentes Reutilizables
Listos para copiar a tu proyecto
JavaScript Puro
Sin TypeScript, simple y directo
Next.js App Router
Arquitectura moderna
Charts(3 widgets)
Advanced Real-Time Chart
Gráfico financiero avanzado en tiempo real con herramientas completas de análisis técnico. Es el widget más potente de TradingView, ideal para plataformas de análisis financiero, sitios de noticias de mercados y aplicaciones de trading.
Symbol Overview
Muestra las últimas cotizaciones junto con un gráfico simple de un activo individual. Es ideal para landing pages móviles o web, páginas de producto de activos financieros y secciones de "Stock of the Day".
Mini Chart
Widget compacto que muestra el precio y porcentaje de cambio de un símbolo junto con una vista de gráfico simplificada. Perfecto para sidebars, listas de vigilancia compactas y tablas de mercado.
Watchlists(3 widgets)
Market Summary
Watchlist que visualiza múltiples símbolos a la vez con gráficos de líneas. Crea pestañas personalizadas para activos específicos o muestra automáticamente los movimientos más importantes del día.
Stock Market
Muestra las top 5 acciones con mayores ganancias, pérdidas y mayor actividad del día. Se actualiza según la actividad actual del mercado, mostrando siempre las acciones más relevantes.
Market Overview
Diseñado para obtener una visión macro de los mercados. Funciona particularmente bien en homepages de sitios financieros, proporcionando una visión general de diferentes categorías de activos.
Tickers(3 widgets)
Ticker Tape
Cinta de cotizaciones en movimiento horizontal que muestra múltiples símbolos. Ideal para headers de sitios financieros o como banner de información de mercado.
Single Ticker
Muestra un solo símbolo con su precio y cambio. Perfecto para destacados de activos específicos o headers de páginas de producto.
Ticker
Widget de cotización vertical que muestra el precio y cambio de un símbolo. Ideal para sidebars y paneles laterales.
Heatmaps(3 widgets)
Stock Heatmap
Mapa de calor visual que muestra el rendimiento de acciones con colores. Las celdas crecen y se tiñen según el desempeño, permitiendo identificar rápidamente ganadores y perdedores.
Crypto Coins Heatmap
Mapa de calor del mercado de criptomonedas. Visualiza el rendimiento de diferentes criptomonedas con colores y tamaños dinámicos.
Forex Cross Rates
Mapa de calor de tasas cruzadas de forex. Muestra el rendimiento relativo de diferentes pares de divisas.
Symbol Details(4 widgets)
Symbol Info
Muestra información detallada de un símbolo financiero incluyendo descripción, sector, capitalización de mercado y más.
Technical Analysis
Widget de indicador técnico que muestra un "medidor" con calificación de compra/venta basada en varios indicadores técnicos.
Fundamental Data
Muestra datos fundamentales de un símbolo como EPS, P/E ratio, dividendos y más. Esencial para análisis de inversiones.
Company Profile
Muestra el perfil completo de una empresa incluyendo descripción, empleados, sitio web y datos clave.