|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html> |
3 | 3 | <head> |
4 | | - <title>Read vs. Write Performance</title> |
| 4 | + <title>CA Lab - Read vs. Write Performance</title> |
5 | 5 |
|
6 | 6 | <meta charset="utf-8"> |
7 | 7 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
32 | 32 | </head> |
33 | 33 | <body> |
34 | 34 |
|
35 | | - <h1>Performance Analysis: Read vs. Write</h1> |
36 | | - <p>Hier ist die interaktive Grafik, die die Lese- und Schreibleistung basierend auf der Anzahl der Werte (PVs) vergleicht.</p> |
| 35 | + <h1>CA Lab - Performance Analysis: Read vs. Write</h1> |
| 36 | + <p>Here is the interactive chart that compares reading and writing performance based on the number of values (PVs).</p> |
37 | 37 |
|
38 | 38 | <div id="vis-container"> |
39 | 39 | <div id="vis"></div> |
40 | 40 | </div> |
41 | 41 |
|
42 | 42 | <script type="text/javascript"> |
43 | | - // Der Pfad zu Ihrer JSON-Datei. |
44 | | - // Da sie im selben Ordner liegt, reicht der Dateiname. |
| 43 | + // The path to your JSON file. |
| 44 | + // Since it is located in the same folder, the file name is sufficient. |
45 | 45 | const specUrl = 'read_write_performance.json'; |
46 | 46 |
|
47 | | - // Optionen für Vega-Embed (optional, aber nützlich) |
| 47 | + // Options for Vega-Embed (optional, but useful) |
48 | 48 | const embedOptions = { |
49 | | - actions: true // Zeigt die "Speichern als PNG/SVG"-Aktionen an |
| 49 | + actions: true // Displays the "Save as PNG/SVG" actions |
50 | 50 | }; |
51 | 51 |
|
52 | | - // vegaEmbed aufrufen: |
53 | | - // 1. Parameter: Der CSS-Selektor für den Container (hier: '#vis') |
54 | | - // 2. Parameter: Der Pfad zur JSON-Spezifikation (hier: specUrl) |
55 | | - // 3. Parameter: Die Optionen (optional) |
| 52 | + // Call vegaEmbed: |
| 53 | + // 1st parameter: The CSS selector for the container (here: '#vis') |
| 54 | + // 2nd parameter: The path to the JSON specification (here: specUrl) |
| 55 | + // 3rd parameter: The options (optional) |
56 | 56 | vegaEmbed('#vis', specUrl, embedOptions) |
57 | 57 | .then(result => { |
58 | | - // Wird ausgeführt, wenn die Grafik erfolgreich geladen wurde |
| 58 | + // Executed when the graphic has been loaded successfully |
59 | 59 | console.log('Chart successfully rendered'); |
60 | 60 | console.log('Vega-Lite View:', result.view); |
61 | 61 | }) |
62 | 62 | .catch(error => { |
63 | | - // Wird ausgeführt, wenn ein Fehler auftritt (z.B. Datei nicht gefunden) |
| 63 | + // Executed when an error occurs (e.g., file not found) |
64 | 64 | console.error('Error rendering chart:', error); |
65 | 65 | document.getElementById('vis').innerHTML = |
66 | | - '<p style="color: red;">Fehler beim Laden der Grafik. Stellen Sie sicher, dass die Datei "read_write_performance.json" im selben Ordner liegt und Sie einen Webserver verwenden.</p>'; |
| 66 | + '<p style="color: red;">Error loading the graphic. Missing file: "read_write_performance.json".</p>'; |
67 | 67 | }); |
68 | 68 | </script> |
69 | 69 |
|
|
0 commit comments