> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vistaly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Reports

> Reports in Vistaly provide a streamlined view of your work’s impact without overwhelming detail. They allow you to showcase key metrics and outcomes in an easily shareable format.

export const VideoGIF = ({src, className = '', ...otherProps}) => <Video src={src} autoPlay={true} muted={true} loop={true} controls={false} playsInline={true} className={className} style={{
  boxShadow: "0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.06)"
}} {...otherProps} />;

export const Video = ({src, autoPlay = false, muted = false, loop = false, playsInline = true, controls = true, className = '', ...otherProps}) => <video src={`https://cdn.vistaly.com/kb${src}`} autoPlay={autoPlay} muted={muted} loop={loop} playsInline={playsInline} controls={controls} className={className} {...otherProps} />;

export const WistiaVideo = props => {
  const id = props.id;
  if (typeof window !== "undefined") {
    setTimeout(function () {
      const script1 = document.createElement("script");
      script1.src = "https://fast.wistia.com/embed/medias/" + id + ".jsonp";
      script1.async = true;
      document.body.appendChild(script1);
      const script2 = document.createElement("script");
      script2.src = "https://fast.wistia.com/assets/external/E-v1.js";
      script2.async = true;
      document.body.appendChild(script2);
    }, 1);
  }
  return <div className="wistia-container">
      <div className="wistia_responsive_padding" style={{
    padding: "56.25% 0 0 0",
    position: "relative"
  }}>
        <div className="wistia_responsive_wrapper" style={{
    height: "100%",
    left: 0,
    position: "absolute",
    top: 0,
    width: "100%"
  }}>
          <div className={"wistia_embed wistia_async_" + id + " videoFoam=true"} style={{
    height: "100%",
    width: "100%",
    position: "relative"
  }}></div>
        </div>
      </div>
    </div>;
};

export const Image = ({src, alt, caption}) => <figure>
    <img src={`https://cdn.vistaly.com/kb${src}`} {...alt ? {
  alt
} : {}} />
    {caption && <figcaption class="image-caption">{caption}</figcaption>}
  </figure>;

<WistiaVideo id="r8eo19g9f3" />

## Creating Reports

Vistaly's outcome-oriented reports support creating executive or team-level reports for showing progess. Add [KPI](/documentation/core-concepts/card-types/kpi) and [Outcome](/documentation/core-concepts/card-types/outcome) cards from any workspace and see how shipped product improvements influence the metrics and goals that matter.

### Adding a New Report

1. Click the **Add new report** button
2. Enter a name for your report

<Image src="/documentation/views/add-report.png" alt="Adding a report" />

**Report Levels:**

* **Team-level reports:** Focus on individual trios or squads
* **Company-level reports:** Track progress across multiple trios or squads

### Working with KPIs (Perisistant)

The top section of your report displays metrics. These can be (but are not limited to):

* Business-level "board metrics" for company reports
* Key engagement metrics for team-level reports

To add metrics:

1. Click **Adjust KPIs**
2. Select one or more metrics from any workspace

<Image src="/documentation/views/adjust-kpis.png" alt="Adjusting KPIs" />

**Important Features:**

* Reports exist across all workspaces, allowing you to combine KPIs from different areas of the business
* Use the sort feature to customize the order of displayed KPIs

<Image src="/documentation/views/selected-kpis.png" alt="Selected KPIs" />

### Working with Outcomes (Time-bound)

The bottom section of your report showcases outcomes:

1. Click **Adjust Outcomes**
2. Select one or more outcomes from any workspace

After adding an outcome, the report automatically:

* Displays related opportunities and solutions
* Groups items by Now, Next, Later, and Done categories
* Shows solution completion points on the timeline with pins

<Image src="/documentation/views/outcome-chart.png" alt="Outcome Chart" />

This visualization helps you identify correlations between actions taken and their impact.

## Customization and Editing

**Timeline Planning:**

* Set future end dates for solutions to display projected completion points

**Inline Editing:**

* Hover over any value to make quick changes directly in the report view
* Dates, values, and units can all be modified inline

<Image src="/documentation/views/inline-edit.png" alt="Inline edits" />

This feature allows for efficient report management without navigating to other views.

## Sync With Your BI/Product Analytics Tools

The outcome section of the reports page is designed to show teams how their work is impacting outcomes. It's helpful if you have consistent snapshots of your data to see how outcomes change over time.

To help you create that consistent snapshot, use the [Vistaly API](/documentation/integrations/vistaly-api) to sync Oucome and KPI cards with your BI and analytics tools to pull updates on a regular basis *(weekly typically gets the job done)*.

## Low Data Environments

Reports can still be useful for communicating an outcome-oriented roadmap if you are working in a low data environment. See [these tips](/guides/getting-started/the-strategy-space#working-with-unmeasurable-goals) if you're operating in a low data environment.