[#395] Create sensitivity analysis heatmap chart

akvo · Jan 21, 2025 · f9fc48e · f9fc48e
1 parent 7a262d6
commit f9fc48e
Show file tree

Hide file tree

Showing 3 changed files with 411 additions and 0 deletions.
diff --git a/frontend/src/pages/cases/steps/AssessImpactMitigationStrategies.js b/frontend/src/pages/cases/steps/AssessImpactMitigationStrategies.js
@@ -6,6 +6,7 @@ import {
   ChartBiggestImpactOnIncome,
   ChartMonetaryImpactOnIncome,
   ChartBinningDriversSensitivityAnalysis,
+  ChartBinningHeatmapSensitivityAnalysis,
 } from "../visualizations";
 import { BinningDriverForm, SegmentSelector } from "../components";
 import { map, groupBy } from "lodash";
@@ -305,6 +306,18 @@ const AssessImpactMitigationStrategies = ({
                 ) : null
               )}
             </Col>
+            <Col span={24}>
+              {dashboardData.map((segment) =>
+                selectedSegment === segment.id ? (
+                  <ChartBinningHeatmapSensitivityAnalysis
+                    key={segment.id}
+                    segment={segment}
+                    data={sensitivityAnalysis.config}
+                    origin={dataSource}
+                  />
+                ) : null
+              )}
+            </Col>
             {/* EOL Sensitivity Analysis Chart */}
           </Row>
         </Card>