Donate your designs to Terra community through [email protected]!
Example Dashboard
Activity Data
Body Data
Daily Data
Sleep Data
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<style type="text/css">
.graph {
height: 400px;
width: 100%;
display: inline-block;
}
.wrapper {
display: flex;
overflow: scroll;
scroll-X: show;
}
.box {
padding: 10px 10px;
border-radius: 20px;
background: #d9e1ea;
}
</style>
</head>
<body>
<div class="box">
<h1>Example Dashboard</h1>
<h2>Activity Data</h2>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=ACTIVITY_HR_SAMPLES&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F4F5F6&textcolor=&linecolor=00ace6&unselectedcolor=&charttype=&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=ACTIVITY_POWER_SAMPLES&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F4F5F6&textcolor=&linecolor=00ace6&unselectedcolor=&charttype=&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<h2>Body Data</h2>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=BODY_GLUCOSE_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F1EAFF&textcolor=&linecolor=A274FF&unselectedcolor=&charttype=&timeperiod=TWO_WEEKS&start_date=2023-03-02&legend=true" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=BODY_GLUCOSE_AGP&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F1EAFF&textcolor=&linecolor=00ace6&unselectedcolor=&charttype=&timeperiod=TWO_WEEKS&start_date=2023-03-02&legend=true&y_min=40&y_max=150" class="graph" frameBorder="0"></iframe>
<h2>Daily Data</h2>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=DAILY_STEPS_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=BCE0FE&textcolor=000000&linecolor=60A5FA&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=DAILY_RHR_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=BCE0FE&textcolor=000000&linecolor=60A5FA&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<h2>Sleep Data</h2>
<div class = wrapper>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_HR_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=CECEFF&textcolor=3C3C9B&linecolor=092A4A&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_HRV_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=CECEFF&textcolor=3C3C9B&linecolor=092A4A&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
</div>
<div class = wrapper>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_RHR_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=EDFAC4&textcolor=25310F&linecolor=515A22&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_RESPIRATORY_RATE_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=EDFAC4&textcolor=25310F&linecolor=515A22&timeperiod=TWO_WEEKS&start_date=2023-03-02&html_title_content=Sleep Respiratory Rate" class="graph" frameBorder="0"></iframe>
</div>
<div class = wrapper>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_ASLEEP_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=A274FF&textcolor=F5F7F8&linecolor=5215CE&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_REM_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=A274FF&textcolor=F5F7F8&linecolor=5215CE&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
</div>
<div class = wrapper>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_DEEP_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F8FAFF&textcolor=7E7E7E&linecolor=60A5FA&unselectedcolor=E2EFFE&charttype=bar&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_LIGHT_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&bgcolor=F8FAFF&textcolor=7E7E7E&linecolor=60A5FA&unselectedcolor=E2EFFE&charttype=bar&timeperiod=TWO_WEEKS&start_date=2023-03-02" class="graph" frameBorder="0"></iframe>
</div>
<iframe src="https://api-staging.tryterra.co/graphs/test?type=SLEEP_REM_LIGHT_DEEP_PIE_SUMMARY&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXlsb2FkIjp7ImRldi1pZCI6InRlc3RpbmciLCJ1c2VyX2lkIjoiNTJmYjRmYzYtY2U2Yy00ZWIyLTk2NjYtYzdhNjk0ZDI5ZmVjIn0sImV4cGlyZXMiOjE2ODMyODUyMjAuNTkwMjM5fQ.GvF5xJV__wGXgP0NvwBIl7FefxfelZaCxuyBm-w5GpQ&timeperiod=TWO_WEEK&start_date=2023-03-02&bgcolor=F8FAFF&colorPanelList=rgba(255, 99, 132, 0.2)_rgba(54, 162, 235, 0.2)_rgba(255, 206, 86, 0.2)_rgba(72, 255, 0, 0.2)&colorHoverPanelList=rgb(255, 99, 132)_rgb(54, 162, 235)_rgb(255, 206, 86)_rgb(72, 255, 0)&labelFontSize=10" class="graph" frameBorder="0"></iframe>
</div>
</body>
</html>