Luminon Luminon logo

3. Empezando: tu primer dashboard

3.4 Cambiando la apariencia

Luminon organiza las charts sobre un grid. Cada dashboard tiene columnas y filas, y cada chart se ubica usando coordenadas XY dentro de esa grilla. La posición horizontal se controla con `x`, la vertical con `y`, y el tamaño de cada visual se define con el span de columnas y filas para indicar cuánto espacio ocupa.

Además del layout, Luminon permite aplicar temas visuales. Un tema puede afectar todo el dashboard o una chart en particular, lo que facilita mantener consistencia visual o destacar una visual específica sin cambiar el resto.

Lista los temas disponibles
Dashboard de Retail Analytics Overview mostrando la lista de temas disponibles.
Temas disponibles para aplicar al dashboard o a una chart.
Cambia el dashboard 'Retail Analytics Overview' al tema textured
Dashboard de Retail Analytics Overview aplicado con el tema textured.
El dashboard después de aplicar el tema textured.

El grid por defecto en Luminon para este dashboard tiene 3 columnas y 2 filas. Eso significa que el espacio de trabajo se divide en una grilla rectangular donde las coordenadas `x` e `y` ubican cada chart dentro de esa grilla: `x` indica la columna de inicio y `y` la fila de inicio. El span define cuántas columnas (`w`) y filas (`h`) ocupa cada chart.

Muestrame el layout de 'Retail Analytics Overview'
Dashboard de Retail Analytics Overview mostrando el layout y la grilla de posición de las charts.
Layout del dashboard con coordenadas y spans.
Cambia el dashboard 'Retail Analytics Overview' al tema pastel y la chart 'Revenue Share' a clean
Dashboard de Retail Analytics Overview con tema clean y Revenue by Category en dark_analytics.
Dashboard y chart con temas aplicados por separado.

Ahora podemos ver el detalle de nuestro dashboard hasta ahora con `Muestra los detalles de 'Retail Analytics Overview'`.

Muestra los detalles de `Retail Analytics Overview`
Here are the details for the Retail Analytics Overview dashboard: General Information - Dashboard ID: db_im2n9lvx - Name: Retail Analytics Overview - Theme Preset: pastel (with individual chart overrides) - Status: Active - Total Charts: 4 - Linked Dataset: ds_co2zzpnf (144 rows, 21 columns) Pages ┌───────────┬──────────┬──────────┬─────────────┐ │ Page ID │ Name │ Slug │ Chart Count │ ├───────────┼──────────┼──────────┼─────────────┤ │ page_main │ Overview │ overview │ 4 │ └───────────┴──────────┴──────────┴─────────────┘ Charts (Overview Page) 1. Revenue by Category (bar-revenue-category) - Type: Bar - Individual Theme: pastel (recently updated from dark_analytics) 2. Revenue Share (donut-revenue-share) - Type: Donut - Individual Theme: clean 3. Monthly Revenue (line-monthly-revenue) - Type: Line 4. Total Revenue (kpi-total-revenue) - Type: KPI Card Active Filters - Year (year) - Month (month) - Country (country) - Category (category) Dataset Schema (ds_co2zzpnf) The dataset contains the following key metrics and dimensions: - Dimensions: year, month, country, channel, category, product, customer_segment. - Metrics: units_sold, revenue, profit, marketing_spend, website_visits, conversion_rate, avg_order_value, customer_satisfaction, temperature, competitor_price_index.