Analytics Dashboard

This is the entire template — edit it live in the editor, or paste it into any .wiremark file.

wiremarkUI
  sidebar SD {
    nav "Overview" active
    nav "Analytics"
    nav "Reports"
    nav "Exports"
  }
  header H "Analytics"

  page DASH "Dashboard" {
    H
    SD

    toolbar {
      select "Last 30 days"
      button "Compare"
      button "Export" primary
    }

    grid "Key Metrics" {
      metric "Total Revenue" "$48,320"
      metric "Active Users" "3,142"
      metric "Conversion Rate" "4.7%"
      metric "Avg. Session" "3m 22s"
    }

    chart "Revenue — last 6 months" "bar"

    split {
      chart "Sessions trend" "line" small
      chart "Traffic share" "pie" small
    }

    section "Traffic Overview" {
      card "Sessions by Channel" {
        table "Channels" {
          columns "Channel", "Sessions", "Bounce Rate", "Goal Conv."
          row "Organic Search", "12,430", "38%", "5.2%"
          row "Direct", "8,910", "42%", "3.8%"
          row "Referral", "4,200", "51%", "2.1%"
          row "Social", "2,100", "61%", "1.4%"
        }
      }
    }
  }