Tweaks to chart format and colors

transitmatters · Aug 20, 2023 · 0077cf1 · 0077cf1
1 parent 284a3d1
commit 0077cf1
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -26,8 +26,8 @@ Steps to reproduce the behavior:
 **Device Info (please complete the following information):**
  - Device: [e.g. iPhone 6, Laptop]
  - OS: [e.g. iOS, Windows]
- - Browser: [e.g. chrome, safari]
- - Version: [e.g. 22]
+ - Browser: [e.g. Chrome, Safari]
+ - Browser Version: [e.g. 22]
 
 **Additional context**
 <!-- Add any other context about the problem here. -->
diff --git a/.github/workflows/healthcheck.yml b/.github/workflows/healthcheck.yml
@@ -1,6 +1,7 @@
 name: healthcheck
 
 on:
+  workflow_dispatch:
   schedule:
     - cron: '15 23 * * *' # 7:15PM EST every day
 

diff --git a/modules/ridership/RidershipGraph.tsx b/modules/ridership/RidershipGraph.tsx
@@ -71,7 +71,7 @@ export const RidershipGraph: React.FC<RidershipGraphProps> = ({
 
                 {
                   // This null dataset produces the entry in the legend for the peak annotation.
-                  label: `Historical Maximum (${PEAK_RIDERSHIP[routeIndex ?? 'DEFAULT']})`,
+                  label: `Historical Maximum (${PEAK_RIDERSHIP[routeIndex ?? 'DEFAULT'].toLocaleString("en-us")} riders)`,
                   backgroundColor: CHART_COLORS.ANNOTATIONS,
                   data: null,
                 },
@@ -139,7 +139,7 @@ export const RidershipGraph: React.FC<RidershipGraphProps> = ({
                   },
                   title: {
                     display: true,
-                    text: 'Trips',
+                    text: 'Riders',
                     color: COLORS.design.subtitleGrey,
                   },
                 },

diff --git a/modules/service/ServiceGraph.tsx b/modules/service/ServiceGraph.tsx
@@ -89,7 +89,7 @@ export const ServiceGraph: React.FC<ServiceGraphProps> = ({
                 },
                 {
                   // This null dataset produces the entry in the legend for the baseline annotation.
-                  label: `Historical Maximum (${peak})`,
+                  label: `Historical Maximum (${peak.toLocaleString("en-us")} trips)`,
                   backgroundColor: CHART_COLORS.ANNOTATIONS,
                   data: null,
                 },
@@ -115,9 +115,8 @@ export const ServiceGraph: React.FC<ServiceGraphProps> = ({
                   callbacks: {
                     ...callbacks,
                     label: (context) => {
-                      return `${context.datasetIndex === 0 ? 'Actual:' : 'Scheduled:'} ${
-                        context.parsed.y
-                      } (${((100 * context.parsed.y) / peak).toFixed(1)}% of historical maximum)`;
+                      return `${context.datasetIndex === 0 ? 'Actual:' : 'Scheduled:'} ${context.parsed.y
+                        } (${((100 * context.parsed.y) / peak).toFixed(1)}% of historical maximum)`;
                     },
                   },
                 },
@@ -157,7 +156,7 @@ export const ServiceGraph: React.FC<ServiceGraphProps> = ({
                   },
                   title: {
                     display: true,
-                    text: 'trips',
+                    text: 'Trips',
                     color: COLORS.design.subtitleGrey,
                   },
                 },

diff --git a/modules/speed/SpeedGraph.tsx b/modules/speed/SpeedGraph.tsx
@@ -53,6 +53,7 @@ export const SpeedGraph: React.FC<SpeedGraphProps> = ({
             datasets: [
               {
                 label: `MPH`,
+                backgroundColor: COLORS.design.background,
                 borderColor: LINE_COLORS[line ?? 'default'],
                 pointRadius: 0,
                 pointBorderWidth: 0,
@@ -67,7 +68,7 @@ export const SpeedGraph: React.FC<SpeedGraphProps> = ({
               },
               {
                 // This null dataset produces the entry in the legend for the baseline annotation.
-                label: `Historical Maximum (${peak})`,
+                label: `Historical Maximum (${peak} mph)`,
                 backgroundColor: CHART_COLORS.ANNOTATIONS,
                 data: null,
               },