Canvas Dashboards

Using Rill Custom Components Templates

Rill provides a few templates for Rill-Authored charts. We will use the dashboard, dashboard_1 to create a few custom dashboards. For a more extensive list of examples, please see our reference page!

Charts:

Bar Charts

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

data:
  metrics_sql: |
    select 
      measure_2,
      date_trunc('day', author_date) as date 
    from dashboard_1
    where author_date > '2024-07-14 00:00:00 Z'

bar_chart:
  x: date
  y: measure_2
  

Line Charts

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

data:
  metrics_sql: |
    select 
      measure_0,
      date_trunc('day', author_date) as date 
    from dashboard_1
    where author_date > '2024-07-14 00:00:00 Z'

line_chart:
x: date
y: measure_0

Pie Charts

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

Area Charts

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

Scatter Plots

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

Others:

KPI

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts
    
type: component

kpi:
  metric_view: dashboard_1
  time_range: P1W
  measure: net_line_changes #if name parameter is defined on measure
  comparison_range: P1W

Layer Map

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

Choropleth Charts

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

Table

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts
  
type: component

table:
measures:
  - net_line_changes
metric_view: "dashboard_1"
time_range: "P3M"
#comparison_range: "P3M"

row_dimensions:
  - author_name
#col_dimensions:
#  - filename 

Pivot Table

# Chart YAML
# Reference documentation: https://docs.rilldata.com/reference/project-files/charts

type: component

---

Was this content helpful?