---
tag: component
---

# Component / Investor Analytics (Overview)

This component is made up of 3 different organisms:

1. [Organism / Analytics / Overview](https://hackmd.io/_5SxMcA2R4yZBE6U4ahaaw)
2. [Organism / Analytics / Deal Room Activity](https://hackmd.io/GJGma9kzQpOL2xaZbPZiBA)
3. [Organism / Analytics / Document Engagement](https://hackmd.io/axTL7tbhSo2sYq88ws1MMQ)

## States & Variables

### Empty State (Pre-Launch)

This is what the Investor Analytics Overview component looks like before a company has launched their Deal Room.

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D13940%253A651" allowfullscreen></iframe>

...

### Empty State (Post-Launch)

This is what the component looks like once the Deal Room has been launched, but no data has yet been collected.

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D26913%253A6510" allowfullscreen></iframe>

...

### Happy State

This is what the component looks like once a Deal Room has been launched and data is being collected.

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D13940%253A90" allowfullscreen></iframe>

...