1function Algorithms() {
2 return (
3 <div>
4 <h1
5 style={{
6 fontSize: "2rem",
7 fontWeight: "bold",
8 color: "#333",
9 marginBottom: "1rem",
10 }}
11 >
12 Compression Algorithms
13 </h1>
14 <div className="algorithms">
15 <section style={{ marginBottom: "2rem" }}>
16 <h2 style={{ fontSize: "1.5rem", color: "#444", marginBottom: "1rem" }}>
17 Zlib
18 </h2>
19 <p style={{ color: "#666", marginBottom: "1rem" }}>
20 [Algorithm description will be loaded from results.json]
21 </p>
22 <div style={{ color: "#666", marginLeft: "1rem" }}>
23 <div>• zlib-1 (fastest)</div>
24 <div>• zlib-3</div>
25 <div>• zlib-5</div>
26 <div>• zlib-7</div>
27 <div>• zlib-9 (best compression)</div>
28 </div>
29 </section>
31 <section style={{ marginBottom: "2rem" }}>
32 <h2 style={{ fontSize: "1.5rem", color: "#444", marginBottom: "1rem" }}>
33 Zstandard (zstd)
34 </h2>
35 <p style={{ color: "#666", marginBottom: "1rem" }}>
36 [Algorithm description will be loaded from results.json]
37 </p>
38 <div style={{ color: "#666", marginLeft: "1rem" }}>
39 <div>• zstd-4 (faster)</div>
40 <div>• zstd-7</div>
41 <div>• zstd-10</div>
42 <div>• zstd-13</div>
43 <div>• zstd-16</div>
44 <div>• zstd-19</div>
45 <div>• zstd-22 (better compression)</div>
46 </div>
47 </section>
49 <section style={{ marginBottom: "2rem" }}>
50 <h2 style={{ fontSize: "1.5rem", color: "#444", marginBottom: "1rem" }}>
51 Simple ANS
52 </h2>
53 <p style={{ color: "#666", marginBottom: "1rem" }}>
54 [Algorithm description will be loaded from results.json]
55 </p>
56 </section>
57 </div>
58 </div>
59 );
60}
62export default Algorithms;