diff --git a/packages/lib-classifier/src/components/Classifier/components/Feedback/components/Graph2dRangeFeedback.js b/packages/lib-classifier/src/components/Classifier/components/Feedback/components/Graph2dRangeFeedback.js index 24966c74794..90781120cac 100644 --- a/packages/lib-classifier/src/components/Classifier/components/Feedback/components/Graph2dRangeFeedback.js +++ b/packages/lib-classifier/src/components/Classifier/components/Feedback/components/Graph2dRangeFeedback.js @@ -58,6 +58,7 @@ function Graph2dRangeFeedback() { return ( + + + + + + ) +} +SelectedXRanges.store = mockStore({ + subject: superWaspSubject, + workflow: dataSelectionWorkflow +}) diff --git a/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/ScatterPlotViewer/components/ScatterPlot/ScatterPlot.js b/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/ScatterPlotViewer/components/ScatterPlot/ScatterPlot.js index a1b90213083..936ede1d7b7 100644 --- a/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/ScatterPlotViewer/components/ScatterPlot/ScatterPlot.js +++ b/packages/lib-classifier/src/components/Classifier/components/SubjectViewer/components/ScatterPlotViewer/components/ScatterPlot/ScatterPlot.js @@ -46,8 +46,6 @@ const TRANSFORM_MATRIX = { translateY: 0 } - - export default function ScatterPlot({ axisColor = '', backgroundColor = '', @@ -57,6 +55,7 @@ export default function ScatterPlot({ dataPointSize = 25, disabled = false, experimentalSelectionTool = false, + feedbackBrushes = [], highlightedSeries, initialSelections = [], interactionMode = 'annotate', @@ -191,6 +190,7 @@ export default function ScatterPlot({ {children} {experimentalSelectionTool && true function Selections({ disabled = false, + feedbackBrushes=[], height, margin, transformMatrix = TRANSFORM_MATRIX, @@ -203,6 +204,27 @@ function Selections({ eventRoot?.current.focus() } + function FeedbackBrush({ feedbackBrush }) { + const width = feedbackBrush.maxX - feedbackBrush.minX + const x = feedbackBrush.minX + width / 2 + let fill = 'transparent' + if (feedbackBrush.success === true) { + fill = 'green' + } + if (feedbackBrush.success === false) { + fill = 'red' + } + return ( + + ) + } + return ( ))} + {feedbackBrushes?.map(feedbackBrush => ( + + ))} ) }