1import { PROBLEMS } from "../../problems";
3export function HomePage() {
4 return (
5 <>
6 <h1>fastandaccurate</h1>
7 <p className="subtitle">Speed and accuracy benchmarks for PDE solvers</p>
8 <p>
9 Each problem is posed in the continuum with an exact or highly
10 accurate reference solution; a solver chooses its own discretization
11 and is compared by <em>work-precision curves</em>, error against
12 compute time. Results can be reproduced in the browser and submitted
13 by pull request. See <a href="#/about">About</a> for how measurement
14 and submission work.
15 </p>
17 <h2>Problems</h2>
18 <div className="problem-list">
19 {PROBLEMS.map((p) => (
20 <a key={p.id} className="problem-card" href={`#/problem/${p.id}`}>
21 <div className="problem-card-title">
22 <code>{p.id}</code>
23 <span className="badge">{p.dimension}</span>
24 </div>
25 <div className="problem-card-summary">{p.summary}</div>
26 <div className="problem-card-meta">
27 {p.instanceCount} instances · {p.solverCount} solvers · ground
28 truth: {p.groundTruth}
29 </div>
30 </a>
31 ))}
32 </div>
33 <p className="small muted" style={{ marginTop: 16 }}>
34 More problems are planned: further 2D problems (Helmholtz,
35 time-dependent), 3D problems, and near-boundary evaluation variants.
36 Suggestions and contributions are welcome on{" "}
37 <a href="https://github.com/concept-collection/fastandaccurate">GitHub</a>.
38 </p>
39 </>
40 );
41}