Spaces:
Build error
Build error
File size: 1,064 Bytes
d61b9c7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
import React from "react";
import styles from "../App.module.css";
import { calcHSLFromScore } from "../utils/color";
import { FeatureOutput } from "../models/visualizationOutput";
interface ContributionsProps {
feature_outputs: FeatureOutput[];
}
function Contributions(props: ContributionsProps) {
return (
<>
{props.feature_outputs.map((f) => {
// pad bar height so features with 0 contribution can still be seen
// in graph
const contribution = f.contribution * 100;
const bar_height = contribution > 10 ? contribution : contribution + 10;
return (
<div className={styles["bar-chart__group"]}>
<div
className={styles["bar-chart__group__bar"]}
style={{
height: bar_height + "px",
backgroundColor: calcHSLFromScore(contribution),
}}
/>
<div className={styles["bar-chart__group__title"]}>{f.name}</div>
</div>
);
})}
</>
);
}
export default Contributions;
|