🎉 enable line/slope chart switching in explorers

owid · Dec 6, 2024 · e516ac6 · e516ac6
1 parent 37de4b0
commit e516ac6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/@ourworldindata/explorer/src/ExplorerProgram.ts b/packages/@ourworldindata/explorer/src/ExplorerProgram.ts
@@ -9,6 +9,7 @@ import {
     GrapherInterface,
     AxisMinMaxValueStr,
     GrapherChartType,
+    GRAPHER_CHART_TYPES,
 } from "@ourworldindata/types"
 import {
     CoreTable,
@@ -66,7 +67,7 @@ interface ExplorerGrapherInterface extends GrapherInterface {
     relatedQuestionText?: string
     relatedQuestionUrl?: string
     mapTargetTime?: number
-    type?: GrapherChartType | "None"
+    type?: GrapherChartType | "LineChart SlopeChart" | "None"
 }
 
 const ExplorerRootDef: CellDef = {

diff --git a/packages/@ourworldindata/explorer/src/GrapherGrammar.ts b/packages/@ourworldindata/explorer/src/GrapherGrammar.ts
@@ -3,6 +3,7 @@ import {
     ColorSchemeName,
     FacetAxisDomain,
     FacetStrategy,
+    GRAPHER_CHART_TYPES,
     GRAPHER_TAB_OPTIONS,
     MissingDataStrategy,
     StackMode,
@@ -66,10 +67,11 @@ export const GrapherGrammar: Grammar<GrapherCellDef> = {
         description: `The type of chart to show such as LineChart or ScatterPlot. If set to None, then the chart tab is hidden.`,
         terminalOptions: toTerminalOptions([
             ...ALL_GRAPHER_CHART_TYPES,
+            `${GRAPHER_CHART_TYPES.LineChart} ${GRAPHER_CHART_TYPES.SlopeChart}`,
             "None",
         ]),
         toGrapherObject: (value) => ({
-            chartTypes: value === "None" ? [] : [value],
+            chartTypes: value === "None" ? [] : value.split(" "),
         }),
     },
     grapherId: {