Skip to content

Commit 3dd8f7f

Browse files
jessgrahamuqjessgrahamuq
committed
push
1 parent ada7ea8 commit 3dd8f7f

49 files changed

Lines changed: 539 additions & 539 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎risk10_bau_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1670,7 +1670,17 @@
16701670
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
16711671

16721672
// Create chart with custom plugin for colored squares
1673-
const ctx = document.getElementById('severityChart').getContext('2d');
1673+
// Fix blurry canvas FIRST - set dimensions before getting context
1674+
const canvas = document.getElementById('severityChart');
1675+
const rect = canvas.getBoundingClientRect();
1676+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1677+
canvas.width = rect.width * dpr;
1678+
canvas.height = rect.height * dpr;
1679+
canvas.style.width = rect.width + 'px';
1680+
canvas.style.height = rect.height + 'px';
1681+
1682+
const ctx = canvas.getContext('2d');
1683+
ctx.scale(dpr, dpr);
16741684

16751685
// Track hover state
16761686
let hoveredExpertIndex = null;
@@ -1947,16 +1957,6 @@
19471957
chart.update('none');
19481958
});
19491959

1950-
// Fix blurry canvas on high-DPI displays - force 4x resolution
1951-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1952-
const canvas = document.getElementById('severityChart');
1953-
const rect = canvas.getBoundingClientRect();
1954-
canvas.width = rect.width * dpr;
1955-
canvas.height = rect.height * dpr;
1956-
canvas.style.width = rect.width + 'px';
1957-
canvas.style.height = rect.height + 'px';
1958-
ctx.scale(dpr, dpr);
1959-
19601960
const chart = new Chart(ctx, {
19611961
type: 'line',
19621962
data: {

‎risk10_pm_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1670,7 +1670,17 @@
16701670
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
16711671

16721672
// Create chart with custom plugin for colored squares
1673-
const ctx = document.getElementById('severityChart').getContext('2d');
1673+
// Fix blurry canvas FIRST - set dimensions before getting context
1674+
const canvas = document.getElementById('severityChart');
1675+
const rect = canvas.getBoundingClientRect();
1676+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1677+
canvas.width = rect.width * dpr;
1678+
canvas.height = rect.height * dpr;
1679+
canvas.style.width = rect.width + 'px';
1680+
canvas.style.height = rect.height + 'px';
1681+
1682+
const ctx = canvas.getContext('2d');
1683+
ctx.scale(dpr, dpr);
16741684

16751685
// Track hover state
16761686
let hoveredExpertIndex = null;
@@ -1947,16 +1957,6 @@
19471957
chart.update('none');
19481958
});
19491959

1950-
// Fix blurry canvas on high-DPI displays - force 4x resolution
1951-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1952-
const canvas = document.getElementById('severityChart');
1953-
const rect = canvas.getBoundingClientRect();
1954-
canvas.width = rect.width * dpr;
1955-
canvas.height = rect.height * dpr;
1956-
canvas.style.width = rect.width + 'px';
1957-
canvas.style.height = rect.height + 'px';
1958-
ctx.scale(dpr, dpr);
1959-
19601960
const chart = new Chart(ctx, {
19611961
type: 'line',
19621962
data: {

‎risk11_bau_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2695,7 +2695,17 @@
26952695
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
26962696

26972697
// Create chart with custom plugin for colored squares
2698-
const ctx = document.getElementById('severityChart').getContext('2d');
2698+
// Fix blurry canvas FIRST - set dimensions before getting context
2699+
const canvas = document.getElementById('severityChart');
2700+
const rect = canvas.getBoundingClientRect();
2701+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2702+
canvas.width = rect.width * dpr;
2703+
canvas.height = rect.height * dpr;
2704+
canvas.style.width = rect.width + 'px';
2705+
canvas.style.height = rect.height + 'px';
2706+
2707+
const ctx = canvas.getContext('2d');
2708+
ctx.scale(dpr, dpr);
26992709

27002710
// Track hover state
27012711
let hoveredExpertIndex = null;
@@ -2972,16 +2982,6 @@
29722982
chart.update('none');
29732983
});
29742984

2975-
// Fix blurry canvas on high-DPI displays - force 4x resolution
2976-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2977-
const canvas = document.getElementById('severityChart');
2978-
const rect = canvas.getBoundingClientRect();
2979-
canvas.width = rect.width * dpr;
2980-
canvas.height = rect.height * dpr;
2981-
canvas.style.width = rect.width + 'px';
2982-
canvas.style.height = rect.height + 'px';
2983-
ctx.scale(dpr, dpr);
2984-
29852985
const chart = new Chart(ctx, {
29862986
type: 'line',
29872987
data: {

‎risk11_pm_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2695,7 +2695,17 @@
26952695
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
26962696

26972697
// Create chart with custom plugin for colored squares
2698-
const ctx = document.getElementById('severityChart').getContext('2d');
2698+
// Fix blurry canvas FIRST - set dimensions before getting context
2699+
const canvas = document.getElementById('severityChart');
2700+
const rect = canvas.getBoundingClientRect();
2701+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2702+
canvas.width = rect.width * dpr;
2703+
canvas.height = rect.height * dpr;
2704+
canvas.style.width = rect.width + 'px';
2705+
canvas.style.height = rect.height + 'px';
2706+
2707+
const ctx = canvas.getContext('2d');
2708+
ctx.scale(dpr, dpr);
26992709

27002710
// Track hover state
27012711
let hoveredExpertIndex = null;
@@ -2972,16 +2982,6 @@
29722982
chart.update('none');
29732983
});
29742984

2975-
// Fix blurry canvas on high-DPI displays - force 4x resolution
2976-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2977-
const canvas = document.getElementById('severityChart');
2978-
const rect = canvas.getBoundingClientRect();
2979-
canvas.width = rect.width * dpr;
2980-
canvas.height = rect.height * dpr;
2981-
canvas.style.width = rect.width + 'px';
2982-
canvas.style.height = rect.height + 'px';
2983-
ctx.scale(dpr, dpr);
2984-
29852985
const chart = new Chart(ctx, {
29862986
type: 'line',
29872987
data: {

‎risk12_bau_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2845,7 +2845,17 @@
28452845
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
28462846

28472847
// Create chart with custom plugin for colored squares
2848-
const ctx = document.getElementById('severityChart').getContext('2d');
2848+
// Fix blurry canvas FIRST - set dimensions before getting context
2849+
const canvas = document.getElementById('severityChart');
2850+
const rect = canvas.getBoundingClientRect();
2851+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2852+
canvas.width = rect.width * dpr;
2853+
canvas.height = rect.height * dpr;
2854+
canvas.style.width = rect.width + 'px';
2855+
canvas.style.height = rect.height + 'px';
2856+
2857+
const ctx = canvas.getContext('2d');
2858+
ctx.scale(dpr, dpr);
28492859

28502860
// Track hover state
28512861
let hoveredExpertIndex = null;
@@ -3122,16 +3132,6 @@
31223132
chart.update('none');
31233133
});
31243134

3125-
// Fix blurry canvas on high-DPI displays - force 4x resolution
3126-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
3127-
const canvas = document.getElementById('severityChart');
3128-
const rect = canvas.getBoundingClientRect();
3129-
canvas.width = rect.width * dpr;
3130-
canvas.height = rect.height * dpr;
3131-
canvas.style.width = rect.width + 'px';
3132-
canvas.style.height = rect.height + 'px';
3133-
ctx.scale(dpr, dpr);
3134-
31353135
const chart = new Chart(ctx, {
31363136
type: 'line',
31373137
data: {

‎risk12_pm_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2845,7 +2845,17 @@
28452845
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
28462846

28472847
// Create chart with custom plugin for colored squares
2848-
const ctx = document.getElementById('severityChart').getContext('2d');
2848+
// Fix blurry canvas FIRST - set dimensions before getting context
2849+
const canvas = document.getElementById('severityChart');
2850+
const rect = canvas.getBoundingClientRect();
2851+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2852+
canvas.width = rect.width * dpr;
2853+
canvas.height = rect.height * dpr;
2854+
canvas.style.width = rect.width + 'px';
2855+
canvas.style.height = rect.height + 'px';
2856+
2857+
const ctx = canvas.getContext('2d');
2858+
ctx.scale(dpr, dpr);
28492859

28502860
// Track hover state
28512861
let hoveredExpertIndex = null;
@@ -3122,16 +3132,6 @@
31223132
chart.update('none');
31233133
});
31243134

3125-
// Fix blurry canvas on high-DPI displays - force 4x resolution
3126-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
3127-
const canvas = document.getElementById('severityChart');
3128-
const rect = canvas.getBoundingClientRect();
3129-
canvas.width = rect.width * dpr;
3130-
canvas.height = rect.height * dpr;
3131-
canvas.style.width = rect.width + 'px';
3132-
canvas.style.height = rect.height + 'px';
3133-
ctx.scale(dpr, dpr);
3134-
31353135
const chart = new Chart(ctx, {
31363136
type: 'line',
31373137
data: {

‎risk13_bau_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1945,7 +1945,17 @@
19451945
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
19461946

19471947
// Create chart with custom plugin for colored squares
1948-
const ctx = document.getElementById('severityChart').getContext('2d');
1948+
// Fix blurry canvas FIRST - set dimensions before getting context
1949+
const canvas = document.getElementById('severityChart');
1950+
const rect = canvas.getBoundingClientRect();
1951+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1952+
canvas.width = rect.width * dpr;
1953+
canvas.height = rect.height * dpr;
1954+
canvas.style.width = rect.width + 'px';
1955+
canvas.style.height = rect.height + 'px';
1956+
1957+
const ctx = canvas.getContext('2d');
1958+
ctx.scale(dpr, dpr);
19491959

19501960
// Track hover state
19511961
let hoveredExpertIndex = null;
@@ -2222,16 +2232,6 @@
22222232
chart.update('none');
22232233
});
22242234

2225-
// Fix blurry canvas on high-DPI displays - force 4x resolution
2226-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2227-
const canvas = document.getElementById('severityChart');
2228-
const rect = canvas.getBoundingClientRect();
2229-
canvas.width = rect.width * dpr;
2230-
canvas.height = rect.height * dpr;
2231-
canvas.style.width = rect.width + 'px';
2232-
canvas.style.height = rect.height + 'px';
2233-
ctx.scale(dpr, dpr);
2234-
22352235
const chart = new Chart(ctx, {
22362236
type: 'line',
22372237
data: {

‎risk13_pm_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1945,7 +1945,17 @@
19451945
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
19461946

19471947
// Create chart with custom plugin for colored squares
1948-
const ctx = document.getElementById('severityChart').getContext('2d');
1948+
// Fix blurry canvas FIRST - set dimensions before getting context
1949+
const canvas = document.getElementById('severityChart');
1950+
const rect = canvas.getBoundingClientRect();
1951+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1952+
canvas.width = rect.width * dpr;
1953+
canvas.height = rect.height * dpr;
1954+
canvas.style.width = rect.width + 'px';
1955+
canvas.style.height = rect.height + 'px';
1956+
1957+
const ctx = canvas.getContext('2d');
1958+
ctx.scale(dpr, dpr);
19491959

19501960
// Track hover state
19511961
let hoveredExpertIndex = null;
@@ -2222,16 +2232,6 @@
22222232
chart.update('none');
22232233
});
22242234

2225-
// Fix blurry canvas on high-DPI displays - force 4x resolution
2226-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
2227-
const canvas = document.getElementById('severityChart');
2228-
const rect = canvas.getBoundingClientRect();
2229-
canvas.width = rect.width * dpr;
2230-
canvas.height = rect.height * dpr;
2231-
canvas.style.width = rect.width + 'px';
2232-
canvas.style.height = rect.height + 'px';
2233-
ctx.scale(dpr, dpr);
2234-
22352235
const chart = new Chart(ctx, {
22362236
type: 'line',
22372237
data: {

‎risk14_bau_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1620,7 +1620,17 @@
16201620
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
16211621

16221622
// Create chart with custom plugin for colored squares
1623-
const ctx = document.getElementById('severityChart').getContext('2d');
1623+
// Fix blurry canvas FIRST - set dimensions before getting context
1624+
const canvas = document.getElementById('severityChart');
1625+
const rect = canvas.getBoundingClientRect();
1626+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1627+
canvas.width = rect.width * dpr;
1628+
canvas.height = rect.height * dpr;
1629+
canvas.style.width = rect.width + 'px';
1630+
canvas.style.height = rect.height + 'px';
1631+
1632+
const ctx = canvas.getContext('2d');
1633+
ctx.scale(dpr, dpr);
16241634

16251635
// Track hover state
16261636
let hoveredExpertIndex = null;
@@ -1897,16 +1907,6 @@
18971907
chart.update('none');
18981908
});
18991909

1900-
// Fix blurry canvas on high-DPI displays - force 4x resolution
1901-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1902-
const canvas = document.getElementById('severityChart');
1903-
const rect = canvas.getBoundingClientRect();
1904-
canvas.width = rect.width * dpr;
1905-
canvas.height = rect.height * dpr;
1906-
canvas.style.width = rect.width + 'px';
1907-
canvas.style.height = rect.height + 'px';
1908-
ctx.scale(dpr, dpr);
1909-
19101910
const chart = new Chart(ctx, {
19111911
type: 'line',
19121912
data: {

‎risk14_pm_chart.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1620,7 +1620,17 @@
16201620
const severityColors = ['#28a745', '#6c757d', '#ffc107', '#fd7e14', '#dc3545'];
16211621

16221622
// Create chart with custom plugin for colored squares
1623-
const ctx = document.getElementById('severityChart').getContext('2d');
1623+
// Fix blurry canvas FIRST - set dimensions before getting context
1624+
const canvas = document.getElementById('severityChart');
1625+
const rect = canvas.getBoundingClientRect();
1626+
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1627+
canvas.width = rect.width * dpr;
1628+
canvas.height = rect.height * dpr;
1629+
canvas.style.width = rect.width + 'px';
1630+
canvas.style.height = rect.height + 'px';
1631+
1632+
const ctx = canvas.getContext('2d');
1633+
ctx.scale(dpr, dpr);
16241634

16251635
// Track hover state
16261636
let hoveredExpertIndex = null;
@@ -1897,16 +1907,6 @@
18971907
chart.update('none');
18981908
});
18991909

1900-
// Fix blurry canvas on high-DPI displays - force 4x resolution
1901-
const dpr = Math.max(window.devicePixelRatio || 1, 4);
1902-
const canvas = document.getElementById('severityChart');
1903-
const rect = canvas.getBoundingClientRect();
1904-
canvas.width = rect.width * dpr;
1905-
canvas.height = rect.height * dpr;
1906-
canvas.style.width = rect.width + 'px';
1907-
canvas.style.height = rect.height + 'px';
1908-
ctx.scale(dpr, dpr);
1909-
19101910
const chart = new Chart(ctx, {
19111911
type: 'line',
19121912
data: {

0 commit comments

Comments
 (0)
⚡