-
Notifications
You must be signed in to change notification settings - Fork 0
/
covid-tracker-wireframe
82 lines (82 loc) · 8.57 KB
/
covid-tracker-wireframe
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<mxfile host="app.diagrams.net" modified="2021-02-06T23:14:20.639Z" agent="5.0 (Macintosh; Intel Mac OS X 11_2_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.146 Safari/537.36" etag="UZm1YAm6BZjQBJQZjyaJ" version="14.2.9" type="github">
<diagram id="xvzTQ9-5-fPDP8zOaK1t" name="Page-1">
<mxGraphModel dx="1426" dy="914" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="MVlI-BGpLR-qcWQpmj3A-1" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.browserWindow;rSize=0;strokeColor=#666666;strokeColor2=#008cff;strokeColor3=#c4c4c4;mainText=,;recursiveResize=0;" vertex="1" parent="1">
<mxGeometry x="30" y="20" width="790" height="750" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-2" value="Page 1" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="60" y="12" width="110" height="26" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-3" value="https://www.draw.io" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.anchor;rSize=0;fontSize=17;fontColor=#666666;align=left;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="130" y="60" width="250" height="26" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-4" value="<font style="font-size: 22px">COVID 19 TRACKER</font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="40" y="125" width="320" height="35" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-5" value="Worldwide" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="376" y="125" width="167" height="30" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-6" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="50" y="180" width="150" height="70" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-7" value="Cases" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="60" y="180" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-8" value="+2000" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="60" y="205" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-9" value="1.2 M TOTAL" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="50" y="225" width="90" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-10" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="215" y="180" width="150" height="70" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-11" value="RECOVERED" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="240" y="180" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-12" value="+2000" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="240" y="205" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-13" value="1.2 M TOTAL" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="230" y="225" width="90" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-14" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="393" y="180" width="150" height="70" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-15" value="DEATHS" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="413" y="180" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-16" value="+2000" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="413" y="205" width="40" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-17" value="1.2 M TOTAL" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="403" y="225" width="90" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-18" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="40" y="280" width="500" height="410" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-19" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn2.iconfinder.com/data/icons/social-media-2259/512/google-128.png" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="211" y="390" width="128" height="128" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-20" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="580" y="120" width="180" height="560" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-21" value="Cases by country" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="610" y="155" width="120" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-22" value="Worldwide new cases" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="605" y="444" width="120" height="20" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-23" value="" style="aspect=fixed;pointerEvents=1;shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;align=center;fillColor=#00188D;shape=mxgraph.mscae.general.graph" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="600" y="495" width="140" height="140" as="geometry" />
</mxCell>
<mxCell id="MVlI-BGpLR-qcWQpmj3A-24" value="<table border="0" width="100%" height="100%" style="width:100%;height:100%;border-collapse:collapse;"><tr><td align="center">Value 1</td><td align="center">Value 2</td><td align="center">Value 3</td></tr><tr><td align="center">Value 4</td><td align="center">Value 5</td><td align="center">Value 6</td></tr><tr><td align="center">Value 7</td><td align="center">Value 8</td><td align="center">Value 9</td></tr></table>" style="text;html=1;strokeColor=#c0c0c0;fillColor=none;overflow=fill;" vertex="1" parent="MVlI-BGpLR-qcWQpmj3A-1">
<mxGeometry x="600" y="190" width="140" height="230" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>