> ## Documentation Index > Fetch the complete documentation index at: https://private-7c7dfe99-framing-web-ui.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. > RocketBI es una plataforma de inteligencia empresarial de autoservicio que te ayuda a analizar datos rápidamente, crear visualizaciones mediante arrastrar y soltar, y colaborar con tus colegas directamente desde el navegador web. # Objetivo: crea tu primer dashboard con Rocket.BI export const CommunityMaintainedBadge = () => { return
Mantenimiento de la comunidad
; }; export const Image = ({img, alt, size = "lg"}) => { const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg"; return
{alt}
; }; En esta guía, instalarás Rocket.BI y crearás un dashboard sencillo. Este es el dashboard: Dashboard de Rocket BI que muestra métricas de ventas con gráficos y KPI
Puedes ver [el dashboard en este enlace.](https://demo.rocket.bi/dashboard/sales-dashboard-7?token=7eecf750-cbde-4c53-8fa8-8b905fec667e)
## Instalación
Inicie RocketBI con nuestras imágenes de Docker listas para usar. Descargue `docker-compose.yml` y el archivo de configuración: ```bash theme={null} wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/docker-compose.yml wget https://raw.githubusercontent.com/datainsider-co/rocket-bi/main/docker/.clickhouse.env ``` Edita `.clickhouse.env` y agrega la información del servidor de ClickHouse. Inicia RocketBI ejecutando el comando: `docker-compose up -d .` Abre el navegador, ve a `localhost:5050` e inicia sesión con esta cuenta: `hello@gmail.com/123456` Para compilar desde el código fuente o realizar una configuración avanzada, puedes consultarlo aquí: [Rocket.BI Readme](https://github.com/datainsider-co/rocket-bi/blob/main/README.md)
## Construyamos el dashboard
En Dashboard, encontrarás tus informes. Para empezar a visualizar, haz clic en **+New** Puedes crear **dashboards ilimitados** y **gráficos ilimitados** en un dashboard. Animación que muestra el proceso de creación de un nuevo gráfico en Rocket BI
Consulta el tutorial en alta resolución en YouTube: [https://www.youtube.com/watch?v=TMkdMHHfvqY](https://www.youtube.com/watch?v=TMkdMHHfvqY)
### Crea los controles del gráfico
#### Crea un control de métricas
En el filtro Tab, selecciona los campos de métricas que quieras usar. Asegúrate de revisar la configuración de agregación. Panel de configuración del control de métricas de Rocket BI que muestra los campos seleccionados y la configuración de agregación
Renombra los filtros y guarda el control en el dashboard Control de métricas con filtros renombrados, listo para guardar en el dashboard
#### Crea un control de tipo fecha
Elige un campo de fecha como columna de fecha principal: Interfaz de selección de campos de fecha en Rocket BI que muestra las columnas de fecha disponibles
Agrega variantes duplicadas con distintos rangos de búsqueda. Por ejemplo, Año, Mensual, Diario o Día de la semana. Configuración del rango de fechas que muestra distintas opciones de periodo de tiempo, como año, mes y día
Renombra los filtros y guarda el control en el dashboard Control de rango de fechas con los filtros renombrados, listo para guardarse en el dashboard
### Ahora, creemos los gráficos
#### Gráfico circular: métricas de ventas por regiones
Elige Adding new chart y luego selecciona gráfico circular Panel de selección del tipo de gráfico con la opción de gráfico circular resaltada
Primero, arrastra y suelta la columna "Region" del Dataset en el campo Legend Interfaz de arrastrar y soltar que muestra la columna Region agregándose al campo de leyenda
Luego, cambia a la pestaña Chart Control Interfaz de la pestaña Chart Control que muestra opciones de configuración de visualización
Arrastra y suelta Metrics Control en el campo Value Metrics Control agregándose al campo de valor del gráfico circular
(también puedes usar Metrics Control para ordenar) Ve a Chart Setting para personalizarlo más Panel de configuración del gráfico que muestra opciones de personalización para el gráfico circular
Por ejemplo, cambia Data label a Percentage La configuración de la etiqueta de datos se cambia para mostrar porcentajes en el gráfico circular
Guarda y agrega el gráfico al dashboard Vista del dashboard que muestra el gráfico circular recién agregado con otros controles
#### Usa el control de fecha en un gráfico de series temporales
Usemos un gráfico de columnas apiladas Interfaz de creación de un gráfico de columnas apiladas con datos de series temporales
En Chart Control, usa control de métricas como eje Y y rango de fechas como eje X Configuración de Chart Control que muestra métricas en el eje Y y rango de fechas en el eje X
Agrega la columna Region a Breakdown La columna Region se agrega como dimensión de desglose en el gráfico de columnas apiladas
Agrega un Number Chart como KPI y mejora el dashboard Dashboard completo con gráficos numéricos de KPI, gráfico circular y visualización de series temporales
Ahora has creado con éxito tu primer dashboard con rocket.BI