Hugging Face's logo

Spaces:
Peiyan
/
TrustworthyAI
Runtime error

App Files Community
TrustworthyAI
File size: 1,210 Bytes 
f46b416
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
import { Button, Card, Col, Row, Space, Statistic } from 'antd';
import ReactECharts from 'echarts-for-react';
import React from 'react';

const riskScores = {
	title: {
		text: 'Average Risk Score',
		left: 'center'
	},
	grid: { top: 8, right: 8, bottom: 24, left: 36 },
  xAxis: {
    data: ['2023/08', '2023/09', '2023/10', '2023/11', '2023/12', '2024/01', '2024/02']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [79, 80, 90, 91, 90, 91, 90],
      type: 'line'
    }
  ],

} 

const costPerMonth= {
	title: {
		text: 'Guard Cost Per Month',
		left: 'center'
	},
	grid: { top: 8, right: 8, bottom: 24, left: 36 },
  xAxis: {
    data: ['2023/08', '2023/09', '2023/10', '2023/11', '2023/12', '2024/01', '2024/02']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [1505.5, 1541.6, 1314.5, 1350.3, 1300.2, 1290.5, 1298.9],
      type: 'line'
    }
  ],
}

export default function Monitor() {
	return (
		<>
			<Row gutter={[16, 16]}>
				<Col span={12}>
					<ReactECharts option={riskScores} />
				</Col>

				<Col span={12}>
					<ReactECharts option={costPerMonth} />
				</Col>
			</Row>
			<br />

			<Card title='Top Warnings'>
				None	
			</Card>
		</>
	)
}